#global-nav{position:fixed;top:0;left:0;width:100%;background:var(--bg-dark);border-bottom:.1rem solid #495057;z-index:1000;font-family:var(--font-roboto)}#global-nav .menu-container{display:flex;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 1rem}#global-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;list-style:none;margin:0;padding:0}#global-nav li{position:relative}#global-nav li a{display:block;padding:1rem .6rem;margin:.4rem;color:var(--golden);font-size:2rem;text-decoration:none;cursor:pointer;border-radius:.5rem;background:rgba(33,37,41,.4);box-shadow:0 .1rem .2rem rgba(0,0,0,.25),inset 0 .1rem .1rem #3b3b3b;border-top:.2rem solid transparent;transition:color .25s,background .25s,box-shadow .25s}#global-nav li a:hover{color:var(--text-light);background:rgba(33,37,41,.6);box-shadow:0 .4rem .8rem rgba(0,0,0,.3)}#global-nav li a.active-parent{color:#fff;border-top:.2rem solid var(--golden)}#global-nav .submenu-wrapper{position:relative;z-index:1001}#global-nav .submenu-wrapper .close-mobile{position:absolute;top:.4rem;right:.6rem;font-size:2.4rem;cursor:pointer;color:var(--golden);z-index:1200;background:0 0;line-height:1;display:none;user-select:none;pointer-events:auto}#global-nav .submenu-wrapper ul.submenu li a{font-size:1.6rem;padding:1rem;color:var(--golden);text-decoration:none;display:block;background:0 0;transition:color .25s,background .25s}#global-nav .submenu-wrapper ul.submenu li a.active{color:#fff;background:rgba(33,37,41,.6)}#global-nav .submenu-wrapper ul.submenu li a.active:hover{background:rgba(33,37,41,.8)}.arrow{margin-left:.5rem;font-size:.8em;color:var(--golden)}@media (min-width:801px){#global-nav .submenu-wrapper{display:none}#global-nav li:hover>.submenu-wrapper{display:block;position:absolute;top:100%;left:0;background:var(--bg-sub);min-width:18rem;padding:.2rem 0;border-top:.1rem solid #495057;border-radius:.4rem}#global-nav .submenu-wrapper ul.submenu{display:flex;flex-direction:column;gap:0;padding:0}#global-nav .submenu-wrapper ul.submenu li a{font-size:1.6rem;padding:1rem;background:0 0;border-radius:0}#global-nav .submenu-wrapper .close-mobile{display:none}}@media (max-width:800px){.submenu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:900;opacity:0;pointer-events:none;transition:opacity .28s ease}.submenu-overlay.active{opacity:1;pointer-events:auto}#global-nav .submenu-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-45%);width:90%;max-width:32rem;background:var(--bg-dark);border:.1rem solid #495057;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.5);border-radius:.8rem;text-align:center;padding:2rem .8rem 1rem;overflow-y:auto;max-height:80%;display:none;z-index:1001;opacity:0;transition:opacity .28s ease,transform .28s ease}#global-nav .submenu-wrapper.open{display:block;opacity:1;transform:translate(-50%,-50%)}#global-nav .submenu-wrapper .close-mobile{display:block}#global-nav .submenu-wrapper ul.submenu{display:flex;flex-direction:column;gap:.4rem;padding:0;margin:0}#global-nav .submenu-wrapper ul.submenu li a{font-size:1.8rem;padding:.8rem 1rem;margin:.4rem 0;border-radius:.4rem;background:rgba(33,37,41,.3)}}@media (max-width:400px){#global-nav li a{font-size:1.6rem;padding:.6rem .4rem;margin:.2rem}#global-nav .submenu-wrapper ul.submenu li a{font-size:1.6rem;padding:.6rem .8rem;margin:.2rem 0}}