﻿
#homeContent h1 {
    text-align: center;
}

#homeLeftContainer {
    position: relative;
    float: left;
}

    #homeLeftContainer p {
        margin-bottom: 12pt;
        font-family: 'Source Sans Pro', sans-serif;
    }

.TerrestrialSite #homeLeftContainer {
    width: 545px;
    margin-left: 30px;
}

#mapsRightContainer {
    position: relative;
    float: left;
    width: 423px;
    margin-top: 5px;
}

    #mapsRightContainer > img {
        width: 100%;
        margin: 30px 0;
    }

    #mapsRightContainer h3 {
        text-align: center;
    }

#mapsRightContent {
    float: left;
    height: 260px;
    width: 260px;
}

#gallerySection {
    height: 400px;
    clear: both;
}

.DesktopContent {
    display: block;
}

.MobileContent {
    display: none;
}

.IEStream {
    display: none;
}

.RegularStream {
    display: block;
}

.IEStream, .RegularStream, .IE11 {
    position: relative;
    height: 315px;
    width: 419px;
    background-image: url('../Images/NoCamera.jpg');
}

.ie .IEStream {
    display: block !important;
}

.ie .RegularStream {
    display: none !important;
}

.IEStream img, .RegularStream img {
    border: 2px solid #163957;
}

.IE11 {
    display: none;
}

.NonIE11 {
    display: block;
}

/* Microsoft Edge Hack for weather cam */
_:-ms-lang(x), _:-webkit-full-screen, .IEStream, .NonIE11, .RegularStream {
    display: none !important;
}

_:-ms-lang(x), _:-webkit-full-screen, .IE11 {
    display: block !important;
}

:-ms-lang(x), _:-webkit-full-screen, .IE11 img {
    height: 319px;
}

@media all and (-ms-high-contrast:none) {
    /* IE11 */
    *::-ms-backdrop, .IE11 {
        display: block !important;
    }

    *::-ms-backdrop, .NonIE11 {
        display: none !important;
    }

    *::-ms-backdrop, .RegularStream {
        display: none !important;
    }
}

/* Weather Forecast*/

#weather {
    position: relative;
    width: 395px;
    padding: 4px;
    margin: 30px 0;
    overflow: hidden;
}

    #weather p {
        width: 20%;
        float: left;
        font-size: 10pt;
    }

        #weather p.today {
            width: 40%;
        }

@media all and (max-width: 1000px) {
    #homeContent {
        width: auto;
    }

        #homeContent h1 {
            line-height: normal;
            padding: 10pt 0;
            font-size: 14pt;
            text-align: center;
        }

    #mapsRightContainer {
        float: none;
        height: auto;
        width: 75%;
        margin: 0 auto;
    }

    .TerrestrialSite #homeLeftContainer {
        width: 90%;
        float: none;
        margin: 0 auto;
    }
}

@media all and (max-width: 780px) {
    .DesktopContent {
        display: none;
    }

    .MobileContent {
        display: block;
    }

    #homeLeftContainer {
        width: 98%;
        padding: 0 1%;
    }

        #homeLeftContainer p {
            margin-bottom: 30pt;
            font-size: 12pt;
        }

    #mapsRightContainer {
        display: none;
    }
}
