.navbar {
	width:100%;
	height:100px;
	transition:height 0.3s;
}

.navbar.bg-light {
	background-color:rgba(255,255,255,0) !important;
}

.navbar .logo {
	width:176px;
	height:68px;
	background-image:url('./files/elements/logo_white.svg');
	background-position:left top;
	background-size:contain;
	background-repeat:no-repeat;
	transition:height 0.3s;
}

.navbar .nav-item .nav-link {
	color:rgba(255,255,255,0.8);
	font-size:1.1rem;
	font-weight:500;
	text-transform:uppercase;
	margin-left:20px;
	/*transition:font-size 0.3s;*/
}

.navbar .nav-item.active .nav-link {
	color:rgba(255,255,255,1.0);
	font-weight:700;
}

.navbar .nav-item:hover .nav-link {
	color:rgba(255,255,255,1.0);
}

.navbar-collapse.collapse.show {
	background-color:white;
	color:black;
}

.navbar-collapse.collapse.show .nav-item .nav-link {
	color:black !important;
}

/* -- SCROLL -- */

.navbar.scroll {
	background-color:white !important;
	height:60px;
}

.navbar.scroll .logo {
	width:73px;
	height:28px;
	background-image:url('./files/elements/logo_black.svg');
}

.navbar.scroll .nav-item .nav-link {
	color:rgba(0,0,0,0.8);
	font-size:1rem;
}

.navbar.scroll .nav-item.active .nav-link {
	color:rgba(0,0,0,1.0);
}

.navbar.scroll .nav-item:hover .nav-link {
	color:rgba(0,0,0,1.0);
}