/*Branding Pages: Home page*/
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/MYRIADPRO-REGULAR.woff'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/MYRIADPRO-COND.woff'), url('../fonts/MYRIADPRO-COND.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/MyriadPro-Light.woff'), url('../fonts/MyriadPro-Light.woff') format('woff');
}

#nof1-logo {
    height: 65px;
}

.navbar {
    min-height: 80px;
    background-color: #fff;
}

.navbar-brand {
    padding: 5px;
}

.container-margin {
    margin-left: -15px;
    margin-right: -15px;
}

.content-row1,
.content-row2,
.content-row3,
.content-row4 {
    padding: 50px 0 30px;
}

#home-page .content-row0 .col-md-8,
#home-page .content-row0 .col-xs-12 {
    background-color: white;
}

    #home-page .content-row0 .col-md-8 .btn-block,
    #home-page .content-row0 .col-xs-12 .btn-block {
        margin-bottom: 10px;
    }

        #home-page .content-row0 .col-md-8 .btn-block span.fa-arrow-right,
        #home-page .content-row0 .col-xs-12 .btn-block span.fa-arrow-right {
            position: absolute;
            right: 20px;
        }

#home-page .content-row1 h2 {
    margin: 140px 0 0;
}

#home-page .content-row3 h2 {
    margin: 140px 0 0;
}

.content-row1 ul {
    width: 100%;
}

    .content-row1 ul li {
        display: inline-block;
        list-style-type: none;
        width: 32%;
        padding: 0 0% 0 9%;
        margin: 0 0 25px;
    }

        .content-row1 ul li span {
            background-color: #fff;
            width: 140px;
            height: 140px;
            border-radius: 140px;
            color: #13436c;
            float: left;
            padding: 30px 0px 0px 35px;
            margin: auto;
        }

            .content-row1 ul li span.fa-ambulance,
            .content-row1 ul li span.fa-users {
                padding: 33px 0 0 30px;
            }

#nof1-header .user-controls {
    top: 0 !important;
}

header.page-title {
    display: none;
}

#home-page {
    font-size: 14px;
    font-family: "Myriad Pro Light", Helvetica, Arial, sans-serif;
}

    #home-page .jumbotron {
        /*background-color: ;*/
        color: white;
        margin-bottom: 0;
        height: 350px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url('../images/bioinformatics.jpg'), #042949;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 52px;
    }

        #home-page .jumbotron .title-text {
            margin-left: 10%;
            text-shadow: 2px 2px 8px black;
            font-family: "Myriad Pro Condensed", Helvetica, Arial, sans-serif;
        }

    #home-page .nav-justified {
        margin: 0 0 0 142px;
    }

    #home-page .tabs {
        margin-top: -49px;
    }

        #home-page .tabs .nav-tabs a {
            border-color: transparent;
            text-transform: uppercase;
            font-size: 21px;
            width: auto;
        }

            #home-page .tabs .nav-tabs a:hover {
                cursor: pointer;
            }

        #home-page .tabs .nav-tabs.nav-justified > li {
            width: auto;
        }

        #home-page .tabs .nav-tabs .active a {
            color: #609331;
        }

        #home-page .tabs .nav-tabs li:not(.active) a:not(:hover) {
            /* Set styles for inactive tabs */
            background-color: rgba(255, 255, 255, 0.8);
        }

        #home-page .tabs .tab-content {
            min-height: 150px;
            padding-top: 40px;
            padding-bottom: 40px;
            line-height: 1.8em;
            font-size: 18px;
            font-weight: lighter;
        }

    #home-page .panel-body {
        font-size: 18px;
        font-weight: lighter;
    }

    #home-page h2,
    #home-page .h2,
    #home-page h3,
    #home-page .h3,
    #home-page panel-body {
        padding: 0px;
        margin: 0px;
        font-family: "Myriad Pro Condensed", Helvetica, Arial, sans-serif;
    }

    #home-page .content-row1 {
        background-color: #13436c;
        height: 710px;
    }

        #home-page .content-row1 img {
            position: absolute;
            width: 100%;
        }

        #home-page .content-row1 .text,
        #home-page .content-row1 .text a {
            color: white;
        }

    #home-page .content-row2 {
        background-color: #5c8f3d;
        color: white;
        position: relative;
    }

        #home-page .content-row2 .panel,
        #home-page .content-row2 .panel-heading,
        #home-page .content-row2 .panel-body {
            border-color: transparent;
            background-color: transparent;
        }

        #home-page .content-row2 .panel-body {
            padding-top: 0;
        }

            #home-page .content-row2 .panel-body p {
                min-height: 5.5em;
            }

        #home-page .content-row2 .btn,
        #home-page .content-row4 .btn {
            color: white;
            font-size: 25px;
            font-weight: lighter;
            padding-left: 16px;
            padding-right: 16px;
            text-align: left;
            /* Fix a Firefox issue with displaying the arrow on the same line as the text. */
            white-space: inherit;
        }

            #home-page .content-row2 .btn .fa {
                float: right;
                line-height: 48px;
                font-size: 30px;
            }

    #home-page .content-row3 img {
        width: 130%;
        position: relative;
    }

    #home-page .content-row4 {
        background-color: #74b34d;
        padding: 70px 0 50px;
    }

        #home-page .content-row4 .fa {
            float: right;
            line-height: 50px;
            font-size: 30px;
        }

        #home-page .content-row4 .text {
            color: white;
        }

    #home-page .lead {
        font-size: 18px;
    }

        #home-page .lead .btn-lg {
            margin: 0 0 0 10px;
        }

    #home-page .tab-content .lead {
        line-height: 45px;
    }

    #home-page .legal-Page-title {
        background-color: #e3edde;
        margin-top: 70px;
        margin-bottom:20px;
    }

        #home-page .legal-Page-title h2 {
            margin: 20px 0px 10px;
        }

footer#nof1-footer {
    width: 100%;
    background-color: #fff;
    padding: 5px 0 5px 0px;
    margin: 20px 0 0 0;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.2);
}

    footer#nof1-footer span.version {
        width: 100%;
        position: relative;
        margin: -30px 0 0 295px;
        font-size: 14px;
        letter-spacing: 2px;
        display: none;
    }

    footer#nof1-footer #footer-links {
        list-style-type: none;
    }

        footer#nof1-footer #footer-links li {
            display: inline;
        }

            footer#nof1-footer #footer-links li:after {
                content: ' | ';
                margin: 0 4px;
            }

            footer#nof1-footer #footer-links li:last-child:after {
                content: '';
                margin: 0;
            }

    footer#nof1-footer .footer-content {
        padding-top: 15px;
        /* Align the baseline of the logo text with the baseline of the 2nd line of footer text. */
    }

        footer#nof1-footer .footer-content section {
            width: 100%;
        }

            footer#nof1-footer .footer-content section a {
                margin: 0 20px 10px 0px;
                font-size: 18px;
            }

                footer#nof1-footer .footer-content section a span:hover {
                    color: #2e471f;
                }

        footer#nof1-footer .footer-content ul li {
            padding-bottom: 8px;
        }

        footer#nof1-footer .footer-content .lh {
            text-transform: uppercase;
        }

        footer#nof1-footer .footer-content #terms-privacy-links {
            padding: 0;
            list-style: none;
        }

        footer#nof1-footer .footer-content #social-links {
            padding: 0;
            list-style: none;
        }

            footer#nof1-footer .footer-content #social-links li {
                padding-bottom: 30px;
                padding-left: 25px;
            }

        footer#nof1-footer .footer-content p a {
            color: #1f4e7a;
        }

    footer#nof1-footer .logo {
        padding: 15px 0 0 20px;
    }

        footer#nof1-footer .logo a {
            width: 40%;
            display: inline-block;
        }

            footer#nof1-footer .logo a img {
                width: 100%;
            }

        footer#nof1-footer .logo p.copyright {
            padding-top: 25px;
            padding-left: 0px;
        }

/* md styles */
@media only screen and (min-width: 992px) {
    #home-page .nav-justified {
        margin: 0 0 0 100px;
    }

    #home-page .tabs {
        margin-top: -44px;
    }

        #home-page .tabs .nav-tabs a {
            font-size: 18px;
        }

    #home-page .content-row1 img {
        width: 80%;
        margin: 18px 0 0 33px;
    }

    #home-page .content-row3 h2 {
        margin: 70px 0 0;
    }

    #home-page .content-row4 {
        margin: 25px -15px 0;
    }
}
/* sm styles */
@media only screen and (min-width: 768px) {
    #home-page .tabs {
        margin-top: -44px;
    }

        #home-page .tabs .nav-tabs a {
            font-size: 18px;
        }

    #home-page .nav-justified {
        margin: 0 0 0 150px;
    }

    #home-page .content-row1 {
        height: 620px;
    }

        #home-page .content-row1 h2 {
            margin: 55px 0 0;
        }

    #home-page .content-row2 .panel-body p {
        min-height: 3em;
    }

    #home-page .content-row3 img {
        width: 120%;
    }

    #home-page .content-row3 h2 {
        margin: 55px 0 0;
    }

    #home-page .content-row4 {
        margin: -35px -15px 0;
        background-color: #74b34d;
        padding: 50px 0 50px;
    }
}
/* xs styles */
@media only screen and (max-width: 767px) {
    .content-row0 .col-md-8 .btn-block {
        margin-top: 10px;
    }

    #home-page .content-row1 {
        height: auto;
    }

        #home-page .content-row1 h2 {
            margin: 20px 0 0;
        }

    #home-page .content-row2 {
        padding: 20px 0 0 0;
    }

    #home-page .content-row3 h2 {
        margin: 0px 0 0;
    }

    #home-page .content-row3 img {
        width: 80%;
        margin: 0 10%;
        position: relative;
    }

    #home-page content-row3,
    #home-page .content-row4 {
        margin: -30px -15px 0;
        padding: 20px 0 40px;
    }
}