/*------------------------------------------------------------------------------------*/
/* ! Grid System ---------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------- */
.home_slider_grid{display: flex; flex-wrap: wrap; max-width: 1250px; margin: 0 auto}
.home_slider_grid--small{max-width: 900px}
.home_slider_grid--center{justify-content: center;}
.home_slider_grid--full{max-width: 100%;     padding-left: 3.5rem!important; padding-right: 3.5rem!important; }

@media (max-width: 768px) {
  .home_slider_grid--full{
    padding: var(--page-padding-sma)!important;
  }
}


.home_slider_col-10{width:10%}
.home_slider_col-11{width:11%}
.home_slider_col-12{width:12%}
.home_slider_col-15{width:15%}
.home_slider_col-20{width:20%}
.home_slider_col-25{width:25%}
.home_slider_col-30{width:30%}
.home_slider_col-35{width:35%}
.home_slider_col-33{width:33.33%}
.home_slider_col-40{width:40%}
.home_slider_col-49{width:49%}
.home_slider_col-50{width:50%}
.home_slider_col-60{width:60%}
.home_slider_col-70{width:70%}
.home_slider_col-75{width:75%}
.home_slider_col-80{width:80%}
.home_slider_col-90{width:90%}
.home_slider_col-100{width:100%}

[class*='songs_col-']{padding: 5px!important;}

/* .songs_grid--full [class*='songs_col-'],
.songs_grid .grid [class*='songs_col-'] {padding: 0;} */

@media (max-width: 1024px) {
  [class*='col-']{width: 100%}
    .home_slider_sma-10{width: 10%}
    .home_slider_sma-33{width: 33.33%}
    .home_slider_sma-40{width: 40%}
    .home_slider_sma-49{width: 49%}
    .home_slider_sma-50{width: 50%}
    .home_slider_sma-60{width: 60%}
    .home_slider_sma-25{width: 25%}
    .home_slider_sma-100{width: 100%}
}

/*----------------------------------------------------------------------------------- */
/* ! Helpers -------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------- */

.home_slider_br{border: 1px solid red;}
.home_slider_img-res{width: 100%;}

.home_slider_mt-0{margin-top: 0;}
.home_slider_mt-1{margin-top: 1rem;}
.home_slider_mt-2{margin-top: 2rem;}
.home_slider_mt-3{margin-top: 3rem;}
.home_slider_mt-4{margin-top: 4rem;}

.home_slider_mb-0{margin-bottom: 0;}
.home_slider_mb-1{margin-bottom: 1rem;}
.home_slider_mb-2{margin-bottom: 2rem;}
.home_slider_mb-3{margin-bottom: 3rem;}
.home_slider_mb-4{margin-bottom: 4rem;}


.home_slider_mr-0{margin-right: 0;}
.home_slider_mr-1{margin-right: 1rem;}
.home_slider_mr-2{margin-right: 2rem;}
.home_slider_mr-3{margin-right: 3rem;}
.home_slider_mr-4{margin-right: 4rem;}

.home_slider_text-center{text-align: center}
.home_slider_text-left{text-align: left}
.home_slider_text-right{text-align: right}

.home_slider_p-0{padding: 0;}
.home_slider_p-1{padding: 1rem;}
.home_slider_p-2{padding: 2rem;}
.home_slider_p-3{padding: 3rem;}
.home_slider_p-4{padding: 4rem;}

.home_slider_pt-0{padding-top: 0;}
.home_slider_pt-1{padding-top: 1rem;}
.home_slider_pt-2{padding-top: 2rem;}
.home_slider_pt-3{padding-top: 3rem;}
.home_slider_pt-4{padding-top: 4rem;}

.home_slider_pl-0{padding-left: 0;}
.home_slider_pl-1{padding-left: 1rem;}
.home_slider_pl-2{padding-left: 2rem;}
.home_slider_pl-3{padding-left: 3rem;}
.home_slider_pl-4{padding-left: 4rem;}


.home_slider_pb-0{padding-bottom: 0;}
.home_slider_pb-1{padding-bottom: 1rem;}
.home_slider_pb-2{padding-bottom: 2rem;}
.home_slider_pb-3{padding-bottom: 3rem;}
.home_slider_pb-4{padding-bottom: 4rem;}

.home_slider_none{display: none;}
@media (max-width: 600px) {
  .home_slider_sma-none{display: none;}
}

@media (min-width: 600px) {
  .home_slider_desktop-none{display: none;}
}

/*----------*/

#image-carousel,
.home_slider-container{
    width: 100vw;
    height: 100vh;
    position: relative;
    left:0;
    overflow: hidden;
	top:0;

}



@media (max-width: 600px) {
    #image-carousel,
    .home_slider-container{
      height: calc(100vh);
      overflow: hidden;
    }
}

#image-carousel
.splide__slide img{
    object-fit: cover;
    width: 100%;
    height: 100vh!important;
}


/* #image-carousel
.splide__pagination li{
    display:none;
} */
@media (max-width: 768px) {
   #image-carousel
.splide__pagination li{
    display:none;
}
}

#image-carousel
.splide__pagination button{
    width: 80px;      /* larghezza della linea */
    height: 4px;      /* spessore della linea */
    border-radius: 2px; /* arrotondamento angoli, per linee leggermente arrotondate */
    background-color: #bcbcbc; /* colore della linea */
    margin: 0 5px;    /* spazio orizzontale tra le linee */
    display: inline-block; /* assicurati che siano affiancati */
    transition: width 0.6s ease;
    opacity: 1;
}
#image-carousel
.splide__pagination__page.is-active {
    width: 200px;
    margin: 0 5px;
    transform: none!important;
    color: #ffff;
    
}
#image-carousel
.splide__arrow{
    border-radius: 0%!important;
    background: white!important;
    opacity: 1!important;
    position:static!important;
    transform: none!important;
    margin-right: 10px;
}

#image-carousel
.splide__arrows{
    display: none;
    flex-direction: row;
    align-items: center;
}


.home_slider_text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 999999999;
    width: 60%;
    color: white!important;
}

.home_slider_text h1{
    color: white;
    font-weight: 600;
}

.home_slider-tag {
  display: inline-block;
  padding:0.5rem 1rem;
  background: var(--color-grigio);
  color: black;
}

@media (max-width: 768px) {
  .home_slider_text{
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
  #image-carousel
  .splide__arrows{
    display:flex;
    flex-direction: row;
  }
  .home_slider-tag{
      padding:0.3rem 0.8rem;
  }
}


.slide-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4) 70%);
  z-index: 1; /* sopra immagine */
  pointer-events: none;
}

.splide__slide a{
  width: 100%;
}