/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
}

body {
    background-color: #0a3359;
    color: #1fb3c8;
}

body hr {
    background-color: #01a1a2;
}

button a {
    color: white;
}
button a:hover {
    text-decoration: none;
    color: white;
}

/*Combined: bg-light pt-3 mb-4 pl-4 pr-4*/
.content-box {
    background-color: #f8f9fa!important;
    padding-top: 1rem!important;
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
    margin-bottom: 1.5rem!important;

    border-radius: 15px;
    color: black;
}

.content-box hr {
    background-color: unset;
}

footer.container hr
{
    margin-top: 0px;
}

/* ============= Menu =========*/
.menu-holder {
    width: 100%;
    text-align: center;
    font-size: 2rem;
}
.menu-holder span a {
    color: #1fb3c8;
    text-decoration: none;
}

.profile-holder {
    color: #1fb3c8;
}

/* ========== Error holders ========== */
input:invalid {
    border-color: red;
}
textarea:invalid {
    border-color: red;
}

p.error, p.required, span.error, span.required {
    color: red;
}

.deco-none {
    color: inherit;
    text-decoration: inherit;
}

.deco-none:link {
    color: inherit;
    text-decoration: inherit;
}

.deco-none:hover {
    color: inherit;
    text-decoration: inherit;
}

.clickable {
    cursor:pointer;
}


img.avatar {
    width: 140px;
    height: 140px;
}

.invisible {
    visibility: hidden;
    height: 0;
}


.img5row-featured {
    width: 18%;
    max-width: 18%;
}

@media only screen and (min-width: 400px) {
    .img5row {
        width: 19%;
        max-width: 19%;
    }
}

@media only screen and (max-width: 400px) {
    .img5row {
        width: 18%;
        max-width: 18%;
    }
}

/* ============= Post Footer ============== */
.post-footer div {
    font-size: 1.5em;
}

.boxing {
    font-size: 1.5em;
}
.boxing a:link {
    text-decoration: none;
}
.boxing .is-unboxed {
    color: grey;
}
.boxing .is-unboxed:hover {
    color: orangered !important;
}
.boxing .is-boxed {
    color: orangered;
}
.boxing .is-boxed:hover {
    color: grey !important;
}

.boxing .copy {
    color: lightgrey !important;
}
.boxing .copy:hover {
    color: grey !important;
}
/* =========== Rating ==============*/
.rating {
    font-size: 1.5em;
    display: inline;
}
.rating a:link {
    text-decoration: none;
}
.rating .fire-on {
    color: orangered;
}
.rating .fire-off {
    color: gray;
}
/* prev siblings */
.rating.can-rate:hover a {
    color: orangered !important;
}
/* next siblings */
.rating.can-rate a:hover ~ a {
    color: grey !important;
}
.rating.can-not-rate a:hover {
    cursor: default;
}
.rating span {
    font-size: 0.6em;
}

.view-stats-box > hr {
    margin-bottom: 0px;
}

.view-stats-box > p {
    margin-top: 4px;
    margin-bottom: 4px;
}