html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 5px;
    padding-bottom: 20px;
}

.footer {
    position: absolute;
    padding: 10px;
    width: 100%;
    color: #f4f4f4;
    background-color: #404042;
}

.flex,
.flex>div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}

.jumbotron {
    background-color: #26296e;
    color: #f8f8f8;
}

.navbar-dark {
    background-color: #404042;
    border-color: #555555;
}

.navbar-dark .navbar-brand {
    color: #f8f8f8;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #f8f8f8;
    background-color: transparent;
}

.navbar-dark .navbar-text {
    color: #f8f8f8;
}

.navbar-dark .navbar-nav>li>a {
    color: #f8f8f8;
}

.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li>a:focus {
    color: #f8f8f8;
    background-color: transparent;
}

.navbar-dark .navbar-nav>.active>a,
.navbar-dark .navbar-nav>.active>a:hover,
.navbar-dark .navbar-nav>.active>a:focus {
    color: #f8f8f8;
    background-color: transparent;
}

.navbar-dark .navbar-nav>.disabled>a,
.navbar-dark .navbar-nav>.disabled>a:hover,
.navbar-dark .navbar-nav>.disabled>a:focus {
    color: #eeeeee;
    background-color: transparent;
}

.navbar-dark .navbar-toggle {
    border-color: #eeeeee;
}

.navbar-dark .navbar-toggle:hover,
.navbar-dark .navbar-toggle:focus {
    background-color: #ffffff;
}

.navbar-dark .navbar-toggle .icon-bar {
    background-color: #f8f8f8;
}

.navbar-dark .navbar-collapse,
.navbar-dark .navbar-form {
    border-color: #e7e7e7;
}

.navbar-dark .navbar-nav>.open>a,
.navbar-dark .navbar-nav>.open>a:hover,
.navbar-dark .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #f8f8f8;
}

@media (max-width: 767px) {
    .navbar-dark .navbar-nav .open .dropdown-menu>li>a {
        color: #999999;
    }
    .navbar-dark .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-dark .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #f8f8f8;
        background-color: transparent;
    }
    .navbar-dark .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-dark .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-dark .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #f8f8f8;
        background-color: transparent;
    }
    .navbar-dark .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-dark .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-dark .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #f8f8f8;
        background-color: transparent;
    }
}

.navbar-dark .navbar-link {
    color: #f8f8f8;
}

.navbar-dark .navbar-link:hover {
    color: #f8f8f8;
}

.navbar-dark .btn-link {
    color: #f8f8f8;
}

.navbar-dark .btn-link:hover,
.navbar-dark .btn-link:focus {
    color: #f8f8f8;
}

.navbar-dark .btn-link[disabled]:hover,
fieldset[disabled] .navbar-dark .btn-link:hover,
.navbar-dark .btn-link[disabled]:focus,
fieldset[disabled] .navbar-dark .btn-link:focus {
    color: #eeeeee;
}


/* Custom Buttons for Social */


/* RSS */

.btn-rss {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #eb5f02;
}

.btn-rss:focus,
.btn-rss.focus {
    color: #ffffff;
    background-color: #ee5f00;
    border-color: #913a00;
}

.btn-rss:hover {
    color: #ffffff;
    background-color: #ee5f00;
    border-color: #913a00;
}

.btn-rss:active,
.btn-rss.active,
.open>.dropdown-toggle.btn-rss {
    color: #ffffff;
    background-color: #ee5f00;
    border-color: #913a00;
}

.btn-rss:active:hover,
.btn-rss.active:hover,
.open>.dropdown-toggle.btn-rss:hover,
.btn-rss:active:focus,
.btn-rss.active:focus,
.open>.dropdown-toggle.btn-rss:focus,
.btn-rss:active.focus,
.btn-rss.active.focus,
.open>.dropdown-toggle.btn-rss.focus {
    color: #ffffff;
    background-color: #ee5f00;
    border-color: #913a00;
}

.btn-rss:active,
.btn-rss.active,
.open>.dropdown-toggle.btn-rss {
    background-image: none;
}

.btn-rss.disabled:hover,
.btn-rss[disabled]:hover,
fieldset[disabled] .btn-rss:hover,
.btn-rss.disabled:focus,
.btn-rss[disabled]:focus,
fieldset[disabled] .btn-rss:focus,
.btn-rss.disabled.focus,
.btn-rss[disabled].focus,
fieldset[disabled] .btn-rss.focus {
    background-color: #ff6600;
    border-color: #eb5f02;
}

.btn-rss .badge {
    color: #ff6600;
    background-color: #ffffff;
}