﻿
/*#region General Styling */
/*NHLRC*/

html {
    font-family: "proxima-nova",sans-serif;
}


body {
    font-family: "proxima-nova",sans-serif;
    color: #515151;
    background:#fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova",sans-serif;
}

h1 {
    color: #1B4889;
}

h2 {
}

h3 {
    color: #004c6a;
}

h5 {
    color: #333;
}

h6 {
    color: #666666;
}

a {
    color: #1B4889;
    text-decoration: underline;
}

    a:hover {
        color: #00A5E5;
        text-decoration: underline;
    }

    a[href$=".pdf"] {
        padding-right: 25px;
        background: url(/masterpages/img/icon_pdf.png) no-repeat right center;
    }

    a.no-pdf-icon[href$=".pdf"] {
        background-image: none;
    }

p {
    margin-bottom: 10px;
}

.noFloat {
    float: none !important;
}
/*#endregion */


/*#region Header Styling */

#header {
    background-color: #1B4889;
    padding: 25px 0 0 0;
}

ul.nav {
    display: inline-block;
    margin-left: 0;
    margin-top: 17px;
    margin-bottom: 10px;
}

    ul.nav li {
        display: inline-block;  
        margin: 0 20px 0 20px;
    }

        ul.nav li a {
            font-size: .9em;
            text-decoration: none;
            text-transform: uppercase;
            color: white;
        }

            ul.nav li a:hover {
                border-bottom: 2px solid #00A5E5;
            }


    img.logo {
        margin-top: 10px;
        margin-bottom: 15px;
        max-height: 50px;
    }

    .donateButton {
        float: right;
        margin-top: 5px;
        color: white;
        background-color: #00A5E5;
        padding: 5px 15px;
        border-radius: 15px;
        text-decoration: none;
    }

        .donateButton:hover {
            color: white;
            background-color: #04a0d8;
        }

    #rowMobile .donateButton {
        float: none;
        vertical-align: top;
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
    }

    #rowMobile #googleCustomSearch {
        float: none;
        display: inline-block;
        margin-top: 0;
    }

    #rowMobile .media {
        float: none;
        vertical-align: top;
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
    }
    /*#endregion */

    /*#region Google Custom Search (GCSE) Styling */

    .gsc-search-button.gsc-search-button-v2 {
        height: initial;
        width: initial;
        border: none;
        background: none;
        padding: 0 0 0 5px;
    }

        .gsc-search-button.gsc-search-button-v2:hover {
            background: none;
        }

    #googleCustomSearch {
        max-width: 200px;
        float: right;
        margin-top: 15px;
        margin-right: 15px;
    }

    .gsc-input, .gsc-search-box-tools .gsc-search-box .gsc-input {
        padding-right: 0 !important;
        box-shadow: none;
    }

    .gsc-search-button {
    }

    .gsc-control-cse.gsc-control-cse-en {
        background-color: transparent;
        border: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .gsc-input-box {
        border: 0;
        border-radius: 25px;
    }

    #gs_cb50 {
        vertical-align: middle;
    }
    /*#endregion */

    /*#region Body Styling */

    #bodyRow {
        margin-top: 20px;
    }

        #bodyRow .homePageAbstract {
            margin-top: 0;
            margin-bottom: 40px;
        }

    .homePageAbstract {
        margin-top: 55px;
        color: #545454;
        font-size: 1.2em;
        margin-bottom: 10px;
    }

    @media only screen and (max-width: 1100px) {
        .homePageAbstract {
            padding: 0 15px;
        }
    }

    .homePageRow {
        margin-top: 30px !important;
        padding-top: 20px;
        border-top: 2px solid #BEBEBE;
    }

        .homePageRow:first-child {
            margin-top: 0 !important;
        }

    img.homePageListImage {
        margin-bottom: 15px;
    }

    h4.homePageHeader {
        text-transform: uppercase;
        color: #065390;
        font-weight: bold;
        font-size: 1.4em;
        margin-bottom: 15px;
    }

    a.homePageReadMore {
        color: #065390;
        font-size: .9em;
        font-weight: bold;
        float: right;
        text-decoration: none;
    }

        a.homePageReadMore:hover {
            color: #00A5E5;
        }

    a.homePageTitleLink {
        color: black;
        font-weight: bold;
    }

        a.homePageTitleLink:hover {
            color: #00A5E5;
        }

    p.homePageDateTime, p.homePageNewsAbstract {
        color: #545454;
        margin-top: 5px
    }

    .homePagePodcast {
        margin-bottom: 30px;
    }

        .homePagePodcast img {
            margin-right: 10px;
            float: left;
        }

        .homePagePodcast a {
        }

    table.calendarTableStyle tbody tr td {
        text-align: center;
    }

    .listTitle {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .listDisplay a {
        font-size: 1.3em;
        color: black;
        text-decoration: none;
    }

        .listDisplay a.sideColumn {
            font-size: 1.1em;
        }

        .listDisplay a:hover {
            color: #00A5E5;
        }

    .listDisplay img {
        width: 100%;
    }

        .listDisplay img.sideColumn {
            margin: 10px 0 5px 0;
        }

    .listDisplay .date {
        font-size: .8em;
        font-style: italic;
        color: #727272;
    }

    .people-list li {
        margin-bottom: 15px;
    }

    h4.staffName {
        font-weight: 700;
        color: #1B4889;
        margin-bottom: 0;
    }
    /*#endregion */


    /*#region Misc Pages Menu/Display Styling */
    #pagesLeftContent {
        text-align: right;
        border-right: 2px solid #1B4889;
    }

        #pagesLeftContent div {
            margin-bottom: 15px;
            margin-right: 30px;
        }

            #pagesLeftContent div a {
                font-weight: bold;
                font-size: 1.3em;
                text-decoration: none;
            }

            #pagesLeftContent div.selected {
                margin-right: 0;
                padding-right: 30px;
                background-color: #1B4889;
            }

                #pagesLeftContent div.selected a {
                    color: white;
                }

    #pagesRightContent div.unselected {
        display: none;
    }

    #pagesRightContent div.selected {
        display: block;
    }

    #pagesRightContent div p {
        line-height: 2em;
    }

    #pagesRightContent div h2 {
        margin-top: 20px;
    }

        #pagesRightContent div h2.listTitle {
            margin-top: 0;
        }

    #pagesRightContent div a {
        font-weight: bold;
    }

    #pagesRightContent a.subPageReadMore {
        text-decoration: none;
    }
    /*#endregion */

    /*#region Breadcrumbs Styling */

    ul.breadcrumbs {
        border: none;
        background-color: white;
        padding-left: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 35px;
    }

        ul.breadcrumbs.withBanner {
            margin-top: 0;
        }

        ul.breadcrumbs li {
            color: #545454;
        }

            ul.breadcrumbs li a {
                text-decoration: none;
                color: #545454;
            }

    .breadcrumbsLink, .breadcrumbsLink:visited {
        color: black;
        font-size: .8em;
        font-weight: normal;
    }

    ul.breadcrumbs li a:hover {
        color: #00A5E5;
    }
    /*#endregion */

    /*#region Footer Styling */
    #footer {
        background-color: #1B4889;
        color: white;
        font-size: .9em;
        margin-top: 25px;
    }

        #footer a {
            /*color: white;
        text-decoration: none;*/
        }

            #footer a:hover {
                text-decoration: underline;
            }

        #footer p {
            margin-bottom: 0;
        }

    .footer-address {
        margin-bottom: 10px;
    }

    .regents {
        font-size: .8em;
    }

    ul#socialMediaIcons {
        list-style: none;
    }

        ul#socialMediaIcons li {
            display: inline-block;
            margin: 0 5px;
        }

    p#joinEmailList {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
    }

    #ctl00_newsletter1_EmailValueValidator {
        display: none;
    }

    #ctl00_newsletter1_submitButtonNewsletter {
        text-transform: uppercase;
        background-color: white;
        padding: 5px 10px;
        border: 0;
        float: right;
        margin-top: 5px;
        margin-right: 2px;
    }

    /*.newsletterSubmit {
              background: white;
              border: none;
              color: #333333;
              padding: 5px 10px;
              font-weight: bold;
            }
                .newsletterSubmit:hover {
                opacity:.7;
                }*/
    /*#endregion */

    /*#region Slider Styling */
    #full-width-slider {
        width: 100%;
    }

    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 337px !important;
    }

@media only screen and (max-width: 900px) {
    .rsOverflow{
        max-width: 900px !important;
    }
}

    .royalSlider {
        visibility: hidden;
    }

    .rsDefaultInv .rsBullet {
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0 10px;
        margin-top: 5px;
    }

        .rsDefaultInv .rsBullet span {
            width: 15px;
            height: 15px;
        }

        .rsDefaultInv .rsBullet.rsNavSelected span {
            background-color: #1B4889;
        }

    .topImageCaption h5 {
        text-align: right;
        color: black;
        font-size: .9em;
        font-style: italic;
    }
    /*#endregion */

    /*#region Paging Styling */
    .digg-pages .current {
        border: 1px solid #1B4889 !important;
        background: #1B4889 !important;
    }

    .digg-pages a {
        border: 1px solid #4175bf !important;
    }

    .digg-pages table tbody tr td:first-child {
        padding-left: 0.5rem !important;
    }

    /*#endregion */

    /*#region Tabs Styling */
    @media only screen and (min-width: 40.063em) {
        .tabs.vertical {
            border-right: 1px solid #999999;
            width: 30%;
            max-width: 30%;
            margin-right: 20px;
        }
    }

    .tabs-content > .content {
        padding-top: 0;
    }

    .tabs.vertical .tab-title {
        text-align: right;
    }

    .tabs .tab-title > a {
        background-color: #ffffff;
        color: #1b4889;
        padding: .5em;
    }

    .tabs .tab-title.active > a {
        background-color: #EFEFEF;
        color: #1b4889;
        padding: .5em;
    }
    /*#endregion*/

    /*#region Display Pages Styling */

    #displayBodyRow {
        margin-top: 10px;
    }

    .articleContent .photoCaption {
        font-size: .9em;
        font-style: italic;
        display: block;
    }

    .articleContent h3, .eventContent h3 {
        color: #1B4889;
    }

    .eventContent h2.pageHeader {
        margin-bottom: 0;
    }

    p.abstract {
        color: #1B4889;
        font-size: 1.3em;
        font-weight: bold;
    }

    .storyPullQuote {
        width: 35%;
        float: right;
        display: block;
        font-size: 1.4em;
        line-height: 1.25;
        font-style: italic;
        color: #5996ad;
        border-top: 2px solid #e3e5e4;
        border-bottom: 2px solid #e3e5e4;
        margin: 1.5em 10px;
        padding: 0.5em 10px;
        /*quotes: "\201C""\201D""\2018""\2019";*/
    }

    p.storyPullQuote:before {
        color: #ccc;
        /*content: open-quote;*/
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    .storyPullQuote {
        width: 35%;
        float: right;
        display: block;
        font-size: 1.4em;
        line-height: 1.25;
        font-style: italic;
        color: #5996ad;
        border-top: 2px solid #e3e5e4;
        border-bottom: 2px solid #e3e5e4;
        margin: 1.5em 10px;
        padding: 0.5em 10px;
        /*quotes: "\201C""\201D""\2018""\2019";*/
    }

    p.storyPullQuote:before {
        color: #ccc;
        /*content: open-quote;*/
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    /*#endregion */



    ul.footerBranding {
        margin-top: 15px;
        margin-bottom: 5px;
        margin-left: 0;
        /*font-size:1.5em;*/
    }

        ul.footerBranding li {
            display: inline;
            margin-left: 2px;
        }

            ul.footerBranding li a {
                color: white;
                text-decoration: none;
            }

                ul.footerBranding li a:hover {
                    color: #858585;
                }

            ul.footerBranding li:after {
                content: "•";
                margin-left: 6px;
            }

            ul.footerBranding li:last-of-type:after {
                content: none;
            }
    /*ul.footerBrandingBottom li a {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 0;
    font-size: 14px !important;
    font-family: sans-serif !important;
    text-decoration: none !important;
}*/
