/* **** GLOBAL **** */

body {
  margin: 0;
  font-size: 20px;
  font-family: Helvetica, sans-serif;
  background-color: #f4f4f4; /* grigietto chiaro */
}





* {
line-height: 150% !IMPORTANT;
}

body a {
text-decoration: none;
}


body a:hover {
  text-decoration: underline;
 }




#container {
  /* tutto il box */  
display: flex; 
flex-flow: row wrap;
flex-direction: row;
margin: 0 auto;
}

@media (max-width: 764px) {#container{flex-direction:column;}}


.corpo_centrale {
  /* solo il corpo centrale che contiene news ed aside */
	flex-direction: row;
  align-self: flex-start;
  width: 70%;
  margin: 0 auto;
  border: 0px solid red;  

}

@media (max-width: 764px) {.corpo_centrale{flex-direction:column;width:100%;}}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:inline;
  }

h1 {
  font-size: 2em;
  color: darkblue;  
}

h2 {
  font-size: 1.4em;
  color: darkblue;  
}

h3 {
  font-size: 1em;
  color: darkblue;  
}


hr {
  margin: 0;
  padding: 0;  
  color: darkblue;  
}





 
.container_news {
   /* contenitore di tutte le news escluso aside - le rimpicciolische nel quadrato */
   /* contentenitore post */
   flex-direction: row; 
   float: left;
   /* margin: 0 auto; */
   width: 70%; /* rimpicciolisce colonna sx news */
   border: 0px solid grey; 
   background-color: #f4f4f4 !IMPORTANT; 
 }
 
 @media (max-width: 764px) {.container_news{width: 100%;height:auto;padding:1%;}}


 .corpo_laterale {
  flex-direction: row;
  top: 0;
  float: right;
  width: 27%; /* rimpicciolisce aside */
  border-top: 1px solid darkblue;  
  border-bottom: 1px solid darkblue;  
  padding: 1%;
}

@media (max-width: 764px) {.corpo_laterale{width: 100%;height:auto;}}


.DIV_VUOTO {
  clear: both;
  margin-bottom: 0;
  padding-bottom: 0;
  }






/* forward rewind */

.ad_pagine_box {
  /* margin: 0 auto;
  border: 0px solid black; 
  width: 75%; */
}

.butt_container {
	display: flex;
	flex-direction: row;
  border: 0px solid red;
  width: 70%;
  margin: 0 auto;
}

.butt_container a {
  color:#3654eb;
}


.butt_rewind, .butt_forward {
  font-size: 14px;
}

.butt_rewind {
  width: 40%; 
float:left;
flex: 1;

}


.butt_forward {
  width: 50%;
	float:right;
  flex: 2;
  text-align: left;

}












.zzzboxnews {
  /* contenitore flex di img e titoli news */
  /* rimpicciolisce img e nes all'interno di container_news */
	display: flex;
	flex-direction: row;
	align-items:left;   /* centra flex box all interno contenitore */
	grid-gap: 15px; 		/* distanza tra colona sinistra e destra */
  border-bottom: 0px solid grey;
	/* background-color: white; */
  width: 97%;        /* larghezza colonna news che contiente colonne sotto left e right */
  height: 160px;
  padding: 1%;
  padding-bottom: 80px;
  }

  @media (max-width: 764px) {.zzzboxnews{height:70px;padding-bottom: 40px;}} 


.zzzleftnews{
  display: flex;
	flex-direction: row;
	border: 0px solid red;		
	justify-content: center; /* centra immagine all interno flexbox */
	width: 25%;	/* questo e quello sotto devono essere con comma 100% */
}

@media (max-width: 764px) {.zzzleftnews{display:none;height:auto;}.topic_meta{display:none;}}


.zzzleftnews img {
  top:50%;
  left:50%;
  width:100%;
  object-fit: scale-down;
  }
@media (max-width: 764px) {.zzzleftnews img{display:none;}.topic_meta{display:none;}}


.zzzrightnews{
  display: flex;
	flex-direction: row;
	text-align: left;	
	width: 75%;			/* questo e quello sopra devono essere con somma 100% */
	padding: 0%;
  border: 0px solid red;		
}

@media (max-width: 764px) {.zzzrightnews{width: 100%;height:75px;}}

@media (max-width: 764px) {.topic_title H2{font-size:19px;}}


.topic_title {
  font-size: 20px;  
  }
  

.topic_meta {
font-size: 14px;  
}





.topic_crumbs {

} 











/*********************/
/* 01 menu e logo    */
/*********************/
/* ref https://codepen.io/mutedblues/pen/MmPNPG */
/* https://code-boxx.com/simple-responsive-pure-css-hamburger-menu/ */


.container_header {
  top: 0;
  position: sticky;
  z-index: 3;
  /* background-color: #235cc6; */
  width: 100%;
  border-bottom: 0px solid lightgrey;
  
  }




#logo {
/* contenitore */  
 
float: left;  
border: 0px solid black;  
padding-left: 70px;  
}

@media screen and (max-width: 768px){#logo {width: 70%;margin: 0 auto;float:left; }}

#logo img {
width: 90%; 
border: 0px solid lightgrey;  
}
@media screen and (max-width: 768px){#logo img {width: 70%;margin: 0 auto;float:left; }}


/* [ON BIG SCREEN] */
/* (A) WRAPPER */
#hamnav {
  width: 100%;
  /* background: #34568B;*/
  background: white; /* nuovo sfondo menu */

}

/* (B) HORIZONTAL MENU ITEMS */
#hamitems { 
  display: flex; 
 /* align-items:center; /* allinea in verticale il testo */
}
#hamitems a {
  flex-grow: 1;
  flex-basis: 0;
  padding: 20px;

  /* color: white; */
  color: darkblue; /* nuovo colore link */

  text-decoration: none;
  text-align: center;
  font-size: 24px;
}
#hamitems a:hover { 
  background: #af0d0d;
  color: white;
}

/* (C) HIDE HAMBURGER */
#hamnav label, #hamburger { display: none; }

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }
 
  /* (B) SHOW HAMBURGER ICON */
  #hamnav label { 
    display: inline-block; 

    /* color: white; */
    color: blue;

    background: #a02620;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* (C) TOGGLE SHOW/HIDE MENU */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}


/* [DOES NOT MATTER] */
html, body {
  /* padding: 0;
  margin: 0;
  font-family: arial, sans-serif; */
}













/*****************************************/
/* 17 NEW FOOTER WIDGET */
/*****************************************/	
.footer-sidebar-container {
  border: 0px solid black !IMPORTANT;			
  background-color: #0353a3;	/* colore footer */
}

.footer-sidebar {
    display: flex;
    flex-direction: row;	
    justify-content: left;
    align-items: stretch; /* alti tutti uguali i div */
    flex-wrap: nowrap;
    margin: 0 auto;	
    width: 80%;	
    grid-gap: 10px;	/* separa le celle */
      
  }
  .footer-sidebarXX1, .footer-sidebarXX2, .footer-sidebarXX3 {
    color: white;
    padding: 1%;
    text-align: left !IMPORTANT;
    width: 33% !IMPORTANT;
  }
  .footer-sidebarXX1 {
    font-size: 15px; /* dimensioni testo widget bottom */	
    line-height: 145% !IMPORTANT;
  }
  .footer-sidebarXX1 a {
    color: white !IMPORTANT;	
    line-height: 150% !IMPORTANT;
    text-decoration: none !IMPORTANT;	
  }
  .footer-sidebarXX1 a:hover {
    text-decoration: underline !IMPORTANT;
    }
  /* *************************** */
  .footer-sidebarXX2 {
    width: 33% !IMPORTANT;	
    font-size: 15px; /* dimensioni testo widget bottom */	
   }
  .footer-sidebarXX2 a {
    color: white !IMPORTANT;	
    line-height: 175% !IMPORTANT; /* aumento distanza menu footer */
    text-decoration: none;	
  }
  .footer-sidebarXX2 a:hover{
    text-decoration: underline !IMPORTANT;
  }
  /* *************************** */
  .footer-sidebarXX3{
    
    width: 33% !IMPORTANT;	
    font-size: 15px; /* dimensioni testo widget bottom */	
  }
  
  /* *********** footer widget mobile *********** */
  @media (max-width: 764px) {.footer-sidebar{flex-direction:column !IMPORTANT;}.footer-sidebarXX1, .footer-sidebarXX2, .footer-sidebarXX3 {width:auto !IMPORTANT;text-align: left !IMPORTANT;}}
    
  /*****************************************/
  /* Footer GM NEW*/
  /*****************************************/
  #footer {
    padding: 0%;
    
  }
  
  .footer-new {
  width: 100%;
  margin: 0 auto;
  text-align: center;	
  color: whitesmoke;	
  background-color: #0353a3; /* footer new */
  font-size: 15px;

  }
  
  .footer-new a {
    color: whitesmoke;
  }

.center_stat {
margin: 0 auto:  
}






  .topic_categoria {
    
  } 
  
  .topic_title {
    
  } 


  .topic_meta {
    
  }



  .topic_testo {
    width: 100%;    
    background-color: #f4f4f4;
  }



.topic_categoria {
  width: 100px;    

}

.topic_categoria a {
  color: white;
}

.button1, .button2, .button3, .button4, .button5, .button6 {
  border-radius: 3px;
  padding: 1%;
  font: 15px;
  FONT-WEIGHT: bold;
  text-align: center;
  margin: 0 auto;
}

.button1 {
	/* light brown */
    background-color: #ff7735;
}
.button2 {
  /* guide */
  background-color: #00a200;
}
.button3 {
	/* software */
  background-color: #3654eb;
 }

.button4 {
 background-color: #00a2a2;
}
.button5 {
	/*viola*/
    background-color: #a200a2;
}
.button6 {
	/*brown*/
  background-color: #9f0000;
}






/* image */


.img_box {
  width: 100%; 
  text-align: center;
  margin: 0 auto;
 }
 
 .img_box_left {
  width: 100%; 
 text-align: left; 
 }
 



.img20 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 20%;
  text-align: left;
 }
 
 .img25 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 25%;
  text-align: center;
  }

 .img30 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 30%;
  text-align: center;
  }
 
 
 .img40 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 40%;
  text-align: center;
  }
 
 
 .img60 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 60%;
  text-align: center;
 }
 

 .img70 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 70%;
  text-align: center;
 }
 


 .img80 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5);   */
  width: 80%;
  text-align: center;
 }


 .img90 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */
  width: 90%;
  text-align: center;
 }

 
 .img100 {
  /* box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5); */   
  width: 100%;
  text-align: center;
 }

 .imgdef {
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.5);    
  width: 100%;
  text-align: center;
 }
  
















 #cookieChoiceInfo{
  /* STANDARD STYLE JS */
  position:fixed;
  width:100%;
  background-color:#eee;
  margin:0; 
  left:0; 
  top:0;
  padding:4px;
  z-index:1000;
  text-align:center;
  /* STANDARD STYLE JS END */
  
  background-color:#333;
  color:#fafafa; 
  font-size: 14px;
  padding:8px;
  box-sizing:border-box;
}

@media (max-width: 850px){
  #cookieChoiceInfo span{
    display: block;
    margin-bottom:5px;
  }
}

#cookieChoiceInfo a{
  display:inline-block;
  background-color:#fafafa;
  padding:3px 9px;
  color:#111;
  text-decoration:none;
  font-size:14px;
  margin-left:8px;
}

#cookieChoiceInfo a:hover{
  background-color:#f0f0f0;
  text-decoration:none;
}

#cookieChoiceInfo a#cookieChoiceDismiss{
  margin-left:24px;
}