.full-row-menu {
background: #033c73;
--menu-item-label-color: white;
padding-left: 10px;
}
.full-row-menu .menu-item >:hover {
--link-text-decoration: underline !important;
--menu-item-label-color: white !important;
color: white;
}
.full-row-menu .menu-item.is-active > {
--link-text-decoration: underline !important;
--menu-item-label-color: white !important;
color: white;
}
.calidor-dropdown {
position: unset !important;
--menu-item-label-color: white;
}
.calidor-dropdown .menu-item >:hover {
--link-text-decoration: none !important;
--menu-item-label-color: var(--c-primary) !important;
color: var(--c-primary);
}
.calidor-dropdown .menu-item.is-active > {
--link-text-decoration: none !important;
--menu-item-label-color: var(--c-primary) !important;
color: var(--c-primary);
}
.full-row-menu .sf-menu-item__label {
font-size: 1rem !important;
}
.menu-dropdown-wrapper .menu-dropdown-title {
color: var(--menu-item-label-color) !important;
font-size: 1rem !important;
display: inline-block;
padding-right: 35px !important;
}
.menu-dropdown-wrapper > .menu-drop-down-icon {
color: white;
transition: 0.3s transform ease-in;
transform: rotate(270deg);
display: inline-block !important;
margin: -15px;
}
.menu-dropdown-wrapper > .menu-drop-down-icon:hover, .menu-dropdown-wrapper > .menu-drop-down-icon.is-open {
color: var(--c-primary);
transform: rotate(360deg);
vertical-align: middle;
}
.full-row-menu .menu-item-icon {
color: white;
}
.calidor-dropdown .menu-dropdown-list {
background: transparent !important;
border: none;
box-shadow: none !important;
right: 0;
left: 0;
}
.calidor-dropdown-panel {
background-image: linear-gradient(135deg, rgba(237, 237, 237, 0.4) 25%, transparent 0, transparent 50%, rgba(237, 237, 237, 0.4) 0, rgba(237, 237, 237, 0.4) 80%, transparent 0, transparent) !important;
background-size: 4px 4px !important;
background: white;
--menu-item-label-color: black !important;
width: var(--header-width, 77.5rem) !important;
margin: 0px auto;
max-height: 440px;
overflow-y: auto;
overflow-x: hidden;
}
.calidor-dropdown-panel .sf-menu-item::after {
content: none !important;
}
.calidor-dropdown-panel > .row {
align-items: baseline !important;
}
.calidor-dropdown-panel .col-header-label {
padding: 10px !important;
}
.calidor-dropdown-panel .col-header-label > .sf-menu-item__label {
font-size: 0.8rem !important;
font-weight: 700;
}
.calidor-dropdown-panel .col-item {
padding: 0px 0px 5px 10px !important;
}
.calidor-dropdown-panel .col-item:hover > .sf-menu-item__label, .calidor-dropdown-panel .col-header-label:hover > .sf-menu-item__label {
color: #033c73;
}
.menu-dropdown .menu-dropdown-list .calidor-dropdown-panel .menu-item {
padding: 0px !important;
}
.calidor-dropdown-panel .col-item > .sf-menu-item__label {
font-size: 0.7rem !important;
overflow: hidden;
text-overflow: ellipsis;
}
.calidor-dropdown .menu-dropdown-title.is-open, .calidor-dropdown .menu-dropdown-title:hover {
color: #033c73 !important;
background-image: linear-gradient(135deg, rgba(237, 237, 237, 0.4) 25%, transparent 0, transparent 50%, rgba(237, 237, 237, 0.4) 0, rgba(237, 237, 237, 0.4) 80%, transparent 0, transparent) !important;
background-size: 4px 4px !important;
background: white;
}
Spanish
.full-row-menu {
background: #033c73;
--menu-item-label-color: white;
padding-left: 10px;
}
.full-row-menu .menu-item >:hover {
--link-text-decoration: underline !important;
--menu-item-label-color: white !important;
color: white;
}
.full-row-menu .menu-item.is-active > {
--link-text-decoration: underline !important;
--menu-item-label-color: white !important;
color: white;
}
.calidor-dropdown {
position: unset !important;
--menu-item-label-color: white;
}
.calidor-dropdown .menu-item >:hover {
--link-text-decoration: none !important;
--menu-item-label-color: var(--c-primary) !important;
color: var(--c-primary);
}
.calidor-dropdown .menu-item.is-active > {
--link-text-decoration: none !important;
--menu-item-label-color: var(--c-primary) !important;
color: var(--c-primary);
}
.full-row-menu .sf-menu-item__label {
font-size: 1rem !important;
}
.menu-dropdown-wrapper .menu-dropdown-title {
color: var(--menu-item-label-color) !important;
font-size: 1rem !important;
display: inline-block;
padding-right: 35px !important;
}
.menu-dropdown-wrapper > .menu-drop-down-icon {
color: white;
transition: 0.3s transform ease-in;
transform: rotate(270deg);
display: inline-block !important;
margin: -15px;
}
.menu-dropdown-wrapper > .menu-drop-down-icon:hover, .menu-dropdown-wrapper > .menu-drop-down-icon.is-open {
color: var(--c-primary);
transform: rotate(360deg);
vertical-align: middle;
}
.full-row-menu .menu-item-icon {
color: white;
}
.calidor-dropdown .menu-dropdown-list {
background: transparent !important;
border: none;
box-shadow: none !important;
right: 0;
left: 0;
}
.calidor-dropdown-panel {
background-image: linear-gradient(135deg, rgba(237, 237, 237, 0.4) 25%, transparent 0, transparent 50%, rgba(237, 237, 237, 0.4) 0, rgba(237, 237, 237, 0.4) 80%, transparent 0, transparent) !important;
background-size: 4px 4px !important;
background: white;
--menu-item-label-color: black !important;
width: var(--header-width, 77.5rem) !important;
margin: 0px auto;
max-height: 440px;
overflow-y: auto;
overflow-x: hidden;
}
.calidor-dropdown-panel .sf-menu-item::after {
content: none !important;
}
.calidor-dropdown-panel > .row {
align-items: baseline !important;
}
.calidor-dropdown-panel .col-header-label {
padding: 10px !important;
}
.calidor-dropdown-panel .col-header-label > .sf-menu-item__label {
font-size: 0.8rem !important;
font-weight: 700;
}
.calidor-dropdown-panel .col-item {
padding: 0px 0px 5px 10px !important;
}
.calidor-dropdown-panel .col-item:hover > .sf-menu-item__label, .calidor-dropdown-panel .col-header-label:hover > .sf-menu-item__label {
color: #033c73;
}
.menu-dropdown .menu-dropdown-list .calidor-dropdown-panel .menu-item {
padding: 0px !important;
}
.calidor-dropdown-panel .col-item > .sf-menu-item__label {
font-size: 0.7rem !important;
overflow: hidden;
text-overflow: ellipsis;
}
.calidor-dropdown .menu-dropdown-title.is-open, .calidor-dropdown .menu-dropdown-title:hover {
color: #033c73 !important;
background-image: linear-gradient(135deg, rgba(237, 237, 237, 0.4) 25%, transparent 0, transparent 50%, rgba(237, 237, 237, 0.4) 0, rgba(237, 237, 237, 0.4) 80%, transparent 0, transparent) !important;
background-size: 4px 4px !important;
background: white;
}