#header-outer {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

#header-top {
    max-width: 1450px;
    margin: 0 auto;
    padding: 4px 24px;
    gap: 16px;;
    height: auto;
}

#search-display {
    height: 36px;
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    transition: border-color .2s;
}

#search-display:focus-within {
    border-color: #4A7DFF;
}

#search-input {
    font-size: 13px;
    height: 36px;
    border: none;
}

#user-nav {
    gap: 12px;
    padding-right: 0;
    padding-left: 0;
}

#user-nav #discord-icon .icon,
#user-nav #notifications-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

#user-nav #discord-icon .icon:hover,
#user-nav #notifications-btn:hover {
    background: rgba(255,255,255,0.1);
}

#user-nav #user-locale {
    height: auto;
}

#user-nav #user-locale .btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    border: none;
    color: #9CA0B0;
    font-size: 12px;
    padding: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
    overflow: hidden;
}

#user-nav #user-locale .btn:hover {
    background: rgba(255,255,255,0.1);
}

#user-nav #user-locale .btn .caret {
    display: none;
}

#user-nav #user-locale .btn img {
    border-radius: 4px;
    display: block;
}

#user-nav #user-locale .btn img ~ img {
    display: none;
}

.user-nav-split {
    width: 1px;
    height: 24px;
    background-color: rgba(255,255,255,0.1);
}

#user-nav #login-with-steam {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    white-space: nowrap;
    line-height: normal;
}

#user-nav #user-nav-menu .btn.dropdown-toggle {
    height: auto;
    font-size: 14px;
    border:0;
}

#header-nav {
    background: rgba(11,13,24,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.04);
    border-top: none;
}

#header-nav .navbar-main {
    max-width: 1450px;
    margin: 0 auto;
}

#header-nav #main-nav {
    display: flex;
    gap: 4px;
    float: none;
}

.navbar .nav > li > a,
.navbar .nav > li > span {
    font-size: 14px;
    font-weight: bold;
    color: #9CA0B0;
    padding: 12px 16px;
    border-radius: 6px;
    transition: color .2s, background .2s;
    text-transform: uppercase;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > span:hover,
.navbar .nav > li.active > a,
.navbar .nav > li.open > a {
    color: #fff;
    background: rgba(255,255,255,0.04);
}

#login-with-steam:before,
.navbar .nav > li:not(.nav-button):after {
    display: none !important;
}

#header-nav .dropdown-menu {
    background: #0E1020;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    margin-top: 4px;
}

#header-nav .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 500;
    color: #9CA0B0;
    padding: 10px 16px;
    border-radius: 4px;
    transition: color .2s, background .2s;
}

#header-nav .dropdown-menu > li > a:hover,
#header-nav .dropdown-menu > li > a:focus {
    color: #fff;
    background: rgba(255,255,255,0.04);
}

#user-nav .dropdown-menu {
    background: #0E1020;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    margin-top: 4px;
    padding: 4px 0;
}

#user-nav .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 500;
    color: #9CA0B0;
    padding: 10px 16px;
    border-radius: 4px;
    transition: color .2s, background .2s;
}

#user-nav .dropdown-menu > li > a:hover,
#user-nav .dropdown-menu > li > a:focus {
    color: #fff;
    background: rgba(255,255,255,0.04);
}

#user-nav .dropdown-menu .divider {
    background-color: rgba(255,255,255,0.06);
    margin: 4px 0;
}

#user-nav #user-locale .dropdown-menu img {
    border-radius: 2px;
}


.v2-footer {
    padding: 56px 0 40px;
}

.v2-footer-socials span {
    font-size: 14px;
}

.v2-footer-copyright {
    font-size: 13px;
    color: #4A4E64;
    margin-bottom: 14px;
}

.v2-footer-description {
    font-size: 14px;
    color: #4A4E64;
    margin-bottom: 24px;
    line-height: 1.6;
}

.v2-footer-description .highlight {
    color: #7B7F94;
    font-weight: 500;
}

.v2-footer-nav {
    gap: 10px 28px;
    margin-bottom: 24px;
}

.v2-footer-nav a {
    font-size: 13px;
    color: #6B7089;
}

.v2-footer-nav a:hover {
    color: #4A7DFF;
}

.v2-footer-contact {
    font-size: 13px;
    color: #4A4E64;
    margin-bottom: 14px;
}

.v2-footer-powered {
    font-size: 12px;
    color: #3A3E52;
}

.v2-footer-powered a {
    color: #4A4E64;
}

@media (max-width: 992px) {
    #header-nav #main-nav {
        gap: 2px;
    }

    .navbar .nav > li > a,
    .navbar .nav > li > span {
        font-size: 13px;
        padding: 10px 12px;
    }
}

@media (max-width: 768px) {
    #header-top {
        padding: 10px 16px;
    }

    .user-nav-split {
        display: none;
    }

    #user-nav #login-with-steam {
        padding: 8px 12px;
    }
}