﻿.primary-box {
    border: #112e51 thin;
    background-color: #d6d7d9;
    color: #212121;
}

    .primary-box p {
        padding: 0.75em !important
    }
.usa-hero {background: none !important}

.usa-prose.prose-175 {
    line-height: 1.75;
}

.ndemu-background-image {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-image: url("/ndemu/_assets/_img/ndemu-banner.jpeg");
    background-position: center;
    background-size: cover;
    color: white;
}
.ndemu-news-image {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-image: url("/ndemu/_assets/_img/ndemu-concept.jpg");
    background-position: top;
    background-size: cover;
    color: white;
}
.ndemu-schools-image {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-image: url("/ndemu/_assets/_img/ndemu-schools-banner.jpeg");
    background-position: center;
    background-size: cover;
    color: white;
}
.ndemu-programs-image {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-image: url("/ndemu/_assets/_img/test/test10.jpeg");
    background-position: center;
    background-size: cover;
    color: white;
}
.ndemu-start-image {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-image: url("/ndemu/_assets/_img/test/test2.jpeg");
    background-position: bottom;
    background-size: cover;
    color: white;
}
.ndemu-more-image {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-image: url("/ndemu/_assets/_img/test/test4.jpeg");
    background-position: top;
    background-size: cover;
    color: white;
}
.bg-emi-vert {
    background-image: url("/ndemu/_assets/_img/fema-ndemu-logo-emi-vert.svg");
}
.bg-sodl-vert {
    background-image: url("/ndemu/_assets/_img/fema-ndemu-logo-sodl-vert.svg");
}
.bg-sonr-vert {
    background-image: url("/ndemu/_assets/_img/fema-ndemu-logo-sonr-vert.svg");
}
.school-card-image {
    background-size: 31em;
    background-position: center;
    background-position-x: -13.25em;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
.school-icon {
    overflow: hidden;
    margin-top: 0em;
}
.school-image {

    margin-top: 0em;
    height: 11em;
}

.program-cards{
    font-size: 4rem;
}
.program-cards-clear {
    font-size: 0rem;
    display: none;
}
  

.ndemu__callout {
    background-color: rgba(0,82,135,.8);
    padding: 2rem;
}
.ndemu-logo {width: 25rem;}

.ndemu-logo-full-org {
    outline: #85b063;
    outline-style: solid;
    outline-width: 3.5px;
    border-radius: 50%;
}

.ndemu-banner-logo-full {
    background-image: url("/ndemu/_assets/_img/fema-ndemu-logo-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20em;
}

.ndemu-logo-full {
    background-image: url("/ndemu/_assets/_img/fema-ndemu-logo-vert-white.svg");
    background-position: -12em;
    background-repeat: no-repeat;
    background-size: 26em;
}
.ndemu-banner-logo-full-lg {
    background-image: url("/ndemu/_assets/_img/fema-ndemu-logo-white.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 45em;
    height: 12em;
}

.ndemu-site-preview-heading {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important;
    font-size: .88rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
    margin-top: 2rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    color: #757575;
}
.font-weight-700 {
    font-weight: 700 !important;
}

.usa-footer__logo .emi-logo-img img {
    width:33rem !important;
}

.nps-banner {
    background-image: url('/ndemu/curriculum/nsec/_assets/_img/nps_layover.png');
    background-position: center;
    background-color: #fff;
    background-size: cover;
}
.distance__callout {
    max-width: none;
}
.usa-footer-primary-link {
    cursor: pointer !important;
}
.newlist h2 {
    font-size: 1.95rem;
}

.dsk-graph{
    border-radius:0.75rem;
}
.tri-background {
    background-image: url(../_img/nsec_background.svg);
    background-position: left;
    background-repeat: no-repeat;
}

.tri-container.tri-background {
    height: 30rem;
    width: 60rem;
}

.tri-row.grid-row {
    height: 7.5rem;
}

.tri-row.grid-row > div > p {
        line-height: 1.25rem;
}

.l4-tab {
    position: relative;
    top: 0rem;
    right: -12.5rem;
    text-align: center;
    width: 8rem;
}

p.l4-text {
    position: relative;
    top: 3.5rem;
}

.l4-block {
    position: relative;
    left: 15rem;
}

p.l4-block-text {
    position: relative;
    top: 2.1rem;    
}
.l3-tab {
    position: relative;
    top: 0rem;
    right: -12.5rem;
    text-align: center;
    width: 9rem;
}

p.l3-text {
    position: relative;
    top: 2.25rem;
}

.l3-block {
    position: relative;
    left: 19.25rem;
}

p.l3-block-text {
    position: relative;
    top: 0.25rem;
    line-height: 1.25rem;
}
.l2-tab {
    position: relative;
    top: 0rem;
    right: -11.5rem;
    text-align: center;
    width: 11rem;
}

p.l2-text {
    position: relative;
    top: 1.8rem;
}

.l2-block {
    position: relative;
    left: 21rem;
}

p.l2-block-text {
    position: relative;
    top: 1rem;    
}
.l1-tab {
    position: relative;
    top: 0rem;
    right: -10.5rem;
    text-align: center;
    width: 13.5rem;
}

p.l1-text {
    position: relative;
    top: 1.25rem;
}

.l1-block {
    position: relative;
    left: 23rem;
}

p.l1-block-text {
    position: relative;
    top: 0.75rem;    
}

a.level-link:hover, a.level-link:focus {
    font-weight: 600 !important;

}

.mobile-drawers > .usa-accordion > h4:nth-of-type(1) > button {
    background-color: #c8d4e6;
}
.mobile-drawers > .usa-accordion > h4:nth-of-type(2) > button {
    background-color: #dfe9d5;
}
.mobile-drawers > .usa-accordion > h4:nth-of-type(3) > button {
    background-color: #f3d5cd;
}
.mobile-drawers > .usa-accordion > h4:nth-of-type(4) > button {
    background-color: #e3e4e5;
}
.mobile-drawers.grid-col-12 {
    background-color: white;
    padding: 0.75rem;
    border-radius: 15px;
}
.mob-only {display:none}
.header-mobile-nav {
    display: none
}

.aside-main-nav {
    top:-17rem !important;
}
.side-heading{
    clear:none !important;
}
.mobile-head{
    display:none;
}


@media screen and (max-width: 640px) {
    .aside-main-nav {
        display: none;
    }
    .mobile-head {
        display: contents;
    }
    .desktop-head {
        display: none;
    }
    .usa-footer__logo .emi-logo-img img {
        width: 25rem !important;
    }
}


@media screen and (max-width: 950px) {
    .mobile-banner {
        background-image: none;
        padding-top: 0rem;
    }
        .mobile-banner > .usa-section {
            padding: 0px;
        }
    .ndemu-background-image-org {
        background-image: none;
        padding-top: 0rem
    }

        .ndemu-background-image-org > .usa-section {
            padding: 0px;
        }
    .ndemu-schools-image-org {
        background-image: none;
        padding-top: 0rem
    }

    .ndemu-schools-image-org > .usa-section {
        padding: 0px;
    }
    

    .school-logo-banner {
        display: none;
    }

    .mob-only {
        display: contents;
    }
}

@media screen and (max-width: 1024px) {
    .header-main-nav {
        display: none;
    }

    .header-mobile-nav {
        display: contents;
    }
}
