:root {
  --h1-font-size: 1.5rem; /* Sovrascrive la variabile CSS */
}
h1 {
  font-size: var(--h1-font-size) !important;
}




/* Box per tutti gli articoli */
.blog-item,
.intro-article,
.leading-article,
.article {
  background: #f8f9fa !important;
  border: 2px solid #224faa !important;
  border-radius: 0.7rem !important;
  padding: 1.2em !important;
  margin-bottom: 1.5em !important;
  box-shadow: 0 2px 8px #0001 !important;
}

/* Titolo di tutti gli articoli */
.blog-item h2,
.blog-item .item-title a,
.blog-item .article-title,
.intro-article h2,
.intro-article .item-title a,
.intro-article .article-title,
.leading-article h2,
.leading-article .item-title a,
.leading-article .article-title,
.article h2,
.article .item-title a,
.article .article-title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #161870 !important;
  margin-bottom: 10px !important;
  line-height: 1.2 !important;
}

/* Testo di tutti gli articoli */
.blog-item .article-content,
.blog-item .item-content,
.blog-item .introtext,
.blog-item .content,
.intro-article .article-content,
.intro-article .item-content,
.intro-article .introtext,
.intro-article .content,
.leading-article .article-content,
.leading-article .item-content,
.leading-article .introtext,
.leading-article .content,
.article .article-content,
.article .item-content,
.article .introtext,
.article .content {
  font-size: 0.93rem !important;
  color: #222 !important;
  line-height: 1.6 !important;
}


.blog-item:hover,
.intro-article:hover,
.leading-article:hover,
.article:hover {
  background: #e3e8ff !important; /* Colore di sfondo al passaggio mouse */
  transition: background 0.2s;
}





.vertical-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 220px;
  height: 100vh;
  background: #f5f5f5;
  border-right: 2px solid #224faa;
  box-shadow: 2px 0 8px #0001;
  padding: 1em 0.5em;
  z-index: 2000;
  flex-direction: column;
}

/* Mostra il menu verticale quando il main menu non è visibile */
.menu-hidden .vertical-menu {
  display: flex;
}








/* Forza il sottomenu a posizionarsi sotto la voce cliccata */

.sidebar-right .mod-menu > li > ul,
.sidebar-right .metismenu > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 180px;
  z-index: 1000;
  background: #f5f5f5;
  border: 2px solid #224faa;
  border-radius: 0.5rem;
  padding: 1em;
  box-shadow: 0 2px 8px #0001;
  margin-top: 0.5em;
}




.newsflash-item {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}

.newsflash-image {
  flex-shrink: 0;
  width: 250px !important;
  height: 200px !important;
  border-radius: 0.5em !important;
  box-shadow: 0 2px 8px #0001 !important;
  object-fit: cover !important;
  margin: 0 !important;
  display: block !important;
}
/*
.newsflash-image.left {
  float: left !important;
  margin-right: 1em !important;
}

.newsflash-image.right {
  float: right !important;
  margin-left: 1em !important;
}
*/
body {
  color: #22262a;
  background-color: #fafafb;
  margin: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}