/* Template css resource: 1 Accessible Submenu */
.submenu {
margin-top: 96px !important;
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
width: 100%;
padding: 8px 0px;
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: white;
text-align: left;
list-style: none;
background: url(/site/CD60FA5882771B55C12579BF003B6F4A/$File/VIP-fancy-purple.png);
background-size: cover;
background-clip: padding-box;
border-top: 1px solid var(--bs-secondary);
border-bottom: 1px solid var(--bs-secondary);
left: 0;
}
.submenu.show {
display: block;
}
.submenu li a.dropdown-item:hover {
background: none;
}
@media (min-width: 1200px) {
.has-submenu:hover > .submenu {
display: grid;
}
.submenu.show {
display: grid;
}
.submenu {
grid-template-columns: auto auto auto;
padding: 32px 268px;
}
}
@media (max-width: 1200px) {
.submenu {
position: relative;
margin-top: 0px !important;
background: none;
background-color: rgba(0, 0, 0, 0.4);
margin-right: 16px !important;
width: auto;
}
.has-submenu {
display: block !important;
}
}
.submenu .dropdown-item:focus {
background-color: unset;
}