.responsive-menu-select {
display: none !important;
width: 100%;
max-width: 200px;
padding: 8px 12px;
font-size: inherit;
font-family: inherit;
color: inherit;
border: 1px solid #ddd;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
padding-right: 40px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
transition: all 0.2s ease;
} .responsive-menu-select:focus {
outline: 2px solid #0073aa;
outline-offset: 2px;
border-color: #0073aa;
box-shadow: 0 0 0 1px #0073aa;
} .responsive-menu-select:disabled {
opacity: 0.6;
cursor: not-allowed;
background-color: #f5f5f5;
} .responsive-menu-select option {
padding: 8px 12px;
font-size: inherit;
line-height: inherit;
} @media (max-width: 960px) { .responsive-menu-desktop {
display: none !important;
} .responsive-menu-select {
display: inline-block !important;
} .responsiveSelectContainer {
border: none !important;
background: none !important;
box-shadow: none !important;
height: auto !important;
max-height: none !important;
visibility: visible !important;
} .responsiveSelectContainer ul,
ul.responsiveSelectFullMenu,
#megaMenu ul.megaMenu.responsiveSelectFullMenu {
display: none !important;
}
} #et-top-navigation .responsive-menu-select {
margin-bottom: 20px;
} .nav-primary .responsive-menu-select,
.nav-secondary .responsive-menu-select {
margin: 10px 0;
} .primary-navigation .responsive-menu-select {
margin: 1rem 0;
} .wp-block-navigation .responsive-menu-select {
margin: 0.5rem 0;
} .wp-block-navigation__container .responsive-menu-select {
margin: 1rem 0;
} @media (max-width: 768px) {
.responsive-menu-select {
font-size: 18px; padding: 6px 34px 6px 12px;
}
}
@media (max-width: 480px) {
.responsive-menu-select {
max-width: 100%;
font-size: 16px;
}
} @media (prefers-contrast: high) {
.responsive-menu-select {
border-width: 3px;
border-color: #000;
}
.responsive-menu-select:focus {
border-color: #0066cc;
outline-color: #0066cc;
}
} @media (prefers-reduced-motion: reduce) {
.responsive-menu-select {
transition: none;
}
.responsive-menu-select:active {
transform: none;
}
} @media (prefers-color-scheme: dark) {
.responsive-menu-select option {
background-color: #2c2c2c;
color: #fff;
}
.responsive-menu-select:focus {
border-color: #0073aa;
box-shadow: 0 0 0 1px #0073aa;
}
} @media print {
.responsive-menu-select {
display: none !important;
}
.responsive-menu-desktop {
display: block !important;
}
}