.nav {
width: 100%;
box-shadow: 0px 2px 8px #dadada;
}
.navbar-expand-lg {
width: 80%;
margin: 5px auto;
}
.navbar-light .navbar-nav .nav-link {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #ffffff;
text-decoration: none;
background-color: #007bff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.searchIconBtn:hover i {
color: #007bff;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: #007bff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menuIcon {
border-top: 6px solid #0078c2;
border-radius: 4px;
border-bottom: 6px solid #0078c2;
display: inline-block;
height: 30px;
margin-top: -15px;
position: absolute;
right: 20px;
text-indent: -999px;
top: 50%;
width: 40px;
}
.menuIcon:before {
border-top: 6px solid #0078c2;
border-radius: 4px;
content: "";
left: 0;
position: absolute;
top: 6px;
width: 100%;
}
.navbar-toggler {
height: 40px;
width: 48px;
border: 0px solid transparent;
}
.dropdown-menu.show {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.dropdown-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}
.searchInput,
.searchBtn {
display: inline-block;
}
.searchInput {
width: 84%;
}
.searchBtn button {
display: block;
padding: 5px 20px;
}
.searchWarp {
padding-left: 22px;
position: relative;
}
.searchWarp::before {
content: "|";
position: absolute;
top: 8px;
color: #cdcdcd;
left: 10px;
}
.searchBtn {
width: 14%;
margin-left: 10px;
}
.searchInput input {
width: 100% !important;
}
.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0px 0;
margin: 0px;
margin-top: 10px;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: rgba(250, 250, 250, 0.9);
background-clip: padding-box;
border: 0px solid rgba(0, 0, 0, 0.15);
border-radius: 10px;
}
.closeBtn {
cursor: pointer;
text-align: right;
margin-top: 35px;
color: #4c4c4c;
font-size: 30px;
}
/*overlay*/
.searchOverlay {
display: none;
position: fixed;
top: 0;
height: 100%;
right: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
overflow: auto;
z-index: 100;
}
.form-inline {
margin: 100px 0px;
}
.SearchWarp {
width: 50%;
margin: 0px auto;
}
.searchBar {
width: 100%;
}
.mobileCat {
display: none;
}