:root { 
 /*Colori*/
  --bs-primary: #004f9e;
  --bs-primary-rgb: 0, 79, 158;
  --bs-secondary: #023365;
  --bs-secondary-rgb: 2, 51, 101;
  --bs-tertiary: #ffffff;
  --bs-quaternary: #629CD5;
  }

a{
  color: #005EBD !important;
  font-weight: bold;
  text-decoration: none;
}
a:hover{
  color: #005EBD !important;
  font-weight: bold;
  text-decoration: underline;
}

a.text-white{
color: #fff !important;
}

/*Titolo link card*/

.mainLink {
    color: #000000 !important;
    text-decoration: none !important;
}
.mainLink:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}


.bg-quaternary{
    background-color: var(--bs-quaternary);
}


/*bottoni*/
.btn-primary {
    font-weight: bold;
    color: #fff !important;
    --bs-btn-color: #fff !important;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: none;
    box-shadow: 2px 2px 5px -3px #000000;
    border: var(--bs-primary) 1px solid;
    border-radius: 8px;
  }
  
  .btn-primary:hover,
  :not(.btn-check)+.btn:active {
    color: #fff !important;
    box-shadow: none;
    background-color: var(--bs-primary);
    text-decoration: underline;
    border: var(--bs-primary) 1px solid;
  }
  
  .btn-primary:focus-visible {
    color: #fff !important;
    box-shadow: none;
    background-color: var(--bs-primary);
    text-decoration: underline;
    border: var(--bs-info) 3px solid;
  }
  
  .btn-secondary {
    font-weight: bold;
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: none;
    box-shadow: 2px 2px 5px -3px #000000;
    border-radius: 3;
    border: var(--bs-tertiary) 1px solid;
  }
  
  .btn-secondary:hover,
  btn-secondary:active,
  .btn:first-child:active {
    font-weight: bold;
    --bs-btn-hover-color: #000;
    text-decoration: underline;
    --bs-btn-hover-bg: #fff;
    border: #4a4a4a 1px solid;
    box-shadow: none;
    border-radius: 3;
    background-color: #fff;
    color: #000;
  }
  
  .btn:focus-visible {
    border-color: var(--bs-info);
    box-shadow: 0 0 0 0.25rem rgba(208, 145, 66, 0.25);
  }
  
  .form-control:focus,
  .form-control:focus-visible,
  .form-select:focus,
  .form-select:focus-visible {
    border: var(--bs-info) 3px solid !important;
  }
  
  /* fine bottoni*/
  

/*HEADER*/
/*Carousel*/
.carousel-caption-title {
    color: #000000 !important;
}


.carousel-caption {
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  padding: 10px;
  border-radius: 15px;
  text-align: left !important;
  position: absolute;
  right: 10% !important;
  top: 25% !important;
  width: 40% !important;
  height: 56% !important;
  min-height: 250px;
  overflow: auto;
}

@media screen and (min-width: 768px) and (max-width: 1199px){
  .carousel-caption {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    padding: 10px;
    border-radius: 15px;    
    text-align: left !important;
    position: absolute;
    right: 10% !important;
    top: 15% !important;
    width: 50% !important;
    height: 70% !important;
    min-height: 250px;
    overflow: auto;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px){
  .carousel-caption {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    padding: 10px;
    border-radius: 15px;    
    text-align: left !important;
    position: absolute;
    right: 10% !important;
    top: 20% !important;
    width: 45% !important;
    height: 65% !important;
    min-height: 250px;
    overflow: auto;
  }
}

@media screen and (max-width: 576px){
  .carousel-caption {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    padding: 10px;
    border-radius: 15px;
    text-align: left !important;
    position: absolute;
    right: 10% !important;
    top: 15% !important;
    width: 75% !important;
    height: 70% !important;
    overflow: auto;
  }
}

.text-block3 {
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  padding: 10px;
  border-radius: 15px;
  width: 50%;
  text-align: left !important;
  position: absolute;
  right: 10% !important;
  top: 20% !important;
  width: auto !important;
  height: auto !important;
  overflow: auto;
  margin: 20px;
}

@media (max-width: 767px){
  .text-block3 {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    padding: 10px;
    border-radius: 15px;
    text-align: left !important;
    position: absolute;
    right: 2% !important;
    /*top: 20% !important;*/
    width: auto !important;
    height: auto !important; 
    overflow: auto !important;
    margin: 0px !important;
  }
  }
@media screen and (min-width: 768px) and (max-width: 1199px){
  .text-block3 {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    padding: 10px;
    border-radius: 15px;
    width: 50%;
    text-align: left !important;
    position: absolute;
    right: 10% !important;
    top: 20% !important;
    width: 50% !important;
    height: 50% !important;  
    overflow: auto;
    margin: 20px;
  }
  }


/*BANDI*/
/* Contenitore principale della griglia */
.com-tags-tag__items {
    display: flex;
    justify-content: center;
}

/* Lista degli articoli */
.com-tags-tag__items ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; /* Spazio tra i blocchi */
}

/* Ogni articolo */
.com-tags-tag__items .list-group-item {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

/* Hover per l'effetto zoom */
.com-tags-tag__items .list-group-item:hover {
    transform: scale(1.05);
}

/* Stile del titolo */
.com-tags-tag__items h3 {
    margin: 0;
    font-size: 16px;
}

/**/
.com-tags__items{
    width: var(--wid-100);
}

.menu-row .nav-link{
    color: #ffffff !important;
}

a.nav-link{
color: #fff;
text-decoration: none;
font-weight: bold;
}
a.nav-link:hover{
color: #fff;
text-decoration: underline;
font-weight: bold;
}


li.nav-item{
margin-left: 10px;
}

::-webkit-scrollbar{
Width: 8px;
}

::-webkit-scrollbar-thumb{
Background: #004F9E;
border-radius: 10px;
}

::-webkit-scrollbar-track{
Background: #E0F0FF;
}


span.visually-hidden{
color: #000;
}

/*bottone pagine interne: azzurro con testo nero */
a.btn.btn-sm.btn-info{
color: #000 !important;
font-weight: bold !important;
}