body { background: black; color: white; text-align: center ;}
h1 { color: white; }
p.caption { max-width: 60em; margin: 1em auto; }
section.hero.photo,#top-nav {display: none;}
#page-wrap { padding-bottom: 4rem; }

.cta-wrap{
    width: 50%;
    max-width: 20rem;
    text-align: center;
    margin: 2rem auto;
    padding-bottom: 2rem;
    display: block;
}

#prev,#next {
    display: inline-block;
    line-height: 5em;
    vertical-align: top;
    margin: 0 1em
}

#prev a,#next a {
    border-bottom: 0px !important;}

#nav .cal-icon {
    width: 5em;
    border: 1px solid;
    text-align: center;
    margin: auto;
    display: inline-block;
}
#nav .month {
    background: #005a39;
    color: white;
    text-transform: uppercase;
    font-size: 0.8em;
}
#nav .date {
    font-size: 2.0em;
}

#share-module { z-index: 999999; }


/* fix footer so share links are always visible */
#site-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
#share-module {
    position: fixed;
    bottom: 4rem;
}


/* modal styles */
#dpmodal img { 
    max-height: calc(80vh - 8rem);
}
.reveal {
    text-align: center;
    height: 80vh;
    z-index: 99999;
    position: fixed; /* stops it from scrolling back to top on modal */
    background: black;
}

/* masonry styles */
.item img {width: 33vw; border: 1px solid black;}
@media screen and (min-width:58em){
    .item img {width: 25vw; }
}
@media screen and (min-width:90em){
    .item img {width: 20vw; }
}