/*
Theme Name:     Discjockey70
Description:    Tema discjockey70 Fidenza
Author:         Marcello Nielsen
Template:       Divi
Version:        1.0.0
*/

/* Puoi inserire il tuo CSS personalizzato qui sotto */


       
            
      
        
            .et-section {
            width:100%;
            padding: 100px 0;
            margin-bottom: 30px;
        }
        .et-section2 {
            position: relative;
            width:100%;
            padding:0 0;
        }
                    
       .titolo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    margin: 0 !important; 
    padding: 0 !important;
    color: white;
    font-size: 42px; /* Dimezzato per farlo entrare negli schermi dei telefoni */
    font-weight: bold;
    line-height: 1.1; /* Un minimo di spazio se il titolo va su due righe */
    font-family: bayon;
}
@media (min-width: 768px) {
    .titolo {
        font-size: 60px; /* Dimensione intermedia per i tablet */
    }
}
@media (min-width: 1025px) {
    .titolo {
        font-size: 84px; /* Torna alla tua dimensione originale */
        line-height: 1;
    }
}       .titolo2 {
    color: black;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.1;
    font-family: bayon;
    text-align: center;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 0px;
}
@media (min-width: 768px) {
    .titolo2 {
        font-size: 55px; /* Via di mezzo per i tablet */
        margin-top: 25px;
    }
}
@media (min-width: 1025px) {
    .titolo2 {
        font-size: 75px; /* Torna alla tua dimensione originale per schermi grandi */
        margin-top: 30px;
    }
}
        .riga{
            width: 80vw;
            border-top:solid;
            border-color: black;
            border-width: 100%;
        }
        .et-row-title{
            display: flex;
            flex-wrap: wrap;
            width: 90%;
            padding-top:54px;
            padding-bottom: 0;
            background-color: #efefef;
            border-radius:16px 16px 0 0;
            max-width: 90%;
            margin: 0 auto;
            justify-content: center;

        }
       .img-intro {
    width: 100%; 
    height: 330px;
    object-fit: cover;
    object-position: top center;
    padding: 0;
    margin: 0;
}

/* Modifiche per TABLET (schermi da 768px a 1024px) */
@media (min-width: 768px) {
    .img-intro {
        height: 420px;
    }
}
@media (min-width: 1025px) {
    .img-intro {
        height: 526px;
    }
}
.container-release-container{
	padding-left:5%;
	padding-right:5%;
}
.release-container {
  display: grid;
  /* La riga magica: definisce le colonne in modo dinamico */
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  
  /* Lo spazio tra i vari elementi della griglia */
  gap:3vw;
  Padding:5%;
 
 background-color:#efefef;
 Border-radius:0 0 16px 16px;

	
}
/* Stile base per i box (giusto per vederli meglio) */
.release-item {
  color: white;
  min-width:300px;
  text-align: center;
  font-size: 1.5rem;
  border-radius: 8px;
}
.artista{
 margin-top:30px;
}        
.data{
   color:black;
   margin-bottom:30px;
}