/* iPhone X Support
 * https://webkit.org/blog/7929/designing-websites-for-iphone-x/ */
@supports (padding: max(0px)) {
    .navbar {
        padding-left: max(16px, env(safe-area-inset-left));
        padding-right: max(16px, env(safe-area-inset-right));
    }

    .container {
        padding-left: max(15px, env(safe-area-inset-left));
        padding-right: max(15px, env(safe-area-inset-right));
    }
}



.btn-discord {
    color: #FFFFFF;
    background-color: #7289DA;
}

.btn-discord:hover {
    color: #FFFFFF;
    background-color: #99AAB5;
}

.bg-blurple {
    background-color: #7289DA;
}

.btn-twitch {
    color: #FFFFFF;
    background-color: #6441A4;
}

.btn-twitch:hover {
    color: #FFFFFF;
    background: #4b367c;
}

.btn-twitch-white {
    color: #6441A4;
    background-color: #FFFFFF;
}

.btn-twitch-white:hover {
    color: #4b367c;
    background: #eee;
}

.bg-twitch {
    background-color: #6441A4;
}

.text-twitch {
    color: #6441A4 !important;
}

.bg-bungie {
    background-color: #414142;
}

.text-bungie {
    color: #f3f3f3 !important;
}

.text-bungie-muted {
    color: #7e8082 !important;
}

.bg-telegram {
    background-color: #0088cc;
}

.text-telegram {
    color: white;
}

.text-telegram-muted {
    color: white;
}

.img-thumbnail-sm {
    max-width: 32px;
    max-height: 32px;
}

.img-thumbnail-38 {
    max-width: 38px;
    max-height: 38px;
}

.page-header {
    height: 400px;
    padding-top: 100px;
    margin-bottom: 30px;
}
.container-flash {
    margin-top: 5px;
}

/* Materia theme b0rks this
.navbar {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
} */