#menu-open.fired { display: block; }
#menu-open { padding: 20px; position: absolute; top: calc(100% + 30px); left: 40px; background-color: var(--white); border-radius: var(--radius-s); width: auto; }
#menu-open a { color: var(--color5); font-size: var(--size-h-sm); font-weight: var(--font-weight-light); }
#menu-open a:focus { outline: 1px solid var(--color1); outline-offset: 1px;  }
#menu-open a:hover, #menu-open .active a { color: var(--color1); }
.main-menu-cnt { display: flex; flex-direction: column; gap: 20px; }
#menu-open .col { width: 100%; }
#menu-open .col:where(.primary, .secondary) ul { padding-bottom: 20px; display: flex; flex-direction: column; gap: 7px; border-bottom: 1px solid #DADADA; }
#menu-open .col:where(.primary, .secondary) > div { width: 100%; }
#menu-open .col.secondary a:before { margin-right: 10px; font-family: var(--font-icon); color: var(--color3); font-size: var(--size-md); }
#menu-open .col.secondary .cid-10 a:before { content: '\f87c'; }
#menu-open .col.secondary .cid-22 a:before { content: '\f015'; }
#menu-open .col.alt ul { display: flex; gap: 20px; }
#menu-open .col.alt a { font-size: var(--size-sm); text-transform: uppercase; }

/* RWD */
@media(max-width: 768px){
    #menu-open { top: 89px; left: 0; width: 100%; position: fixed; border-radius: unset; height: calc(100vh - 169px); overflow-y: auto; }
}