/*---------------- Global ------------------------*/

a:focus {
    outline: dotted;
    color: #a41724;
}

a:hover,
a:active {
    outline: 0;
    color: #a41724;
}

.dma-full-width .skin-header-background {
background-color: #232c48!important;
}
/*---start criteria 1.4.1--- 1/28/25 LM */

blockquote {
    color: #333333!important;
}

.breadcrumb .active {
    color: #333333!important;
}

.lighttext {
    color: #333333!important;
}

.EventDay {
    color: #000000!important;
}


/*---end criteria 1.4.1--- 1/28/25 LM */

.dma-full-width #content {
    padding-top: 0px!important;
}

.screen a {
    display: contents;
    text-decoration: none;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

* {
    box-sizing: border-box;
}

.otnav ul ul,
.otnav ul li a,
.otnav ul li a:hover,
.otnav ul li:hover {
    background-color: #ffffff!important;
}

.otnav li a {
    background-color: #ffffff!important;
}

.otnav li a:hover {
    color: #f2a022!important;
    background-color: #ffffff!important;
}

.otnav li a:visited {
    color: #2f3c61!important;
    background-color: #ffffff!important;
}

.newtextsection2 {
    margin-top: 8rem;
}

#dnn_ctr122036_ModuleContent>div.DVIDSVideo>article>h1 {
    padding-left: 4rem!important;
}

#dnn_ctr122036_ModuleContent>div.DVIDSVideo>article>ul.meta {
    padding-left: 4rem!important;
}

#dnn_ctr122036_ModuleContent>div.DVIDSVideo>article>p {
    padding-left: 4rem!important;
}

#dnn_ctr122849_ModuleContent {
    margin: 4rem;
}

.adetail.news .info .line:first-child {
    font-size: 28px;
}


/*------------------ typography -------------------*/

.fw-bold {
    font-weight: 800;
}

.darktext {
    color: #232c48;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a.darktext {
    color: #232c48;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a.darktext:hover {
    color: #f2a022;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a.darktext h3 {
    color: #232c48;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a.darktext h3:hover {
    color: #f2a022;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.litetext {
    color: #f4f4f4;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a.litetext {
    color: #f4f4f4;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a.litetext:hover {
    color: #f2a022;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.padding-md {
    padding: 0 1rem 0 1rem;
}

.pr-15 {
    padding-right: 1.5rem;
}

.pr-25 {
    padding-left: 4.5rem;
}

.pl-15 {
    padding-left: 1.5rem;
}

.pt-25 {
    padding-top: 2.5rem;
}

.pt-75 {
    padding-top: 7.5rem;
}

.pb-45 {
    padding-bottom: 4.5rem;
}

.smalltext {
    font-size: 1rem;
}

.largetext {
    font-size: 5rem;
    margin-top: -1rem;
}

.rectangle {
    height: 14px;
    width: 240px;
    margin: 0 auto;
    background-color: #f2a022;
    padding: 1rem;
}

a.btn-dtra {
    background-color: #232c48;
    color: #ffffff;
    padding: 1rem;
}


/*--------------- Mission Section  --------------------*/

.missionsection {
    width: 100%;
    background-image: url(/Portals/125/Images/img/dtra-missionBG2.png);
    background-size: cover;
    background-position: top right;
    margin: 0 auto;
    padding-bottom: 20rem!important;
    /*lisa changed to fix mission section 7/5/2024 from 30rem to 20rem */
    margin-top: 0;
    display: block;
}

.titlecontainer {
    margin: 1rem auto;
}

a.tiredofthistitle {
    top: 1rem;
    font-size: 8rem!important;
    /* Lisa changed to 8 REM even though 45px was the original intent 7/5/2024 */
    color: #ffffff!important;
    text-shadow: 5px 5px 10px black;
    padding: 2rem 1rem 1.3rem 1rem !important;
    position: relative;
}

a.tiredofthistitle:hover {
    top: 1rem;
    font-size: 8rem!important;
    /* Lisa changed to 8 REM even though 45px was the original intent 7/5/2024 */
    color: #f2a022!important;
    text-shadow: 5px 5px 10px black;
    padding: 2rem 1rem 1.3rem 1rem !important;
    position: relative;
}

h3.missionsubtitle {
    font-size: 7.6rem!important;
    color: #ffffff!important;
    text-shadow: 5px 5px 10px black;
}

p.missiontext {
    font-size: 2.5rem;
    color: #ffffff!important;
    position: relative;
    text-align: center;
    animation: slide 1.5s ease forwards 3s;
}


/*---------- announcements ---------------------------------*/

.announcementwrapper {
    margin: 0 auto;
    width: 100%;
    background-color: #BF0606;
    color: #fff;
}

a.announcetext {
    font-size: 3rem;
    color: #fff!important;
}

a.announcetext:hover {
    font-size: 3rem;
    color: #dfdfdf!important;
}


/*---------------------------------- AFPIMS Twitter Slideshow Module -------------------------------*/

.SlideshowFeedMain {
    background-image: url(/portals/125/Images/img/twitterboximgbg-1x-png-1x-png@1x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin: 0 auto;
}

.SlideshowFeedMain .SlideshowFeed.container.padding60 {
    padding-left: 0;
    margin-left: -16rem;
}


/*------------------- new slider  -----------------------*/

.top-rotator .slideCaption {
    display: none;
}

.slideContainer.slideText.slideTitle a {
    color: #fff;
    font-size: 4rem;
    padding-top: 40px;
}

.slideContainer.slideText.slideTitle a:hover {
    color: #fff;
    font-size: 4rem;
    padding-top: 40px;
}

.slideContainer.slideText.slideTitle a:active {
    color: #fff;
    font-size: 4rem;
    padding-top: 40px;
}

.slideContainer.slideText.slideTitle a:visited {
    color: #fff;
    font-size: 4rem;
    padding-top: 40px;
}

.top-rotator-2 .split-right {
    background-color: #232c48;
    color: #ffffff;
}

.top-rotator-2 .slideContainer {
    background-color: #232c48;
    margin-bottom: -40px;
}

#dnn_ctr123970_ModuleContent>div>div.slideContainer>div.pagerContainer {
    display: none;
}


/*-------------------slider discontinued -----------------------*/

.dod2_rotate {
    background-color: #232c48!important;
    background-image: url(background.png);
    background-size: auto 100%;
    width: 100%;
    overflow: hidden;
    display: block;
}

.dod2_img {
    float: left!important;
}

.dod2_title {
    font-size: 5rem;
    color: #fff;
    padding-top: 70px;
    margin-top: 4rem;
    margin-right: 1.2rem;
    padding-bottom: 15px;
}

#dod2_rotate-gallery-121831 {
    margin: -2rem -2rem -2rem;
}

.caroufredsel_wrapper {
    margin: 0px 0px -58px;
}

.bulletedlinks {
    list-style: circle;
    font-size: 2rem!important;
}

a.dod2_button {
    background: url(buttonback.gif) repeat-x scroll left center #1C3F65;
    border: 1px solid #B2C5D4;
    display: inline-block;
    color: white;
    font-size: 2rem!important;
    font-weight: bold;
    padding: 1.3rem!important;
    margin-top: 3px;
    text-align: center;
    text-decoration: none;
}

.rotatepagination {
    display: none;
}

.centertext {
    text-align: center;
}


/*------------------- spotlight -----------------------*/

#dnn_ctr122264_ContentPane {
    padding: 1rem 8.5rem;
}

#dnn_ctr122264_ContentPane .dod2_rotate {
    background-color: #f4f4f4!important;
}

#dnn_ctr122264_ContentPane .caroufredsel_wrapper {
    margin: 0px 0px -58px;
    height: 64rem;
}

#dnn_ctr122264_ContentPane .dod2_title {
    font-size: 5rem;
    color: #232c48;
    padding-top: 70px;
    margin-top: 4rem;
    padding-left: 1.2rem;
    margin-right: 1.2rem;
    padding-bottom: 15px;
}

.bd-example {
    padding: 1rem 26rem;
}

.spotlighttitle {
    margin: 1rem -10rem;
}

.spotlightimg {
    width: 50%;
    margin: 0 auto;
}

button.btn-dtra {
    background-color: #232c48;
    color: #ffffff;
}


/*--------------- Media Queries -----------------*/

@media screen and (min-width: 1128px) and (max-width: 1280px) {
    .dod2_title {
        font-size: 3rem;
        padding-top: 0;
        margin-top: 4rem;
    }
    .dash-top-stories-card .storyEach .storyCopy .wraptxt {
        max-height: 505px;
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) and (max-width: 1127px) {
    /*----homeslider-----*/
    .dod2_title {
        font-size: 30px!important;
        padding-top: 0;
        margin-top: 0rem;
    }
    a.dod2_button {
        font-size: 3rem!important;
    }
    .SlideshowFeedMain {
        background-image: none ! important;
    }
    .SlideshowFeedMain .SlideshowFeed.container.padding60 {
        padding-left: 0;
        margin-left: 0;
    }
    .spotlightimg {
        width: 100%;
        margin: 0 auto;
    }
    .bd-example {
        padding: 1rem 1rem;
    }
    a.announcetext h2 {
        font-size: 2rem;
        color: #fff!important;
    }
    a.announcetext h2:hover {
        font-size: 2rem;
        color: #dfdfdf!important;
    }
    .announcementwrapper {
        padding: 0 1.5rem;
        margin: 0px auto;
    }
}

@media screen and (max-width: 420px) {
    .dod2_title {
        font-size: 40px!important;
    }
    a.tiredofthistitle {
        font-size: 6rem!important;
        color: #ffffff!important;
    }
    a.tiredofthistitle:hover {
        font-size: 6rem!important;
    }
    h3.missionsubtitle {
        left: 3rem;
    }
    .qlbtnimg-1 a.litetext {
        font-size: 4rem;
    }
    .qlbtnimg-2 a.litetext {
        font-size: 4rem;
    }
    a.mob-litetext {
        font-size: 19px;
    }
    a.mob-litetext {
        font-size: 19px;
    }
    .SlideshowFeedMain {
        background-image: none ! important;
    }
    .SlideshowFeedMain .SlideshowFeed.container.padding60 {
        padding-left: 0;
        margin-left: 0;
    }
    .spotlightimg {
        width: 100%;
        margin: 0 auto;
    }
    .bd-example {
        padding: 1rem 1rem;
    }
    .largetext {
        font-size: 2rem;
        margin-top: -1rem;
    }
    .rectangle {
        height: 14px;
        width: 60px;
        margin: 0 auto;
        background-color: #f2a022;
        padding: 1rem;
    }
    a.announcetext h2 {
        font-size: 1rem!important;
        color: #fff!important;
    }
    a.announcetext h2:hover {
        font-size: 1rem!important;
        color: #dfdfdf!important;
    }
    .announcementwrapper {
        padding: 0 1.5rem;
        margin: 0px auto;
    }
}