/*
==================================================
HEADER
Mazury Hip Hop Festival Premium
==================================================
*/


.site-header{

position:absolute;

top:0;
left:0;

width:100%;

z-index:9999;

padding:35px 0;

}


.header-wrapper{

max-width:1200px;

margin:auto;

padding:0 25px;

display:flex;

align-items:center;

justify-content:space-between;

gap:30px;

}


/* LOGO */

.header-logo{

flex-shrink:0;

}


.header-logo img{

width:130px;

height:auto;

display:block;

}




/* MENU */


.main-navigation ul{

display:flex;

align-items:center;

gap:38px;

list-style:none;

margin:0;

padding:0;

}



.main-navigation a{

color:#fff;

text-decoration:none;

font-size:15px;

font-weight:800;

text-transform:uppercase;

transition:.3s;

}



.main-navigation a:hover{

color:#ff0055;

}



/* ACTIONS */


.header-actions{

display:flex;

align-items:center;

gap:18px;

}



/* SOCIAL */


.social-links{

display:flex;

gap:10px;

}


.social-links a{

width:38px;

height:38px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;


color:#fff;

border:1px solid rgba(255,255,255,.35);

background:rgba(0,0,0,.25);


transition:.3s;

}


.social-links a:hover{

background:#ff0055;

border-color:#ff0055;

}





/* BUTTON */


.header-ticket{


padding:16px 32px;

border-radius:50px;


background:

linear-gradient(
90deg,
#ff0055,
#ff9900
);


color:#fff!important;

font-size:14px;

font-weight:900;

text-decoration:none;


display:flex;

align-items:center;

gap:10px;


}




/* MOBILE BUTTON */


.mobile-menu-toggle{

display:none;

background:none;

border:0;

cursor:pointer;

}



.mobile-menu-toggle span{

display:block;

width:32px;

height:3px;

background:#fff;

margin:6px 0;

}



/*
====================================
TABLET
====================================
*/


@media(max-width:991px){


.site-header{

padding:20px 0;

}


.header-logo img{

width:95px;

}



.main-navigation{

position:absolute;

top:100%;

left:0;

width:100%;


background:#050505;


display:none;

padding:35px;


}



.main-navigation.mobile-open{

display:block;

}



.main-navigation ul{

flex-direction:column;

gap:25px;

}


.main-navigation a{

font-size:20px;

}


.social-links{

display:none;

}


.mobile-menu-toggle{

display:block;

}


.header-actions{

margin-left:auto;

}


.header-ticket{

display:none;

}


}

/* FIX HEADER FINAL */

.site-header{
    background:transparent !important;
    height:auto !important;
    padding:25px 0 !important;
}


.header-wrapper{
    max-width:1200px;
    margin:auto;
}


.header-logo img{
    width:110px;
}


@media(max-width:991px){

.site-header{
    padding:15px 20px !important;
}


.header-logo img{
    width:85px;
}

}