/*
Theme Name: Winter Entry NUNG
Theme URI: https://digital.nung.edu.ua
Author: Marian Slabinoha and Tetiana Arshulik
Description: Theme for the Winter Entry 2026 landing page
Version: 1.0
*/

/* Your existing CSS starts here... */
@font-face {
    font-family: 'KyivType Sans';
    src: url('./fonts/KyivTypeSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'KyivType Sans';
    src: url('./fonts/KyivTypeSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}    
@font-face {
    font-family: 'KyivType Sans';
    src: url('./fonts/KyivTypeSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'KyivType Sans';
    src: url('./fonts/KyivTypeSans-Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
body {
  background-image: url("./img/background.png");
  height: 100%; 
  background-attachment: fixed; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'KyivType Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding:0px;
  margin:0px;
}
a{
    text-decoration: none;
    color:black;
}
header, footer, section{
    padding:40px;
    max-width: 1200px;
    margin:0 auto;

}
section, footer{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    gap:32px;
}
.nav-menu, .hero,.partners{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap:40px;
}
.nav-menu, .hero{
    padding-bottom: 40px;
}
.nav-menu img,.partners img{
    height:52px;
    width:auto;
}
.nav-menu ul{
    list-style: none;
    display:flex;
    flex-direction: row;
    gap:8px;
    padding-inline-start:0px;
}
.btn{
    border-radius:32px;
    border:1px solid transparent;
    background-color: white;
    color:#000;
    padding:8px 24px;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    text-decoration: none;    
}
.btn.btn-cta{
    background-color: #D0D904;
}
.btn.btn-blue{
    color:#0C61FF;
}
.btn.btn-big{
    padding:12px 32px;
}
.btn:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.hero-subtitle{
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #FFFFFF;
    padding-bottom: 40px;
}
.hero div{
    flex-grow:1;
    flex-basis: 0;
}
.hero img{
    width:100%;
    height: auto;
}
h1{
    font-style: normal;
    font-weight: 900;
    font-size: 112px;
    line-height: 135px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
h2{
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom:24px;
}
.section-content{
    padding:16px 32px;
    border-radius: 32px;
    margin-bottom: 24px;
    background-color: white;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #000000;
    text-align: left;
}
.snowflake-list{
    list-style: none;
}
.snowflake-list li{
    background: url('./img/snowflake-icon-small.svg') left center no-repeat; 
    padding-left: 32px; 
}
section div,footer div{
    flex-basis:0;
    flex-grow:1;
    text-align:center;
}
.snowflake-section, .contact-details{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    gap:16px;
}
.contact-details p{
    text-align: left;
}
#map { height: 430px; }

@media screen and (max-width: 1300px) {
    header, footer, section{
        max-width: 900px;
    }
    h1{
        font-size:80px;
        line-height: 90px;
    }
    #map { 
        height: 470px; 
    }
}
@media screen and (max-width: 991px) {
    .nav-menu{
        flex-direction: column;
        align-items: center;
        padding-bottom: 0px;
    }
    #conditions{
        flex-direction: column;
    }
    .nav-menu ul{
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

}
@media screen and (max-width: 800px) {
    .hero-image{
        display:none;
    }
    footer{
        flex-direction: column;
    }
    footer div{
        flex-basis:unset;
    }
    #map{
        height:350px;
        width: 100%;
    }
    .hero-subtitle{
        padding-bottom:0px;
        font-size: 24px;
    }
}
@media screen and (max-width: 600px) {
    h1{
        font-size:48px;
        line-height: 70px;
    }
    h2{
        font-size:32px;
        line-height:36px;
    }
    header, footer, section{
        padding:16px 32px;
    }
    .partners{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .section-content{
        font-size: 16px;
        line-height:24px;
    }
}