/* FONTS */

h1, h2, h3, h4, h5, body {
    font-family: 'Exo', sans-serif;
}

#bg-scene {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

#content {
    position: relative;
    z-index: 200;
    padding: 40px 0;
}

#content-container {
    background: #000;
    border: #fff solid 2px;
}

.bg-image
{
    background-position: 0 0;
    background-size: contain;
    width: 150vw;
    height: 150vh;
    margin-left: -10vw;
    margin-top: -10vh;
}

.fg-image
{
    background: no-repeat 0 0;
}

#layer-bg-1
{
    background-image: url("/img/stars02.jpg");
}

#layer-bg-2
{
    background-image: url("/img/bg2-4k.png");
}

#layer-moon
{
    box-sizing: border-box;
    position: relative;
    text-align: right;
    width: 100vw;
    height: 100vh;
    right: 0;

}

#layer-moon > img
{
    min-width: 150vh;
    min-height: 150vh;
    max-width: 300vh;
    max-height: 300vh;
}

#moon-content {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 120vh;
    height: 120vh;
    /* 25vh padding matches a top/left offset of #photo-display-photos */
    padding: 25vh;
    font-size: 2em;
    color: #fff;
    text-align: left;
}

#main-title {
    font-size: 3rem;
    /* color: #ad68ff; */
    text-transform: uppercase;
    letter-spacing: normal;
    /*display: inline-block;*/
    padding: .4em;
    /*background: rgba(0,0,0,.5);*/
    text-align: center;
    /*border-radius: 12px;*/
    font-family: 'Prosto One', sans-serif;
    border-bottom: 2px #fff solid;
    margin: 0;
}

#main-title-2 {
    font-size: 4em;
    text-transform: uppercase;
    letter-spacing: -.1em;
    padding: .4em;
    text-align: center;
}

.photo-display {
    padding: 15px;
    /*background: rgba(0,0,0,.5);*/
    /*border-radius: 12px;*/
    display: inline-block;
}

.photo-text {
    color: #ffb727;
    font-size: .8em;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    line-height: 1em;
    text-align: left;
    margin-top: 10px;
    margin-bottom: -5px;
}

#photo-display-photos {
    /*position: absolute;*/
    /* 25vh matches the padding of the parent container, #side-info */
    /*top: 25vh;*/
    /*right: 15vh;*/
}

#photo-display-photos > img {
    /*max-width: 420px;*/
    /*max-height: 400px;*/
    max-width: 90%;
}

#photo-display-details {
    /*position: absolute;*/
    /*top: 50vh;*/
    /*left: 5vh;*/
}

#photo-display-details > img {
    max-width: 90%;
}

#page-nav {
    margin: 0;
    border-bottom: 2px #fff solid;
}

#page-nav .nav-item {
    font-size: 1.25em;
    margin: 0;
    padding: 0;
}

#page-nav .nav-item-blank,
#page-nav .nav-item:last-child {
    flex: 1;
    max-width: initial;
}

#page-nav .nav-link {
    text-transform: uppercase;
    letter-spacing: -.1em;
    /*background: none;*/
    border-radius: 0px;
    margin: 0 -4px 0 0;
    white-space: nowrap;
    padding: 5px 2px;
    text-align: center;
}

#page-nav .nav-link-blank,
#page-nav .nav-item:last-child .nav-link {
    margin: 0;
}

#page-nav a.nav-link:hover {
    /*border: 2px #a235ff solid;*/
}

#page-nav .nav-link.active{
    color: #fff;
    border-bottom: none;
    background: transparent;
    font-weight: bold;
    text-decoration: underline;
}

#page-nav .nav-link:active {}

#main-content {
    padding: 15px;
    /*float: left;*/
    border-top: none;
    /*border-radius: 12px;*/
    /*width: 100%;*/
    min-height: 350px;
}

#main-content.no-pad {
    padding: 0;
}

#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4 {
    /*color: #ff383a;*/
}

#main-content img {
    max-width: 100%;
}

#side-content {
    min-height: 350px;
}

.color-gold {
    color: #ffb727;
    text-shadow: #ffb727 0 0 5px;
    border: #ffb727 4px solid;
    box-shadow: rgba(255, 183, 39, .3) 0 0 25px;
    background: rgba(255, 183, 39, .25);
}
.color-gold.active {
    background: rgba(255, 183, 39, .25) !important;
    /*background: rgba(255, 183, 39, .5) !important;*/
}
a.color-gold:hover {
    background: rgba(255, 183, 39, .5) !important;
}
.color-gold.nav-tab {
    border-bottom: #ffb727 4px solid;
}

.color-purple {
    color: #a235ff;
    text-shadow: #a235ff 0 0 5px;
    border: #a235ff 4px solid;
    box-shadow: rgba(162, 53, 255, .3) 0 0 25px;
    background: rgba(162, 53, 255, .25);
}

.color-red {
    color: #ff383a;
    text-shadow: #ff383a 0 0 5px;
    border: #ff383a 4px solid;
    box-shadow: rgba(255, 56, 58, .3) 0 0 25px;
    background: rgba(255, 56, 58, .25);
}

.color-green {
    color: #25c62b;
    text-shadow: #25c62b 0 0 5px;
    border: #25c62b 4px solid;
    box-shadow: rgba(37, 198, 43, .3) 0 0 25px;
    background: rgba(37, 198, 43, .25);
}

.color-blue {
    color: #2952ff;
    text-shadow: #2952ff 0 0 5px;
    border: #2952ff 4px solid;
    box-shadow: rgba(41, 82, 255, .3) 0 0 25px;
    background: rgba(41, 82, 255, .25);
}

.col-20percent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.bg-photo {
    margin: 0;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    min-height: 600px;
    position: relative;
}

.carousel-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 15px;
    z-index: 10;
}

.carousel-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    padding: 15px;
    z-index: 10;
}

#bg-photo-1 {
    background-image: url('/img/photo/gallery/ANP_5194fn1fe.jpg');
    background-position: 31% 50%;
}

#bg-photo-2 {
    background-image: url('/img/photo/pcm-01.jpg');
    background-position: 31% 50%;
}

#bg-photo-3 {
    background-image: url('/img/photo/gallery/ANP_5606fn1fe.jpg');
}

#bg-photo-4 {
    background-image: url('/img/photo/gallery/ANP_5543fn2.jpg');
    /* this makes it more centered on mobile */
    background-position: 26% 50%;
}

.bio {
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    text-shadow: #000 0 0 3px;
    padding: 15px;
}

#bio-jake-01 {
    background-position: top right;
    background-image: url('/img/photo/bio/ANP_5437_fade02.jpg');
    min-height: 600px;
}

#bio-zach-01 {
    background-position: top left;
    background-image: url('/img/photo/bio/ANP_5815_fade02.jpg');
    min-height: 600px;
}


a.glowing, .glowing {
    /*color: #f5f666;*/
    color: #eaea61;
    text-shadow: #b3892f 1px 1px 2px, #b3892f -1px -1px 2px, #b3892f 1px -1px 2px, #b3892f -1px 1px 2px;
}

.roman {
    font-family: "Times New Roman", Georgia, serif;
    font-weight: lighter;
    letter-spacing: 0.12em;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.12rem;
}

#bg-photo-1 h1 {
    font-size: 3rem;
}

#bg-photo-1 h1, #bg-photo-1 h4 {
    text-shadow: rgba(0, 0, 0, 0.52) 0 0 3px;
}

.google-map-frame {
    width: 100%;
    height: 348px;
}

.badge {
    font-size: 1rem;
}

.card img.card-img-hover {
    display: none;
}

.card:hover img {
    display: none;
}

.card:hover img.card-img-hover {
    display: initial;
}

hr {
    border-top: 1px #fff solid;
    margin-left: -15px;
    margin-right: -15px;
}

/* MOBILE */

@media (max-width: 767px){
    #content {
        padding: 0 0 0 0;
    }

    #content-container {
        border: none;
    }

    h1.display-4 {
        font-size: 2rem;
    }
}