* {
    margin: 0;
}
html, body {
    height: 100%;
}
.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -50px;
}
.page-wrap:after {
    content: "";
    display: block;
}
.site-footer, .page-wrap:after {
    height: 50px;
}
.site-footer {
    background: orange;
}
footer.page-footer{
    margin-top: 0px;
    padding-top: 0px;
}
.card-content{
    height: 155px;
    max-height: 155px;
    overflow: hidden;
}

.card-hide .card-content{
    opacity: 0.5;
}

.card-hide:hover .card-content{
    opacity: 1;
}

.page-wrap{
    background-color: #2e2e2e;
}

.page-wrap header nav{
    background-color: #1a1919;
}

footer{
    background-color: #1a1919 !important;
}

.page-wrap .elem .card.horizontal{
    background-color: #151515;
    color: #ffdc50;
}

.page-wrap .elem .card.horizontal .card-title{
    margin-top: 10px;
}

.page-wrap .elem .card.horizontal .card-content{
    color: #f1f1f1;
}

.end-event{
    color: #e40000;
}

.event-timer{
    color: #FFFFFF;
}

table, input, select, textarea{
    color: #f1f1f1 !important;
}

table th{
    color: #ffdc50 !important;
}

footer a{
    color: rgba(255,255,255,0.8);
}
.card .card-image img{
    width: 200px !important;
    height: 264px !important;
    max-width: 200px !important;
    max-height: 264px !important;
}