.navrow {
flex: 0 0 calc(33.33% - 10px);
}
.dropdown-fullwidth {
position: static;
}
.dropdown-fullwidth .dropdown-menu {
position: fixed;
top: 100%;
width: 100vw;
left: -5rem;
right: 0;
margin: 0;
border: none;
border-radius: 0;
padding: 0 4rem;
background-color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1050;
font-size: 13px;
}
.dropdown-menu.short-width {
border: 1px solid rgb(231, 233, 235);
background: rgb(255, 255, 255);
color: rgb(6, 30, 52);
border-radius: 0;
font-size: 13px;
line-height: 130%; /* 16.9px */
width: 262px;
margin-top: 8px;
}
.dropdown-menu.short-width li a,
.dropdown-menu .manufacturer-sub-links li a,
.dropdown-menu .product-sub-links li a,
.dropdown-fullwidth li a {
padding: 9px 24px 9px 24px;
transition: all 0.3s ease-in-out;
}
.dropdown-menu.short-width li a:hover,
.dropdown-menu .manufacturer-sub-links li a:hover,
.dropdown-menu .product-sub-links li a:hover,
.dropdown-fullwidth li a:hover {
background: rgb(255, 255, 255);
color: rgb(255, 126, 97);
transition: all 0.3s ease-in-out;
}
.sub-menu-grid li {
list-style: none;
cursor: pointer;
animation: fadeIn 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.manufacturer-sub-links .main-heading-manufacturer, .product-sub-links .main-heading {
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 1;
transform: translateY(0);
}
.manufacturer-sub-links .main-heading-manufacturer.fade-out, .product-sub-links .main-heading.fade-out {
opacity: 0;
/* transform: translateY(5px); */
}
.manufacturer-sub-links .main-heading-manufacturer.fade-in, .product-sub-links .main-heading.fade-in {
opacity: 1;
transform: translateY(0);
}
.user-profile a::after {
display: none;
}
.dropdown-toggle::after {
content: url('data:image/svg+xml;utf8,');
border: 0;
vertical-align: middle;
margin-top: 2px;
}
.dropdown-toggle.show::after {
content: url('data:image/svg+xml;utf8,');
}
.dropdown-menu.account-dropdown {
width: 202px;
}
.account-dropdown li a::before {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
.my-orders::before {
content: url('data:image/svg+xml;utf8,');
}
.my-quotes::before {
content: url('data:image/svg+xml;utf8,');
}
.account-settings::before {
content: url('data:image/svg+xml;utf8,');
}
.address-book::before {
content: url('data:image/svg+xml;utf8,');
}
.payment-options::before {
content: url('data:image/svg+xml;utf8,');
}
.logout::before {
content: url('data:image/svg+xml;utf8,');
}
.nav-link {
transition: all 0.3s ease-in-out;
}
.nav-link:focus-visible {
box-shadow: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.nav-link:hover {
transition: all 0.3s ease-in-out;
}
header .search-engine, header .btn {
height: 32px;
}
@media (max-width: 991px) {
.manufacturer-sub-links .main-heading-manufacturer,
.product-sub-links .main-heading {
pointer-events: visible;
}
.dropdown-fullwidth .dropdown-menu {
position: relative;
width: 100%;
box-shadow: none;
left: unset;
padding: 0;
}
.navbar-brand svg {
width: 137px;
}
.dropdown-menu.short-width {
width: auto;
border: unset;
}
.dropdown-menu {
border-right: 0;
border-left: 0;
border-radius: 0;
border-color: rgb(231, 233, 235);
font-size: 14px;
/* border-bottom: 0; */
border-top: 0;
}
.dropdown-menu li {
border-bottom: 1px solid rgb(231, 233, 235);
padding: 12px 0;
}
.dropdown-menu li:first-child {
border-top: 1px solid rgb(231, 233, 235);
}
.dropdown-menu li:last-child {
border-bottom: 0;
}
.main-nav .nav-item {
border-bottom: 1px solid rgb(231, 233, 235);
}
.manufacturer-sub-links .main-heading-manufacturer,
.product-sub-links .main-heading {
border: 0;
color: rgb(106, 120, 133);
font-size: 14px;
line-height: 130%; /* 18.2px */
padding: 20px 0 0px 0px;
font-family: "Lato", sans-serif;
margin-left: -10px;
width: 100%;
text-align: left;
}
.sub-menu-grid li {
padding: 0px;
}
.sub-menu-grid li:first-child {
border-top: 0;
}
.sub-menu-grid li:last-child {
border-bottom: 0;
}
.dropdown-menu.short-width li a,
.dropdown-menu .manufacturer-sub-links li a,
.dropdown-menu .product-sub-links li a,
.dropdown-fullwidth li a {
padding: 12px 14px 12px 14px;
}
.order-6 {
order: 6;
}
.navbar-toggler:focus {
box-shadow: none;
}
:focus-visible {
outline: 0;
}
.navbar-toggler {
margin-top: 1.5px;
}
.dropdown-toggle::after {
position: absolute;
right: 0;
content: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
border: 0;
}
.dropdown-toggle.show::after {
content: url('data:image/svg+xml;utf8,');
}
.dropdown-menu.account-dropdown {
width: auto;
}
.nav-link:focus-visible {
outline: 0;
box-shadow: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.nav-link:hover {
color: rgb(255, 94, 58);
}
}/*# sourceMappingURL=menu.css.map */