/* FSM New Design */
.landing-page .hero .hero-image {
    height: 400px;
}
.landing-page .hero .hero-image h2 {
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 1rem;
}
.landing-page .hero .hero-image h2:before, 
.landing-page .hero .hero-image h2:after {
    content: initial;
}
.landing-page .hero .hero-image p {
    font-size: 21px;
    letter-spacing: .03em;
}
.landing-page h4,
.landing-page .content p.subhead {
    font-family: "Open Sans", sans-serif;
}
.landing-page .news h4, .landing-page .events h4 {
    border: none;
}
#tab-content {
    background: #ededed;
    border-bottom: 3px solid #ededed;
}
#tab-content table.dataTable thead th {
    background-color: #514689;
}
#tab-content div[role='tabpanel'] {
    padding-top: 1em;
}
.landing-page .three-column-links h4 {
    font-size: 26px;
    font-weight: 200;
    color: #716c6b;
    border-bottom: 6px solid #d4d5d6;
    text-transform: none;
    padding-bottom: .2rem;
    margin-bottom: 0;
}
.landing-page .three-column-links article {
    border-bottom: 4px solid #d4d5d6;
}
.landing-page .news-event h5 {
    line-height: 1.15em;
}
.landing-page .events p {
    font-style: italic;
}
.landing-page .events p.eventDate {
    line-height: 1em;
}
.landing-page .events p.link { 
    font-style: normal;
}
.content em, .content i, .content-full em, .content-full i {
    font-style: italic;
}
.content i.fa {
    font-style: normal;
}
#homepageContent .landing-page .three-column-links article {
    padding-top: 1em;
}
.landing-page .three-column-links article.audience {
    background: #f1f1ff;
    border-bottom: 4px solid #938fc3;
}
.landing-page .three-column-links article.audience h4 {
    padding-left: 20px;
    color: #7571b0;
    border-bottom: 6px solid #938fc3;
}
.landing-page .three-column-links article.audience ul {
    padding-left:20px;
}
#NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link,
.landing-page .hero .hero-image h2 {
    font-family: "Open Sans", sans-serif;
}
/*--------------- Carolyns' tweaks for index4 on ruebert ---------------*/
.landing-page .alternate-photo-float h4 {
    font-weight: 400;
}
.landing-page .alternate-photo-float .text ul li  {
    font-size: 18px;
}
/* Statistics */
.statsContainer {
    float: left;
    width: 100%;
}
.statBlock {
    float: left;
    width: 100%;
    text-align: center;
}
.statBlock .stat-big-number {
    font-size: 3em;
    color: #514689 !important;
    margin: 0 !important;
}
/* Accordion */
#accordion > h3 {
    padding: 10px .5em 10px .5em;
    border: 1px solid #999;
    background: #efefef;
    margin-top: 3px;
}
#accordion > h3:hover {
    cursor: pointer;
    background: #fff;
}
#accordion > h3 .blurb {
    padding-left: 1.4em;
    font-size: .8em;
    margin-top: 5px;
}
#accordion .accordContent {
    padding: 1em 2.2em;
    border: 1px solid #999;
    border-top: none;
}
#accordion .accordContent ul li a {
    word-wrap: break-word;
}
@media screen and (min-width: 481px) {
    .landing-page .hero .hero-image h2 {
        font-size: 35px;
    }
}
@media screen and (min-width: 768px) {
    /* FSM New Design */
    .landing-page .hero .hero-image h2 {
        font-size: 45px;
    }
    .landing-page .hero .hero-image p {
        font-size: 24px;
    }
    #headerWrapper {
        width: 100%;
        margin: 0 auto;
        background: #514689;
    }
    #footerWrapper {
        max-width: 1232px;
        margin: 0 auto;
        background: #514689;
    }
    .statBlock {
        width: 45%;
        margin: 2%;
    }
    /* Top Menu */
    header#nav {
        background: #7571b0;
    }
    /* Top Menu */
    #topNav {
        background: #7571b0;
        height: 42px;
    }
    #mega {
        margin-left:0;
    }
    #mega>li:hover, #mega .sub , #mega>li:hover>a, #mega li .sub {
        box-shadow: none;
    }
    #mega li a, #mega li a:hover {
        color: #fff;
        font-size: 1.2em;
        padding: 10px;
        font-weight: 200;
    }
    #mega li a.current, #mega li:hover a, #mega li a:hover {
        color: #7571b0;
        font-weight: 200;
    }
    #mega li a.current:hover {
        padding-top: 14px;
    }
    #mega li a i.fa{
        margin-left: 10px;
    }
    #mega li .sub {
        border: none;
        border-top: 4px solid #fff;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        top: 42px;
    }
    #mega li .sub, #mega li .sub ul li a {
        background-color: #7571b0;
        color: #fff;
    }
    #mega li .sub ul li a {
        opacity: .8;
    }
    #mega li .sub ul li a:hover {
        background: none;
        color: #fff;
        opacity: 1;
        text-decoration: none;
    }
    #mega .sub .intro {
        padding: .8em;
        border-bottom: 1px solid #ccc;
        font-weight: 200;
    }
    #mega .sub .topMenuButton, #mega .topMenuSearch {
        clear: left;
        padding: 10px .8em;
    }
    #mega .sub .topMenuButton {
        text-align: center;
    }
    #mega .sub .topMenuButton a {
        float: none;
        border: none;
        color:#fff;
        text-transform: uppercase;
        background: #514689;
        opacity: .8;
        font-size: 1em;
        font-weight: 800;
    }
    #mega .sub .topMenuButton a:hover {
        opacity: 1;
    }
    #mega .topMenuSearch form {
        padding: 10px 20px;
        background: #514689;
    }
    #mega .topMenuSearch .search_box label {
        margin-right: 10px;
    }
    #mega .topMenuSearch .search_box input {
        font-style: italic;
    }
}
@media screen and (min-width: 1000px) {
    .statBlock {
        width: 30%;
        margin: 1%;
    }
}
@media screen and (min-width: 1200px) {
    #mega li a, #mega li a:hover {
        font-size: 1.4em;
        padding: 10px 20px;
    }
}