/* CSS HEX *
    --cultured: #f2f2f2;
    --medium-candy-apple-red: #df1a2d;
    --bordeaux: #95010f;
    --gainsboro: #dddddd;
    --eerie-black: #191919;

    news under15: #3097c2;
    news under17: #29b529;
    news generali: #df1a2d;
    news under19: #dc0edc;
    news cgold: #c8a900;

     SCSS RGB
    $cultured: rgba(242, 242, 242, 1);
    $medium-candy-apple-red: rgba(223, 26, 45, 1);
    $bordeaux-dark: rgba(60, 5, 5, 1);
    $gainsboro: rgba(221, 221, 221, 1);
    $eerie-black: rgba(25, 25, 25, 1);

    font-family: 'Scarecrow';
    font-family: 'Poppins';
    font-family: 'Raleway';

    */
    .nav-link-squadra {
        font-size: 16px !important;
        font-weight: 600 !important;
        padding-left: 0rem !important;
    }
    .page-header {
        background: rgb(218,218,218);
        background: -moz-linear-gradient(270deg, rgba(218,218,218,0.6) 5%, rgba(154,8,22,0.6) 49%, rgba(34,0,3,0.6) 100%) !important;
        background: -webkit-linear-gradient(270deg, rgba(218,218,218,0.6) 5%, rgba(154,8,22,0.6) 49%, rgba(34,0,3,0.6) 100%) !important;
        background: linear-gradient(270deg, rgba(218,218,218,0.6) 5%, rgba(154,8,22,0.6) 49%, rgba(34,0,3,0.6) 100%) !important;
    }
    .page-header .bgimg{
        background-image: url(../img/squadra/bg-squadra.jpg);
        position: fixed;
    }
    .mobile-hide {
        display: flex;
    }
    .squadra-body {
        padding-bottom: 2rem;
       background: rgb(218,218,218);
        background: -moz-linear-gradient(270deg, rgba(218,218,218,0.6) 5%, rgba(154,8,22,0.6) 49%, rgba(34,0,3,0.6) 100%);
        background: -webkit-linear-gradient(270deg, rgba(218,218,218,0.6) 5%, rgba(154,8,22,0.6) 49%, rgba(34,0,3,0.6) 100%);
        background: linear-gradient(270deg, rgba(218,218,218,0.6) 5%, rgba(154,8,22,0.6) 49%, rgba(34,0,3,0.6) 100%);
    }
    .squadra-body .row-team {
        background-color: #191919;
    }
    .squadra-body .row-team .list-box {

    }
    .squadra-body .row-team .list-box .list-group {
        background-color: transparent;
    }
    .squadra-body .row-team .list-box .list-group .list-group-item {
        background-color: transparent;
        border-top: 1px solid #df1a2d;
        padding: 1rem;
        text-align: center;
    }
    .squadra-body .row-team .list-box .list-group .list-group-item {
        background-color: transparent;
        border-top: 1px solid #df1a2d;
        padding: 1rem;
        text-align: center;
    }
    .squadra-body .row-team .list-box .list-group .list-group-item.active {
        background-color: rgba(198,0,0,0.25);
        border: none;
        border-top: 1px solid #df1a2d;
        padding: 1rem ;
        text-align: center;
    }
    .squadra-body .row-team .list-box .list-group .list-group-item:hover {
        background-color: rgba(144,144,144,0.1);
    }
    .squadra-body .row-team .list-box .list-group .list-group-item:nth-child(1) {
        border-top: none;
    }
    .squadra-body .row-team .list-box .list-group .list-group-item .player-number {
        font-family: 'Poppins';
        color: #df1a2d;
        font-size:18px;
        margin: 0 ;
        padding: 0.5rem 0.5rem;
        text-align: center;
        display: inline-block;
    }
    .squadra-body .row-team .list-box .list-group .list-group-item .player-name {
        font-family: 'Poppins';
        color: #f2f2f2;
        font-size: 18px;
        margin: 0 ;
        text-align: center;
        padding: 0.5rem 0.5rem;
        display: inline-block;
        text-transform: uppercase;
    }
    .squadra-body .row-team .player-box {
        padding: 2rem 2rem;
    }
    .squadra-body .row-team .player-box .row-player-img{
        max-width: 70%;
        margin: auto;
        margin-bottom: 2rem;
    }
    .squadra-body .row-team .player-box .row-player-img .img-box{
        min-height: 35rem;
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .squadra-body .row-team .player-box .row-player-info{
        justify-content: center;
        margin: auto;
        margin-top: 2rem;
        color: #f2f2f2;
        text-align: center;
        text-transform: uppercase;
    }
    .squadra-body .row-team .player-box .row-player-info .row{
        margin-bottom: 2rem;
    }
    .squadra-body .row-team .player-box .row-player-info .nome-cognome{
        text-transform: uppercase;
        font-size: 18px;
        color: #df1a2d;
        font-weight: 500;
      }
      .squadra-body .row-team .player-box .row-player-info .bio p{
          font-family: 'Raleway';
          text-transform: none;
          font-style: italic;
      }
    .staff-tecnico-squadra-header-mid {
        background: transparent !important;
        min-height: 5vh;
    }
    .staff-tecnico-squadra-header-mid .red-square-mid {
        position: absolute;
        top: 0;
        left: 50.45%;
        transform: translateX(-50%);
        background: rgb(162,0,15);
        width:100px;
        height: 100%;
   }
   .staff-tecnico-squadra-header-mid .white-line-mid {
       position: absolute;
       left: 50.45%;
       background: rgb(242, 242, 242);
       width:1px;
       height: 100%;
   }
   .staff-tecnico-squadra-header {
       background: transparent !important;
       min-height: 20vh;
   }
    .staff-tecnico-squadra-header .red-square {
        transform: rotateX(180deg) translateX(-50%);
   }
   .staff-tecnico-squadra-header .white-line {
       transform: rotateX(180deg) translateY(-50%);
       top: -45%;

   }
   .row-staff {
        background-color: #191919;
    padding: 2rem 4rem;
   }
   .row-staff .single-staff {
       border:none;
       background-color: transparent;
       border-top: 1px solid #df1a2d;
       padding: 1.5rem;
       text-align: center;
   }
   .row-staff .single-staff:nth-child(1) {
       border-top: none;
   }
   .row-staff .single-staff .staff-name {
       text-align: center;
       color: #f2f2f2;
       text-transform:uppercase;
       font-size: 18px;
       font-family: 'Poppins';

   }
   .row-staff .single-staff .staff-role {
       text-align: center;
       color: #f2f2f2;
       font-family: 'Raleway';
       font-style: italic;
   }
    .accordion-team {
        background-color:#191919;
    }
    .accordion-team .accordion-item {
        background-color:#191919;
        border-bottom: 1px solid #df1a2d;
    }
    .squadra-body .accordion-team .player-box-accordion .img-box{
        min-height: 20rem;
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .squadra-body .accordion-team .player-box-accordion .row-player-info{
        background-color: #191919;
        justify-content: center;
        margin: auto;
        margin-top: 2rem;
        color: #f2f2f2;
        text-align: center;
        text-transform: uppercase;
        row-gap:1rem;
        margin-bottom: 2rem;
    }
    .squadra-body .accordion-team .player-box-accordion .row-player-info .bio p{
        text-transform: inherit;
        font-size: 16px;
        font-family: 'Raleway';
        text-transform: none;
    }

    .squadra-body .accordion-team .player-box-accordion {
        background-color: #191919;
        justify-content: center;
        margin: auto;
        margin-top: 2rem;
        color: #f2f2f2;
        text-align: center;
        text-transform: none;
    }
    .squadra-body .accordion-team .player-number {
        font-family: 'Poppins';
        color: #df1a2d;
        padding: 0;
    }
    .squadra-body .accordion-team .player-name {
        font-family: 'Poppins';
        color: #f2f2f2;
        text-transform: uppercase;
        padding: 0;
        margin-left: 0.5rem;
    }
    .squadra-body .accordion-team .accordion-header .accordion-button{
        background-color: #191919;
        padding: 1.5rem 1rem;
    }
    .squadra-body .accordion-team .accordion-button::after {
        background-image: url(../img/squadra/accordion-mobile-button.svg);
    }
    .accordion-button:focus {
        z-index: 3;
        border-color: none;
        outline: 0;
        box-shadow: none;
    }
    .box-not-active{
       display: none;
    }
    .squadra-body .row-team-photo {
        background-color: #191919;
    }
    .squadra-body .row-team-photo .team-photo-container{
        padding: 2rem 4rem;
        text-align: center;
    }
    .squadra-body .row-team-photo .team-photo-container img{
        margin: auto;
        max-width: 90%;
        cursor: pointer;
    }
    .squadra-body .row-team-photo .team-photo-container .fullscreen-image {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: contain;
        background-color: rgba(0, 0, 0, 0.9); /* Sfondo scuro per dare l'effetto full screen */
        z-index: 1000;
        cursor: pointer;
        min-width: -webkit-fill-available;
        padding: 0 2rem;
    }