@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;900&family=Merriweather:wght@400;700&display=swap');

html {
    font-size: clamp(14px, 2vw, 18px);
    /* 1rem = 16px (default browser size) */
}

h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h1 {
    font-size: clamp(3.5rem, 6.5vw, 4.25rem);
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #e1ca7a;
}

h2 {
    font-size: clamp(3rem, 5.5vw, 3.75rem);
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #e1ca7a;
}

h3 {
    font-size: clamp(2.75rem, 4vw, 3.5rem);
    line-height: 1.4;
    margin-top: 5px;
    margin-bottom: 5px;
}

p {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: clamp(1.1rem, 2.8vw, 1.15rem);
    line-height: 1.6;
}

span, a, summary {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: clamp(0.95rem, 2.5vw, 1rem);
}
summary {
    cursor: pointer;
}

.bold-text {
    font-weight: 700;
    font-size: clamp(1.15rem, 2.9vw, 1.2rem);
    color: #e1ca7a;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}
.timid-text {
    font-weight: 300;
    font-size: clamp(0.90rem, 2.4vw, 1rem);
}



/* custom */
.custom-h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: clamp(1.85rem, 4vw, 2.1rem);
    line-height: 1.4;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #e1ca7a;
}

h1, h2 {
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
}

h3 {
    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.6);
}

.custom-h3 {
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
}

/* Text Alignment Utilities */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right;}

.pad-top-20 { padding-top:20px; }
.pad-top-50 { padding-top: 50px; }
.pad-bot-20 { padding-bottom: 20px; }
.pad-bot-50 { padding-bottom: 50px; }

.w80 { width:80%; margin: 0 auto;}
.w90 { width: 90%; margin: 0 auto;}
.w95 { width:95%; margin: 0 auto;}

/* Div alignments */
.content-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-100 {
    width: 100%;
}
.div-95 {
    width: 95%;
}
.div-90 {
    width: 90%;
}
.div-80 {
    width: 80%;
}
.div-60 {
    width: 60%;
}

/* Flex */
.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}
.flex-center {
    justify-content: center;
}

/* Background sections */
#about{
    background-image: url(https://sloveniabachatafestival.com/img2026/back/back-grey.webp);
    background-size: cover; 
    background-position: center;
}
#memories{ background-color: #1a1a1a; }
#lineup-artist, #lineup-dj, #schedule, #hotel-venue
{
    
}
#promoter{ 
    background-color: #1a1a1a; 
    padding-top: 40px;
    padding-bottom: 40px;
}
#buy-pass {
    padding-bottom: 50px;
    padding-top: 50px;
}
#schedule{
    padding: 0px 0;
}
#hotel-venue {
    background-image: url(https://sloveniabachatafestival.com/img2026/back/back-grey.webp);
    background-size: cover; 
    background-position: center;
    padding-bottom: 0px;
} 
#hotel {}
#transfer{
    background-color: white;
}
#faq{}
#newsletter{}
#map-section { background-color: #1a1a1a; }