﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.navbar-brand {
    display: none;
}

a h4 {
    color: #D60202;
    text-decoration: none;
}

a:hover h4,
a:focus h4 {
    color: #D60202;
    text-decoration: underline;
}

a:focus h4 {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

@font-face {
    font-family: 'Pioneer BT'; /*a name to be used later*/
    src: url(/Content/Fonts/TT0214M.TTF); /*URL to font*/
}

.NSSFont {
    font-family: 'Pioneer BT', 'Special Elite', Arial;
}

.RegularFont {
    font-family: 'Special Elite', cursive;
}

.NSS-Title {
    font-size: 105px !important;
    margin-top: -50px;
}

.NSS-SmallTitle {
    font-size: 32px !important;
}

.grid-heading {
    background-color: #FFFFFF;
    color: #850303;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    text-align: center;
}

.grid-cell {
    border-top: 1px solid #FFFFFF;
    padding: 10px;
    text-align: center;
}

    .grid-cell h5 {
        margin: 0px;
        padding: 0px;
    }

.nss-jumbo {
    background-image: url(/Content/Images/NSSWorld.jpg);
    background-repeat: no-repeat;
    min-height: 321px;
    min-width: 1127px;
}

/* Looper - animated text on home page */
.looper-inner h4 {
    font-size: 54px;
    font-family: 'Special Elite', cursive;
    font-weight: bold;
    color: #fff;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-full-width {
    width: auto;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
    color: #850303;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.nss-edit-textarea textarea {
    width: 100%;
    min-height: 200px;
}

@media only screen and (max-width: 639px) {
    .btn-full-width {
        width: 100% !important;
    }

    .nss-jumbo {
        background-image: none;
        text-align: center;
        overflow: hidden;
        max-height: 300px;
        min-width: 300px !important;
    }

    .NSS-Title {
        margin-top: -20px;
    }

    .navbar-brand {
        display: block;
    }

    .navbar-toggle {
        float: left;
        margin-left: 15px;
    }

    .looper-inner h4 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 640px) {
    .btn-full-width {
        width: 100% !important;
    }

    .nss-jumbo {
        background-image: url(/Content/Images/NSSWorldMedium.jpg);
        background-position: right;
        text-align: left;
        overflow: hidden;
        max-height: 300px;
        min-width: 300px !important;
    }

    .NSS-Title {
        margin-top: -20px;
        margin-left: 15px;
    }

    .navbar-brand {
        display: block;
    }

    .navbar-toggle {
        float: left;
        margin-left: 15px;
    }

    .looper-inner h4 {
        font-size: 42px;
        margin-left: 15px;
    }
}

@media only screen and (min-width: 990px) {
    .btn-full-width {
        width: 100% !important;
    }

    .nss-jumbo {
        background-image: url(/Content/Images/NSSWorld.jpg);
        background-position: right;
        text-align: left;
        overflow: hidden;
        max-height: 300px;
        min-width: 300px !important;
    }
}
