.index-title{
    color: rgba(0,0,0,.84);
    margin-top:20px;
}
.index-sub{
    color: rgba(0,0,0,.54);

}
.index-text{
    margin-top:20px;
    color: rgba(0,0,0,.44);
}
.index-image{
    width: 400px;
}
.social-icon{
    color: rgba(0,0,0,.44);
    font-size:1.5rem;
}
.clock{
    margin-left: 25px;
}
.jumbotron.fortags a {
    background: #1C9963 !important;
}
.error{
    text-align: center !important;
}
@media(min-width: 769px){
    .md-nopad-right{
        padding-right: 0px !important;
    }
    .md-nopad-left{
        padding-left: 0px !important;
    }
}

/* My additions from here */

/* Tweak padding on narrow devices */
@media (max-width: 769px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 4px;
    }
}
@media (max-width: 769px) and (min-width:576px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
        margin-bottom: 16px;
    }
}

/* Page cover image */
body > .mainheading {
    background-image: url(/header.png);
    background-position: bottom;
    background-size: cover;
    color: white;
}
body > .mainheading h1, body > .mainheading p
{
    text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #000, 0 0 55px #000, 0 0 75px #000;
    color: white;
}

/* show/hide nav on scroll */
nav {
    display:none !important;
    border-bottom: 1px solid purple;
}
nav.scrolled {
    display:block !important;
}
.mainheading {
    margin-top:0;
}
.main-content {
    padding-top: 20px;
}

/* Homepage tag cloud */
section.tags ul.tags, ul.tags li {
    margin-bottom: 0.5rem;
    margin-right: 0.25rem;
}

a.thumb.hidden{
    display:none;
}

a.thumb img, a.thumb video {
    padding: 2px 0;
}

.featured-image {
    margin-bottom: 0.5rem;
}
.featured-images {
    margin-bottom: 1rem;
}

.img-loading {
    top:0; left:0; position:absolute;    
}

.filter {
    color: silver;
}

.filter input {
    color: grey;
    border: 1px solid gainsboro;
}

.filter input:focus {
    outline: none;
    border: 1px solid skyblue;
}

video.img-fluid{
    vertical-align: middle;
    border-style: none;
}

.extra-info {
    color: silver;
    font-size: smaller;
    line-height: 1;
}

dt {
    text-align: right;
}

h5.center {
    text-align: center;
    margin-bottom: 12px;
}

@media (max-width: 769px) and (max-width:576px) {
    dt, dd {
        text-align: center;
    }
}

.hover-video video {
    visibility:hidden;
    opacity: 0;
    
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.hover-video:hover video {
    visibility: visible;
    opacity: 1;
}

.card {
    border: 0;
}

.has-children {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: indigo;
}

.is-draft {
    position: absolute;
    bottom: -2px;
    right: -3px;
    background-color: silver;
}

.draft-top {
    bottom: auto;
    top: 20px;
    right: 20px;
    font-size: 1em;
}