@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700&display=swap&subset=latin-ext');

body, html, *
{
    font-family: 'Open Sans', sans-serif;
    color: white;
}

body
{
    background: #000000;
}

.container-stripe
{
    background: #060d05;
}

.menu-bar
{
    background: #152f12;
    width: 100%;
    padding: 0;
}

#page-logo
{
    width: 100%;
    height: auto;
    margin: 2em 0 2em 0;
}

.clr
{
    width: 100%;
    height: 1em;
    clear: both;
}

.header-txt-wrapper
{
    position: relative;
}

h1
{
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    font-family: 'Oswald', sans-serif;
    color: #c6e643;
}

a.menu-btn, a.menu-btn:visited, a.menu-btn:active
{
    background: #152f12;
    border-right: 1px solid black;
    padding: 0.8em 1.4em 0.8em 1.4em;
    display: block;
    float: left;
    color: inherit;
    text-decoration: none;
}

a.menu-btn:hover
{
    background: #255320;
}

a.menu-btn:last-of-type
{
    /*border-right: 0;*/
}

h4
{
    width: 100%;
    display: block;
    padding: 0.6em;
    font-size: 1.2rem;
    border-bottom: 1px solid white;
}

.statusbar
{
    padding: 1em;
}

.statusbar .hdr
{
    font-weight: bold;
}

.statusbar .value
{
    text-align: right;
}

.alliance
{
    color: blue;
}

.horde
{
    color: red;
}

.activitylist-bar
{
    padding: 1em;
}

.activitylist-item
{
    font-size: 9pt;
    padding-bottom: 0.8em;
}

.activitylist-item:last-of-type
{
    padding-bottom: 0;
}

.activitylist-item-time
{
    display: block;
    float: right;
    font-weight: bold;
}

.activitylist-item-hdr
{
    font-size: 8pt;
    width: 100%;
    clear: both;
}

.footer
{
    color: #448734;
    text-align: center;
    font-size: 8pt;
    padding: 1.5em;
}

.footer .col
{
    color: #448734;
}

.news-wrapper
{
    padding: 1.5em 2.5em;
}

.banner
{
    height: 16em;
    background-color: #12270f;
    margin-bottom: 2em;
    overflow: hidden;
    padding: 0;

    text-shadow: 2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000;
}

.banner .col
{
    padding: 0;
    position: relative;
}

.banner img
{
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.banner .banner-text
{
    position: absolute;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    bottom: 0;
    left: 0;
}

.banner .banner-text p
{
    padding: 0 0 0 0.2em;
    margin: 0;
}

.newsrow
{
    padding: 0.8em;
    margin-bottom: 0.5em;
    background-color: #0d1d0b;
}

.news-title
{
    font-size: 1.2em;
}

.news-date
{
    font-size: 0.75em;
    padding: 0.8em 1.2em;
}

.news-content
{
    font-size: 0.8em;
}

.news-content p
{
    text-align: justify;
}

.static-page-wrapper
{
    padding-top: 0.5em;
}

.static-page-wrapper p
{
    text-align: justify;
}