/* Body Styles */
html,
body {
    height: 100%;
}
body {
    /*background: #7FCEED;*/
    /*background: linear-gradient(to right, #22a8da, #8acff0);*/
    font-family: 'Hind', 'Open Sans', sans-serif;
}
h1 {
    font-weight: 900;
    /*color: #9e9fa3;*/
}
#page-content {
    flex: 1 0 auto;
}

/* Navigation Styles */
.navigation-styles {
    background-color: #4894a4;
    color: #fff;
    width: 100%;
    /*border: 3px solid #00B2ff;*/
}
.nav-link {
    color: #fff;
}
.nav-link:focus {
    color: #fff;
}
.nl-b:hover {
    color: #fff;
    background-color: #9e9fa3;
}

/* Footer Styles */
.footer-link {
    color: #fff;
    opacity: 0.75;
    font-size: 0.9em;
    text-decoration: none;
}
.footer-link:hover {
    color: #4894a4;
    opacity: 1;
}
.footer-link:focus {
    color: #4894a4;
    opacity: 0.75;
}
.footer-blog-link {
    color: #e45206;
    opacity: 0.80;
    font-size: 0.9em;
    text-decoration: none;
}
.footer-blog-link:hover {
    color: #e45206;
    opacity: 0.70;
}
.footer-blog-link:focus {
    color: #4894a4;
    opacity: 0.75;
}
.card-header {
    background-color: #e45206;
    color: #fff;
}
.hover-group-item:hover  {
    background-color: #e45206;
    color: #fff;
}
.btn-primary {
    background-color: #4894a4;
    border: 1px solid #4894a4;
    color: #fff;
}
.btn-primary:hover {
    background-color: #4894a4;
    border: 1px solid #4894a4;
}

.h3-headline {
    background-color: #f1f1f1;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.list-group-item-w-space {
    border: 1px solid rgba(0,0,0,.125) !important;
}