.fa {
    margin-right: 5px
}

.icon-smaller {
    font-size: 0.7em
}

a {
    transition: color 500ms ease-out
}

.news-header {
    font-size: 1.4em;
    text-align: center
}

.news-author {
    font-size: 0.7em;
    text-align: right
}

.pull-right .fa {
    margin-right: 0
}

p, a {
    overflow-wrap: break-word;
    word-wrap: break-word
}

/* Force 16px icon size after TeamSpeak update 3.1.5 */
.ts3_viewer img, .adminlist img {
    max-height: 16px;
    max-width: 16px
}

/* ****** */
/* STATUS */
/* ****** */

.serverstatus p, .serverstatus .label .fa {
    margin: 0
}

.serverstatus a, .serverstatus span {
    float: right
}

/* ********* */
/* ADMINLIST */
/* ********* */

.adminlist > .groupname ~ .groupname {
    margin-top: 15px
}

.adminlist .groupname {
    text-align: center;
    font-size: 1.2em;
    border-bottom: 1px solid #677481;
    margin-bottom: 5px
}

.adminlist .label-primary {
    background-color: #375a7f
}

.adminlist p {
    margin: 0
}

.adminlist img {
    margin-right: 3px
}

.adminlist .iconspacer {
    margin-left: 19px
}

/* ****** */
/* NAVBAR */
/* ****** */

body {
    padding-top: 80px
}

.navbar {
    font-size: 14px
}

.nav > li > a {
    padding-left: 10px;
    padding-right: 10px
}

.navbar-brand {
    padding: 0 10px 0 0;
    display: flex;
    align-items: center
}

.navbar-brand > img {
    height: 100%;
    padding: 5px 5px 5px 15px
}

/* ****** */
/* FOOTER */
/* ****** */

body {
    position: relative;
    margin: 0;
    padding-bottom: 120px;
    min-height: 100vh
}

@media (max-width: 380px) {
    body {
        padding-bottom: 150px
    }
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px
}

.footer .pull-right p {
    margin: 0 0 0 0;
    font-size: 0.8em;
    text-align: right
}
