.captcha-type-challenge--recaptcha legend {
  border-bottom: 0;
}

.captcha__description {
  color: #6c757d !important;
  font-size: 80%;
  font-weight: 400;
}

/*
Il modulo Bootstrap_styles è completamente cambiato: mentre prima andava raddoppiando da 0,5 (1 = 0.5, 2 = 1, 3 = 2, 4 = 4, 5 = 8)
Ora si parte da 0.5 ma si incrementa di 0.5 (1 = 0.5, 2 = 1, 3 = 1.5, 4 = 2)
Quindi li sovrascriviamo con il valore originale
*/

.bs-pb-4 {
  padding-bottom: 4rem !important;
}
.bs-pt-4 {
  padding-top: 4rem !important;
}
.bs-pr-4 {
  padding-right: 4rem !important;
}
.bs-pl-4 {
  padding-left: 4rem !important;
}

.bs-mb-3 {
  margin-bottom: 2rem !important;
}
.bs-mt-3 {
  margin-top: 2rem !important;
}
.bs-ml-3 {
  margin-left: 2rem !important;
}
.bs-mr-3 {
  margin-right: 2rem !important;
}

.bs-p-3 {
  padding: 2rem !important;
}
.bs-pb-3 {
  padding-bottom: 2rem !important;
}
.bs-pt-3 {
  padding-top: 2rem !important;
}
.bs-pr-3 {
  padding-right: 2rem !important;
}
.bs-pl-3 {
  padding-left: 2rem !important;
}


.bs-mb-2 {
  margin-bottom: 1rem !important;
}
.bs-mt-2 {
  margin-top: 1rem !important;
}
.bs-ml-2 {
  margin-left: 1rem !important;
}
.bs-mr-2 {
  margin-right: 1rem !important;
}

.bs-p-2 {
  padding: 1rem !important;
}
.bs-pb-2 {
  padding-bottom: 1rem !important;
}
.bs-pt-2 {
  padding-top: 1rem !important;
}
.bs-pr-2 {
  padding-right: 1rem !important;
}
.bs-pl-2 {
  padding-left: 1rem !important;
}

.page-node-2171 .imgtestatapagina .content img {
  height: auto;
}

/*
  il blocco con le macrocategorie della download area medicale
 */
.block-views-blockcategorie-download-medicale-block-1,
.block-views-blockcategorie-download-medicale-block-2 {

  /*padding: 15px 15px 25px 15px;*/

  ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: url(/sites/default/files/fm-immagine.jpg) no-repeat center center;
    background-size: cover;
    /*height: 150px;*/
    justify-content: center;
    gap: 40px;
    background-color: lightgray;
    padding: 30px;
    margin-bottom: 50px;
  }

  a, .blockcategorie-download a {
    padding: 5px 0px;
    display: block;
    border-bottom: 1px solid #c8c8c8;
    font-weight: 700;
  }

  a:after {
    display: inline-block;
    content: none !important;
  }

  a {
    color: powderblue;
  }
  a.activo {
    color: white;
  }
  a.activo:hover {

  }

  a:hover {
    color: white;
  }


  ul li {
    position: relative; /* Necessario per il posizionamento della riga */
    cursor: pointer; /* Indica che l'elemento è interattivo */
  }

  /* Riga gialla sotto */
  ul li::after {
    content: ""; /* Elemento vuoto per la linea */
    position: absolute;
    left: 50%;
    bottom: -5px; /* Distanza dal testo */
    width: 0%; /* Inizialmente invisibile */
    height: 3px; /* Spessore della riga */
    background-color: yellow;
    transition: width 0.3s ease, left 0.3s ease; /* Animazione */
  }

  ul li:hover::after {
    width: 100%; /* Espande la linea */
    left: 0; /* Allinea la linea */
  }

  ul li a[href*="/p/"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/sites/default/files/reserved-area.png') no-repeat center center;
    background-size: contain;
    margin-right: 5px;
  }

  /* Riga gialla sotto quando il link ha la classe "attivo" */
  ul li a.attivo::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px; /* Distanza dal testo */
    width: 100%;
    height: 3px;
    background-color: yellow;
  }

  .view-content.row {
    margin-left: -15px;
    margin-right: -15px;
  }

}


@media (min-width: 1024px) {
  .page-user-register [data-drupal-selector="edit-account"] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1024px) {
  .page-user-register [data-drupal-selector="edit-account"] > div {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.page-user-register #main {
  width: 60%;
  margin-bottom: 75px;

  .captcha__title {
    text-transform: lowercase; /* Ensure everything is lowercase first */
  }

  .captcha__title::first-letter {
    text-transform: uppercase; /* Capitalize only the first letter */
  }
}

/* https://flowmeter.it/thank-you-registration */
.registration_pending_approval .container.layout.layout--onecol {
  width: 60%;
  margin-bottom: 75px;
}

.page-user-login #main-wrapper,
.page-user-password #main-wrapper {
  width: 60%;
  margin-left: auto;
  margin-right: auto;

  form#user-login-form,
  form#user-pass {
    max-width: 600px;
  }
}


.node--type-pagina-base-medicale,
.page-vocabulary-download-area-medicale,
.page-vocabulary-download-area-medicale-privata {

  section.region.region-pre-content2 {
    padding: 0 !important;

  }


  #block-userlogin {
    .item-list {
      display: none;
    }
  }

  #block-pagetitle {
    display: none;
  }
  .region.region-content-1-lg {
    background-color: #d5ecf2 !important;
  }

  /**
  blocco catalogue
   */
  .view-categorie-download-medicale.view-display-id-block_4 {

    .row {
      /*border-bottom: 2px solid #006fb9;*/
    }

    margin-bottom: 20px;

    ul {
      list-style: none;
      display: flex;
      padding: 0;
      margin: 0;
      gap: 20px;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }


    li {
      background-color: #0090a6;
      padding: 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
      flex: 1; /* Occupa tutto lo spazio disponibile */
      /*text-transform: uppercase;*/
      height: 50px;
      flex: 1 1 calc(33.33% - 20px);
      justify-content: center;
    }

    li a {
      color: white !important;

    }

    /* Cambia colore di sfondo quando il link ha la classe "activo" */
    li:hover,
    li:has(a.activo) {
      /*background-color: #d9edf7;*/
    }

  }


  /**
  blocco Declarations of Conformity - Medical Line ecc
   */
  .view-categorie-download-medicale.view-display-id-block_3 {


    /*.row::before {*/
    /*  content: "";*/
    /*  position: absolute;*/
    /*  top: 0;*/
    /*  left: 0;*/
    /*  right: 0;*/
    /*  bottom: 0;*/
    /*  background-image: url("/sites/default/files/fm-immagine.jpg");*/
    /*  background-repeat: no-repeat;*/
    /*  z-index: -1; !* Position behind the content *!*/
    /*  margin-left: -23%; !* Adjust this as necessary to make it extend beyond the main content *!*/
    /*  margin-right: -23%; !* Adjust this as necessary to make it extend beyond the main content *!*/
    /*}*/


    .row {
      /*border-bottom: 2px solid #006fb9;*/
    }

    margin-bottom: 20px;

    ul {
      list-style: none;
      display: flex;
      padding: 0;
      margin: 0;
      gap: 20px;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }


    li {
      background-color: #eaf6f9;
      padding: 20px;


      /*display: flex;*/
      align-items: center;
      flex: 1; /* Occupa tutto lo spazio disponibile */

      height: auto;
      min-height: 150px;
      flex: 1 1 calc(33.33% - 20px);

      .views-field-name {
        font-weight: bold;
        text-transform: uppercase;
      }
    }

    li a {
      /*color: white !important;*/
    }

    /* Cambia colore di sfondo quando il link ha la classe "activo" */
    li:hover,
    li:has(a.activo) {
      /*background-color: #d9edf7;*/
    }

  }


  .region-pre-content2 {
    #block-bey-titolomedicallinedownloadarea {
      /*margin-top: 100px;*/
    }
    /*margin-bottom: 20px;*/
    position: relative;

    padding: 50px 0;
    text-align: left;
    /*color: white; !* Ensure text is visible on the background *!*/
    z-index: 1;
  }

  .region-pre-content2::before {
    /*content: "";*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*background-image: url("/sites/default/files/fm-immagine.jpg");*/
    /*background-repeat: no-repeat;*/
    /*z-index: -1; !* Position behind the content *!*/
    /*margin-left: -23%; !* Adjust this as necessary to make it extend beyond the main content *!*/
    /*margin-right: -23%; !* Adjust this as necessary to make it extend beyond the main content *!*/
  }


  #block-bey-loginisrequired {
    text-align: center;
    margin-bottom: 20px;
    .LOGIN-is-required {
      /*background-color: bisque;*/
      color: #0090a6;
      display: inline-block;
      font-weight: 400;
      text-align: center;
      margin-top: 50px;

      .loginheretext {
        color: #6c757d !important;
      }
      span.loginheretextanchor {
        color: #0090a6 !important;
      }

      span.loginheretextanchor::after {
        display: inline-block;
        content: "\e906";
        font-family: 'icomoon';
        font-size: 90%;
        margin-left: 8px;
      }

    }
  }

}


.lista_figli_custom_block {
  margin-top: 75px;


  h3 {
    font-weight: bold;
    /*border-bottom: 1px solid lightgrey;*/
    padding-bottom: 15px;
    margin-bottom: 0;
  }

  li.list-group-item {
    border: none;
  }

  /*li.list-group-item:first-child {*/
  /*  margin-top: 10px;*/
  /*}*/

  .list-group > .list-group-item > .item {
    /*il titolo della sottocategoria*/
    color: #0090a6;
    text-transform: uppercase;
    font-weight: bold;

  }


  .item-list > .list-group > li > .item-list > ul.lista_figli_custom_block > li .item {
    color: red;
    /*font-style: italic;*/
  }

  .list-group-item > .item > :first-child {
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: lightgrey;
    font-weight: initial;

  }

  .item-list ul li {
    padding: unset;
  }

  /*.item-list ul li {*/
  /*  border-bottom: 1px solid lightgrey;*/
  /*  margin-bottom: 13px;*/
  /*}*/

  .item-row {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Opzionale, per occupare tutta la larghezza disponibile */
  }

  .item-row a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f56d";
    font-size: 30px;
    margin-right: 8px;
    font-weight: 800;
  }

}