.nav-fxd {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 900 !important;
background: transparent !important;
transition: var(--delay) !important;
}
.nav-scrld {
padding-left: 80px !important;
padding-right: 80px !important;
background: var(--primary-color) !important;
color: var(--secondary-color) !important;
box-shadow: var(--shadow) !important;
}
.has-modal-open .nav-fxd {
height: 100vh !important;
}
.has-modal-open .nav-fxd * {
background: var(--primary-color) !important;
color: var(--secondary-color) !important; 
}
#modal-1-content {
margin-right: 10px;
}
.link:hover{
color: var(--secondary-color) !important;
}
.nav-scrld .link:hover{
color: var(--primary-text-color) !important;
}
.icon * {
transition: var(--delay);
}
.icon:hover * {
fill : var(--primary-color);
}
@media (max-width: 768px) {
.nav-fxd {
padding-left: 20px !important;
padding-right: 20px !important;
}
.nav-scrld {
padding-left: 40px !important;
padding-right: 40px !important;
}
.brnd-nm {
font-size: 1.75rem !important;
}
.brnd-logo {
width: 50px !important;
height: 50px !important;
}
}