html {
    height: 100%!important;
}
body {
    height: 100%!important;
    display: flex!important;
    flex-direction: column!important;
    min-width: 375px;
}
header {
    flex-shrink: 0!important;
}
main {
    flex-shrink: 0!important;
}
footer {
    margin-top: auto!important;
}

a.lnk-page-title { text-decoration: none; color: inherit; }
.page-title { font-family: 'pf_din'; max-width: 430px; font-weight: 500; font-size: 1.2rem; text-transform: uppercase; margin-left: 2rem; }
@media (max-width: 576px) {
    .page-title { font-size: 1rem; margin-left: 1rem; max-width: 310px; }
}
.btn-sign-in { font-size: 0.875rem; }

/*header*/
header .gr2-warning-bar {
    background-color: #fff3cd;
    color: #664d03;
    font-size: .875em;
    padding: 0.875rem 0;
}

header .gr2-topbar {
    background-color: #282828;
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
    display: flex !important;
}
header .gr2-topbar a {
    color: #aaaaaa;
    font-size: 1rem;
}
@media (min-width: 992px) {
    header .gr2-topbar a {
        font-size: 0.75rem;
    }
}
.gr2-topbar > div > a:first-child {
    display: flex !important;
}
.gr2-topbar-text {
    text-transform: uppercase !important;
}
.enter-button {
    text-align: right !important;
}

ul.gr2-nav-top-menu { list-style: none; display: flex; flex-direction: row; margin: 0 -1rem; padding: 0; }
ul.gr2-nav-top-menu li.nav-item { padding: 0 1rem; }
ul.gr2-nav-top-menu li.nav-item .nav-link { font-size: 0.875rem; font-weight: 600; color: #282A3C; padding: 1rem 0 0.875rem 0; border-bottom: 0.125rem solid transparent; }
ul.gr2-nav-top-menu li.nav-item .nav-link:hover { border-bottom-color: #848e99; }
ul.gr2-nav-top-menu li.nav-item .nav-link.active { border-bottom-color: #0057FF; }

/* footer */
footer {
    padding-top: 1rem;
    background-image: url('/static/i2/gm3/footer-bkg.png');
    background-position: 100% 80%;
    background-repeat: no-repeat;
    background-size: cover;
}
footer .footer-info {
    font-size: 0.875rem;
    padding-left: 2rem;
}
footer .footer-support {
    padding-left: 2rem;
}
footer .footer-copy-and-social {
    background-color: #e5e5e5;
    padding: 1.5rem 1rem;
    margin-top: 1rem;
}
footer .footer-copy-and-social .footer-copy {
    font-size: 0.75rem;
}
footer .footer-copy-and-social .footer-social a {
    margin-right: 1rem;
}
footer .footer-copy-and-social .footer-social a:last-child {
    margin-right: 0;
}
footer .footer-copy-and-social .footer-social a svg {
    max-height: 1rem;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

/* mobile menu */
.mobile-menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40, 42, 60, 0);
    z-index: 100;
    -webkit-transform: translateX(100%) scaleX(0);
    transform: translateX(100%) scaleX(0);
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.mobile-menu.show{
    background-color: rgba(40, 42, 60, 0.9);
    -webkit-transform: translateX(0) scaleX(1);
    transform: translateX(0) scaleX(1);
    opacity: 1;
}
.mobile-menu a:not(:first-child){
    font-size: 1rem;
}

.mobile-menu nav {
    background-color: transparent
}

.mobile-menu nav a {
    display: flex;
    padding: .5rem 0;
    color: #cdf
}

.mobile-menu nav a:hover {
    text-decoration: none
}

.mobile-menu nav a::after {
    content: '\f285';
    font-family: bootstrap-icons;
    margin-left: auto;
    padding-left: 1rem
}