/*METTI QUI IL TUO CSS*/

:root {
  --primary-color: #020e61;
  --secondary-color: #01148d;
  --bs-tertiary: #dceaf7;
  --blu: #093880;
}

html, body {
    height: 100%;
    margin: 0;
}
.page-wrapper {
    min-height: 85vh; /* occupa sempre tutta l’altezza dello schermo */
    display: flex;
    flex-direction: column;
}
.footer {
    margin-top: auto;   /* spinge il footer in fondo allo schermo */
}

.iconacategoria {
    display: none;
}

/*HEADER*/
.header-top {
  background-color: #020e61;
  color: white;
}
.header-middle,.footer-middle {
  background-color:#01148d;
  color:white;
}
.header-bottom,
.header-content .navbar .nav-item a  {
  background-color: #01148d;
  color: white;
}
#offcanvasMenu1 .offcanvas-header,
#offcanvasMenu1 .offcanvas-body {
    background-color: white;
    color: black;
}
.header-content[role="region"] {
    flex-wrap: wrap;
}
.header-content {
    height: auto;
}
.cerca-header>form {
    margin-left: auto;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(1, 20, 141,1) !important;
}

.footer {
  /*  position: absolute;
    bottom: 0px;*/
    width: 100%;
}
.footer-top,
.footer-top ul,
.footer-top ul li a {
    background-color: #020e61 !important;
    color: white;
}
.footer-top ul,
#modulo1 ul,
.header-content,
.header-content nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* articolo singolo */
.single-article-image figure img,
.single-article-image figure {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

/* menu mobile */
.offcanvas-header, .offcanvas-body,
.offcanvas-body .nav-item a {
 background-color: #020e61 !important;
}
.offcanvas-body li>a {
    color: white !important;
}
.offcanvas-header .btn-close {
    filter: invert(1);   /* rende l'icona bianca */
}
.offcanvas-body li>a:hover,
.offcanvas-body li>a:focus {
    color: white !important;
}

.categoryCard .content-category {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.categoryCard .content-category > h1,
.categoryCard .content-category > .category-desc,
.categoryCard .content-category > .categoryCard_articles {
  flex: 0 0 100%;
}

.content-category>h1 {
  color: #020e61;
  font-size: 2rem;
}


.mod-finder__search.input-group button {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.com-content-category__articles{
  width: 100%;
}

@media (min-width: 992px) {
  #mod-custom329 {
    flex: 0 0 auto;
    width: 75%;
  }
  .cerca-header {
    flex: 0 0 auto;
    width: 25%;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .background-image-mobile {
    background-color: #020e61;
  }
}
.overlay {
    background-color: rgba(2, 14, 97, 0.834);
  }
.overlay,
.background-image-container::after {
    pointer-events: none;
}
.background-image-container .container {
    position: relative;
    z-index: 2;
}

/*
.col-12 a {
    display: block;
    width: 100%;
} */

/* Fix per visualizzazione immagine di sfondo */
.background-image-container .bg-black {
    background-color: transparent !important;
}

.background-image-container .overlay {
    background-color: rgba(2, 14, 97, 0.8) !important; /* Ridotta opacità per vedere meglio l'immagine */
}

.background-image-container::after {
    content: none !important; /* Rimuove il secondo overlay */
}

/* Assicura che il contenuto sia leggibile */
.background-image-container a {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}