Current Directory: /home/u930863517/domains/limraevents.com/public_html/css/partials
Viewing File: /home/u930863517/domains/limraevents.com/public_html/css/partials/navbar.css
.navbar-brand img{
max-width: 150px;
filter: grayscale(1) invert(1);
}
nav{
position: fixed !important;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
transition: 0.5s ease;
}
nav:before{
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, transparent 0%, black 150%);
}
.nav-item{
margin-left: 1rem;
}
.nav-item .nav-link{
text-transform: uppercase;
color:#ddd !important;
font-weight: 500;
font-size: 14px;
}
.nav-item .nav-link.active{
border-bottom: 2px solid;
}
nav .dropdown-menu{
top: calc(100%) !important;
width: 100% !important;
max-width: 1200px;
border: 1px solid red;
border: none;
border-radius: 0;
padding: 50px;
}
nav .dropdown-menu:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../../assets/img/nav-back.png") center no-repeat;
z-index: -1;
opacity: 0.2;
}
nav .dropdown-menu .dropdown-heading,
nav .dropdown-menu .dropdown-heading a{
font-family: var(--font-monteserrat);
font-size: 16px;
text-transform: uppercase;
margin: 0.5rem 0;
font-weight: bold;
color: var(--primary-color) !important;
}
nav .dropdown-menu .dropdown-item{
padding: 0.3rem 0;
font-weight: 400;
color: #444;
font-size: 14px;
}
nav .dropdown-menu .dropdown-item i{
color: var(--secondary-color);
transform: rotate(90deg);
font-size: 16px;
}
/* on scroll change */
nav.scrollDown{
padding: 0 1rem !important;
}
nav.scrollDown:before{
background: white !important;
box-shadow: var(--box-shadow);
}
nav.scrollDown .nav-item .nav-link{
color: var(--text-color) !important;
}
nav.scrollDown .navbar-brand img{
filter: grayscale(0) invert(0) !important;
}
nav.scrollDown .dropdown-menu{
box-shadow: 0px 30px 45px -20px rgba(0,0,0,.2);
}
nav .nav-item.alter{
display: none;
}
@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu{
display: block;
position: absolute;
top: calc(100% - 5px) !important;
left: 50%;
transform: translateX(-50%);
width: 100%;
min-width: 900px;
visibility: hidden;
opacity: 0;
transition: 0.5s ease;
}
.navbar .nav-item:hover .nav-link{ color: #fff; }
.navbar .nav-item:hover .dropdown-menu{
top: calc(100% + 2px) !important;
visibility: visible;
opacity: 1;
}
.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media all and (max-width: 992px) {
nav{
background: white;
box-shadow: var(--box-shadow);
}
nav:before{
display: none;
}
.navbar-brand img{
filter: grayscale(0) invert(0);
}
nav .nav-item{
padding: 0.5rem;
}
nav .nav-item .nav-link{
color: var(--black-color2) !important;
}
nav .nav-item .nav-link.active{
border-bottom: none;
}
nav .nav-item.hover{
display: none;
}
nav .nav-item.alter{
display: block;
}
nav .navbar-toggler{
border: none;
outline: none;
color: var(--primary-color) !important;
font-size: 1.5rem;
}
}
@media all and (max-width: 500px){
.navbar-brand img{
max-width: 120px;
}
nav .navbar-toggler{
font-size: 1.2rem;
}
}