/* =====================
HEADER
===================== */

.header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
}

.login-menu{

    right:0;

    left:auto;

    transform:none;

}

.nav{
height:122px;
max-width:1900px;
margin:auto;

display:flex;
align-items:center;
justify-content:center;

padding:20px 100px;
gap:20px;
}

.nav a:hover {
    font-weight: 700;
    color: #8fd9ff;
}

.nav-left,
.nav-right{
flex:1;
display:flex;
align-items:center;
gap:20px;
justify-content: space-between;
}

.nav a{
	font-size:20px;
	
	font-weight:500;
	color:#002c42;
	text-decoration:none;
	font-family: var(--primaria, Kufam);
	font-style: normal;
	font-variant: small-caps;
}

.logo{
padding: 0px 50px;
flex:none;
}

.logo img{
width:82px;
height:auto;
object-fit:contain;
}

.burger{
display:none;
background:none;
border:none;
cursor:pointer;
}

.burger span{
display:block;
width:40px;
height:4px;
background:#002c42;
margin:8px 0;
}

/* =====================
RESPONSIVE
===================== */

@media(max-width:992px){

.nav-left,
.nav-right{
display:none;
}

.nav{
justify-content:space-between;
padding:30px;
flex-wrap:wrap;
}

.burger{
display:block;
}

.logo{
padding: 0px 50px;

flex:none;
}

body.menu-open .nav-left,
body.menu-open .nav-right{
display:flex;
flex-direction:column;
flex:0 0 100%;
order:3;
width:100%;
justify-content:flex-start;
align-items:stretch;
gap:16px;
padding:24px 0 32px;
border-top:1px solid #eee;
}

body.menu-open .dropdown{
width:100%;
}

body.menu-open .dropdown-menu{
position:static;
transform:none;
opacity:1;
visibility:visible;
margin-top:15px;
display:none;
}

body.menu-open .dropdown.open .dropdown-menu{
display:flex;
}

}

/*==========================
DROPDOWNS
==========================*/

.dropdown{

    position:relative;

}

.dropdown-toggle{
	font-family: kufam;
    display:block;

}

.dropdown-menu{
	font-family: kufam;

    position:absolute;

    top:30px;

    left:50%;

    transform:translateX(-50%);

    opacity:0;

    visibility:hidden;

    transition:.25s;

    z-index:999;
	
}

.dropdown-menu input{
	font-family: "kufam";
}

.dropdown:hover .dropdown-menu{

    opacity:1;
    visibility:visible;

}
.schools-menu{

    width:330px;

    background:#0c6b95;

    border-radius:8px;

    padding:20px 0;

    display:flex;

    flex-direction:column;

}
.schools-menu a{

    color:#fff;

    text-align:center;

    padding:14px 20px;

    font-size:20px;

    font-weight:400;

    transition:.25s;

}
.schools-menu a:hover{

    background:rgba(255,255,255,.08);
    color:#fff;
    font-weight:400;

}
.login-menu{
    left:-15px;

    width:330px;

    background:#0c6b95;

    border-radius:8px;

    padding:25px;
}
.login-menu h3{

    color:#fff;

    text-align:center;

    margin-bottom:20px;

    line-height:1.2;

    font-size:20px;
}

.login-menu__form{
    display:flex;
    flex-direction:column;
}

.login-menu input{
	FONT-FAMILY: 'Kufam';
    width:100%;

    height:50px;

    border:none;

    border-radius:8px;

    text-align:center;

    margin-bottom:18px;

    font-size:18px;
}
.btn-login{
	font-family: 'Kufam';

    width:100%;

    height:58px;

    border:none;

    border-radius:8px;

    background:linear-gradient(90deg,#8fd9ff,#bdeaff);

    color:#003e61;

    font-size:22px;

    font-weight:700;

    cursor:pointer;

}
@media(max-width:992px){
.dropdown{

    width:100%;

}

.dropdown-menu{

  
    transform:none;

    opacity:1;

    visibility:visible;

    margin-top:15px;

}
}

.dropdown.open .dropdown-menu{

    display:flex;

}