.navbar-toggler {
border: none;
padding: 0.5rem;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler-svg {
fill: none;
overflow: visible;
}
.navbar-toggler-svg .line {
transition: transform 0.3s ease, opacity 0.2s ease;
transform-origin: center;
}
.navbar-toggler[aria-expanded="true"] .line-1 {
transform: rotate(45deg) translateY(7px);
}
.navbar-toggler[aria-expanded="true"] .line-2 {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .line-3 {
transform: rotate(-45deg) translateY(-7px);
} #main-nav .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
margin-top: 10px;
}
#main-nav .dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
} @media (max-width: 1199.98px) {
#main-nav .dropdown-menu {
position: static;
display: none;
opacity: 1;
visibility: visible;
transform: none !important;
transition: none;
margin: 0;
border: 0;
box-shadow: none;
}
#main-nav .dropdown-menu.show {
display: block !important;
}
#main-nav .dropdown:hover .dropdown-menu:not(.show) {
display: none;
opacity: 0;
visibility: hidden;
}
}
.site-logo-link {
display: inline-block;
line-height: 0;
color: inherit;
}
.site-logo {
display: block;
max-width: 100%;
height: auto;
}
.logo-svg {
width: 180px;
height: auto;
display: block;
overflow: visible;
}