﻿.primary-box {
    border: #112e51 thin;
    background-color: #d6d7d9;
    color: #212121;
}

    .primary-box p {
        padding: 0.75em !important
    }
.usa-hero {background: none !important}

.nsec-banner {
    background-image: url('/ndemu/_assets/_img/NSEC_layover_n.png');
    background-position: center;
    background-color: #fff;
    background-size: cover;
}
.nsec-banner.l1 {
    background-image: url('/ndemu/_assets/_img/nsec_layover_n_l1.png');
}
    .nsec-banner.l2 {
        background-image: url('/ndemu/_assets/_img/nsec_layover_n_l2.png');
    }
    .nsec-banner.l3 {
        background-image: url('/ndemu/_assets/_img/nsec_layover_n_l3.png');
    }
    .nsec-banner.l4 {
        background-image: url('/ndemu/_assets/_img/nsec_layover_n_l4.png');
    }

.ppp-banner {
    background-image: url('/ndemu/_assets/_img/ppp_layover_n.png');
    background-position: center;
    background-color: #fff;
    background-size: cover;
}
.ttt-banner {
    background-image: url('/ndemu/_assets/_img/TtT_layover.png');
    background-position: top;
    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 {
    font-weight: 600 !important;
}
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:-11rem !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;
    }
}


@media screen and (max-width: 950px) {
    .ppp-banner, .nsec-banner {
        background-image: none;
        padding-top: 0rem
    }

        .ppp-banner > .usa-section, .nsec-banner > .usa-section {
            padding: 0px;
        }

    .dsk-only {
        display: none;
    }

    .mob-only {
        display: contents;
    }
}

@media screen and (max-width: 1024px) {
    .header-main-nav {
        display: none;
    }

    .header-mobile-nav {
        display: contents;
    }
}
