@media (min-width: 850px) { #wide-nav { background: #fff; color: #24221f; border-bottom: 1px solid #e6e0d7; } #wide-nav > .flex-row.container { max-width: 1320px; padding-right: 25px; padding-left: 25px; } #wide-nav .header-bottom-nav { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; gap: clamp(8px, 1.5vw, 22px); } #wide-nav > .flex-row > .flex-center { width: 100%; } #wide-nav .header-bottom-nav > .menu-item { flex: 0 0 auto; margin: 0; } #wide-nav .header-bottom-nav > .menu-item > .nav-top-link { display: flex; align-items: center; justify-content: center; min-height: 53px; padding: 14px 0 11px; border-bottom: 3px solid transparent; color: #24221f; font: 600 clamp(11px, 1.07vw, 14px)/1.4 Arial, sans-serif; letter-spacing: .1px; text-transform: uppercase; white-space: nowrap; } #wide-nav .header-bottom-nav > .menu-item > .nav-top-link::before, #wide-nav .header-bottom-nav > .menu-item > .nav-top-link > .icon-angle-down, #wide-nav .header-bottom-nav > .has-dropdown::before, #wide-nav .header-bottom-nav > .has-dropdown::after { display: none; } #wide-nav .header-bottom-nav > .menu-item > .nav-top-link:hover, #wide-nav .header-bottom-nav > .current-dropdown > .nav-top-link, #wide-nav .header-bottom-nav > .current-menu-item > .nav-top-link { border-bottom-color: #a28660; color: #765d3a; } #wide-nav .header-bottom-nav > .mhp-nav-item > .mhp-nav-dropdown { padding: 0; border: 0; border-bottom: 1px solid #e6e0d7; background: #fff; color: #24221f; box-shadow: 0 18px 30px -28px #211b18a0; text-align: left; } #wide-nav .madlac-navigation, #wide-nav .madlac-navigation * { box-sizing: border-box; } #wide-nav .madlac-navigation { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 30px 15px; color: #24221f; font: 400 16px/1.5 Arial, sans-serif; } #wide-nav .madlac-navigation-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 10px 0; margin: 0 0 5px; border-bottom: 1px solid #e3ddd3; } #wide-nav .madlac-navigation-title { display: flex; align-items: center; gap: 13px; min-width: 0; margin: 0; color: inherit; font: 600 14px/1.4 Arial, sans-serif; letter-spacing: .25px; } #wide-nav .madlac-navigation-count { display: inline-flex; align-items: center; justify-content: center; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 12px; background: #f2eee7; color: #7d6b54; font: 400 12px/1 Arial, sans-serif; } #wide-nav .madlac-navigation-all { display: inline-flex; align-items: center; min-height: 30px; padding: 2px 0; margin: 0; color: #292621; font: 400 14px/1.5 Arial, sans-serif; text-decoration: none; white-space: nowrap; } #wide-nav .madlac-navigation-all:hover { color: #80613a; text-decoration: underline; text-underline-offset: 4px; } #wide-nav .madlac-navigation-scroll { max-height: min(48vh, 286px); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c1ad8d transparent; padding: 3px 5px; } #wide-nav ul.madlac-navigation-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 8px 12px; margin: 0; padding: 0; list-style: none; } #wide-nav .madlac-navigation-list > li { display: block; flex: 0 1 auto; min-width: 0; max-width: min(100%, 20rem); margin: 0; padding: 0; list-style: none; } #wide-nav .madlac-navigation-link { display: flex; align-items: center; gap: 10px; min-height: 56px; height: 100%; width: auto; padding: 8px 12px; margin: 0; border: 0; border-radius: 4px; background: transparent; color: #292621; text-decoration: none; text-transform: none; white-space: normal; } #wide-nav .madlac-navigation-photo { display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; overflow: hidden; border: 1px solid #d6c4a8; border-radius: 50%; background: #fff; } #wide-nav .madlac-navigation-photo img { display: block; width: 100%; height: 100%; max-width: 100%; padding: 0; margin: 0; object-fit: contain; } #wide-nav .madlac-navigation-name { min-width: 0; color: inherit; font: 400 16px/1.4 Arial, sans-serif; overflow-wrap: anywhere; } #wide-nav .madlac-navigation-link:is(:hover, :focus-visible) { background: #f7f4ee; color: #80613a; } #wide-nav .madlac-navigation-link:is(:hover, :focus-visible) .madlac-navigation-photo { border-color: #8c6b3c; } #wide-nav .madlac-navigation a:focus-visible, #wide-nav .header-bottom-nav > .menu-item > .nav-top-link:focus-visible { outline: 2px solid #ad8753; outline-offset: 3px; } }
@media(min-width:850px){
#wide-nav{position:relative}
#wide-nav .mhp-nav-item{position:static!important}
#wide-nav .mhp-nav-dropdown{position:absolute;top:100%;left:0;right:0;width:100%;z-index:100;background:#fff}
#wide-nav .mhp-nav-dropdown[hidden]{display:none!important}
#wide-nav .mhp-nav-dropdown:not([hidden]){display:block}
#wide-nav .mhp-nav-children{list-style:none;margin:0;padding:0 8px 8px 24px;border-left:1px solid #e3ddd3}
#wide-nav .mhp-nav-children li{list-style:none;margin:0}
#wide-nav .mhp-nav-children .madlac-navigation-link{min-height:36px;height:auto;padding:5px 8px}
#wide-nav .mhp-nav-children .madlac-navigation-name{font-size:14px}
#wide-nav ul.madlac-navigation-list.mhp-nav-compact{display:grid;grid-template-columns:repeat(var(--mhp-columns),minmax(0,1fr));gap:6px}
#wide-nav .mhp-nav-compact .madlac-navigation-link{padding:8px 4px;gap:6px}
#wide-nav .mhp-nav-compact .madlac-navigation-photo{flex-basis:32px;width:32px;height:32px}
#wide-nav .mhp-nav-compact .madlac-navigation-name{font-size:clamp(12px,1vw,14px);overflow-wrap:anywhere}
}
@media(min-width:850px) and (max-width:1099px){#wide-nav .mhp-nav-compact>.madlac-navigation-link,#wide-nav .mhp-nav-compact>li>.madlac-navigation-link{flex-direction:column;text-align:center}}

@media(min-width:850px){#wide-nav .madlac-navigation-list>li:has(.mhp-nav-children)>.madlac-navigation-link{height:auto}#wide-nav .mhp-nav-dropdown{max-height:calc(100vh - 150px);overflow:auto}}

@media(min-width:850px){#wide-nav .header-bottom-nav>.mhp-nav-item{max-width:100%}#wide-nav .header-bottom-nav>.mhp-nav-item>.nav-top-link{white-space:normal;overflow-wrap:anywhere;text-align:center}}

@media(min-width:850px){#wide-nav .header-bottom-nav:has(>.mhp-nav-item){position:static}}