File: /home/imensosw/.trash/sass.3/layout/_navigation.scss
.navbar{padding:0; height: 100px; border-color:$black; transition: 0.3s all !important;
&.navbar-sml {height: 70px; box-shadow: 0 2px 4px rgba($black,0.1); background: $white;}
.nav-btn {min-width: 240px; border-left: 1px solid $gray0; height: 70px; align-items: center; display: flex; padding-left:30px; }
&.fixed-top{
.navbar-brand{
img{width: 130px;}
}
.navbar-nav {align-items: center;
.nav-link {padding:0.5em 1em; color:$black; font-size:$basefont-size * 1; font-weight:500; position:relative;}
}
.dropdown{
&:hover{
&>.dropdown-menu {transform:scale3d(1, 1, 1); }
}
.dropdown-toggle {color: $black;
/* &:after {border:none; position:absolute; content:"\f107"; height:5px; width:5px; font-family:FontAwesome; top:10px; right:5%; }*/
&:after {border:none; position:absolute; content:""; height:8px; width:8px; border-right: 1px solid $black; border-bottom: 1px solid $black; top:16px; right:2px; transform: rotate(45deg);}
}
}
.header {
.blur-heading {margin-top: 0; }
.header-links {padding-left: 0; list-style: none; font-size: $basefont-size * 0.9; margin-top: 15px;
li {margin-bottom: 7px; }
i {min-width: 20px; display: inline-block; }
}
}
/*=================MEGA DROPDOWN===================*/
.megamenu {position:static; border-left: medium none !important; border-radius: 0; border-right: medium none !important; box-shadow: none;
.dropdown-menu {border: medium none; border-radius: 0; margin-top: -2px; width: 100%; padding:3.125em 0; left:0; top: 100%; border-bottom:1px solid $gray0; transition:all 0.3s ease 0s; transform:scale3d(1, 0, 1); transform-origin:center top 0; display:block;
.blur-heading {
&:after, &:before {display:none; }
}
}
.megamenu__item {padding:20px; white-space:unset;
span {display:block; }
img {width:50px; margin-bottom:em(20); }
&-heading {margin-bottom:10px; font-size:$basefont-size * 1; }
&-number {font-weight:600; color:$black; font-size:$basefont-size * 2; }
}
}
}
.navbar-toggler{ border:2px solid #20376A; padding:.25rem .35rem;
.navbar-toggler-icon{background: url(../images/social-sprite.webp) no-repeat!important; vertical-align: middle;
background-size: 35px auto !important; background-position: 2px -119px !important; }
&:focus{ outline:none; box-shadow:none !important }
}
}
.banner{
.banner__heading{font-size: $basefont-size * 5.125;
margin-bottom: 50px;
font-weight: 800;
letter-spacing: -0.015em;}
}