.main-menu-outer {width: auto;}
.main-menu-inner {display: inline-block;padding: 0 !important;}
.main-menu {--m-item-gap: 10px;padding: 10px 0 20px;grid-template-columns: 1fr;grid-column-gap: 0;grid-template-rows: auto;grid-row-gap: var(--m-item-gap);display: grid;align-items: center;justify-items: start;}
.m-item {color: inherit;font-size: inherit;line-height: inherit;text-decoration: inherit;-webkit-user-select: none;-moz-user-select: none;user-select: none;height: auto;display: grid;justify-items: start;width: 100%;}
.m-item > a {transition: color var(--trans-def);}
.m-item > a:focus,.m-item:focus-within > a,.m-item:hover > a {color: var(--bkk-purple);}
.m-title {height: auto;width: 100%;display: inline-grid;justify-items: start;align-items: center;text-align: left;color: var(--txt1-c);}
.m-title span {font-size: 16px;padding: 10px 10px 10px 25px;}
.m-item:focus-within .m-title span,.m-item:hover .m-title span,.m-item.active .m-title span {font-weight: var(--fw-h);color: var(--bkk-purple);letter-spacing: -0.75px;}
.m-item.has-sub {grid-template-columns: 1fr 65px;grid-template-rows: 1fr;}
.m-icon {width: 100%;height: 100%;color: var(--txt1-c);background-color: transparent;border: none;padding: 0;display: inline-grid;justify-items: center;align-items: center;vertical-align: middle;cursor: pointer;z-index: 101;padding-right: 25px;}
.m-icon[aria-expanded="true"]:before {transform: rotate(180deg);padding-left: 2px;}
.sub-menu {opacity: 0;visibility: hidden;pointer-events: none;overflow: auto;transition: opacity var(--trans-def),max-height var(--trans-def),visibility var(--trans-def),padding var(--trans-def);}
.sub-menu.level-1 {width: 100%;max-height: 0;padding: 0 10px 0 25px;background-color: var(--bg2);grid-column-start: 1;grid-column-end: 3;}
.sub-menu.level-2 {padding-left: 40px;display: inline-block;width: 100%;max-height: unset;}
.sub-menu.active .level-2,.sub-menu.active.level-1 {opacity: 1;visibility: visible;pointer-events: all;}
.sub-menu.active.level-1 {max-height: 200px;padding: 10px 10px 10px 25px;}
.sm-wrapper {width: 100%;position: relative;}
.sub-menu.wide .sm-wrapper {display: grid;grid-template-columns: auto;grid-template-rows: auto;grid-column-gap: 25px;grid-row-gap: 25px;max-width: 1300px;align-items: start;}
.sm-item {font-size: 14px;}
.sm-item.shifted { padding-left: 40px; }
.sm-item > a {color: inherit;font-size: inherit;line-height: inherit;text-decoration: inherit;padding: 10px 0;display: inline-block;width: 100%;}
.sm-item > a:focus,.sm-item:focus-within > a,.sm-item:hover > a {color: var(--bkk-purple);font-weight: var(--fw-h);}
.sm-icon {}
.sm-title {color: inherit;}
.sml-item {}
.sml-item:hover > .sm-title,.sml-item:focus-within > .sm-title,.sml-item > .sm-title:focus {font-weight: var(--fw-h);border-bottom: 4px solid var(--bkk-purple);color: var(--bkk-purple);}
@media screen and (max-width: 900px) {.main-menu { padding-top: 0; }
}
@media screen and (max-width: 400px) {.ht-menu {grid-column-start: 1;grid-column-end: 3;justify-self: start;padding-left: 25px;}
}