/* Restore the native AirForce3 footer layout used by the Space Force reference sites. */
body #footer-main {
  padding: 2rem 30px 0 !important;
}
body #footer-main-inner {
  display: flex !important;
  flex-flow: column !important;
  align-items: normal !important;
  width: auto !important;
  max-width: 1850px !important;
  margin: 0 auto !important;
  gap: normal !important;
}
body #footer-main .footer-links1,
body #footer-main .footer-links2,
body #footer-main .subscribe {
  min-width: auto !important;
}
body #footer-main .footer-links1 ul,
body #footer-main .footer-links2 ul {
  margin-top: 0 !important;
  gap: normal !important;
}
body #footer-main .footer-links1 a,
body #footer-main .footer-links2 a {
  line-height: inherit !important;
}
@media (min-width: 992px) {
  body #footer-main {
    padding: 1rem !important;
  }
  body #footer-main-inner {
    flex-flow: row !important;
  }
  body #footer-main nav.footer-links1 {
    flex: 1 1 0% !important;
    max-width: 70% !important;
  }
  body #footer-main nav.footer-links2 {
    flex: 0 0 20% !important;
    max-width: 70% !important;
    margin: 0 1.5rem !important;
    padding: 0 1.5rem !important;
  }
  body #footer-main .subscribe {
    flex: 0 1 auto !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }
}
@media (min-width: 1280px) {
  body #footer-main {
    padding: 2rem 1.5rem 3rem !important;
  }
  body #footer-main nav.footer-links2 {
    margin: 0 2rem !important;
    padding: 0 2rem !important;
  }
  body #footer-main .subscribe {
    margin: 0 15px 0 auto !important;
  }
}
/* This old CSS before Theme Change

@font-face {
  font-family: 'Sharp Sans Medium';
  src:  url('/Portals/64/Fonts/Sharp Sans Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Sharp Sans Bold';
  src:  url('/Portals/64/Fonts/SharpSansBold') format('opentype');
}

@font-face {
  font-family: 'Sharp Sans ExtraBold';
  src:  url('/Portals/64/Fonts/Sharp Sans Extrabold.otf') format('opentype');
}
.skin-title .title-text {
       font-family: 'Sharp Sans ExtraBold', sans-serif; !important;
    }


https://spaceforces-space.joint.afpims.mil/Portals/64/Fonts/Sharp Sans Extrabold.otf?ver=sAwF5ApBatJolzpSMEBzkw%3d%3d
*/

/* Universal changes across site */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* Changes photo dashboard sub page headers to black gradient */
.adjustable-parallax figcaption:before {
    background: rgba(0,0,0,.8) !important;
}

.site-title {
    color: #DBE0E9 !important;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0rem !important;
    font-weight: 800;
    font-style: italic;
}

p a, p a:visited {
    word-wrap: break-word !important;
}

.skin-breadcrumb {
    color: #000000 !important;
}

.da_index a, .da_index li>span, .listing-pagination ul a, .listing-pagination ul li>span {
    color: #000000 !important;
}

.listing-pagination .go-to label {
    color: #6c7883 !important;
}

.social-sticky {
    background: #000000 !important;
}

.focal-point-wrap figure.hero figcaption:before {
    background: linear-gradient(180deg,rgba(28,35,71,.25) 5%,#000) !important;
}

#header-main {
    background: #000 !important;
}

#logo-main a {
    color: #c8c8c8 !important;
}

#nav-main .nav-main-toggle-item-inner {
    background: #c8c8c8 !important;
}

.breadcrumbs #dnn_Header_Breadcrumb_lblBreadCrumb>span [itemprop=itemListElement] a.skin-breadcrumb {
    color: #000000 !important;
    text-transform: none !important;
}

.theme-container-header.border-bottom {
    padding: 2rem 2rem 2rem 2rem !important;
}

#main-search-open-overlay, #nav-main-open-overlay {
    background: rgba(0,0,0,.5) !important;
}

::-webkit-scrollbar-track {
    background: #000000 !important;
}

::-webkit-scrollbar-thumb {
    background-color: #97a3ae !important;
}


/* Slide out nav menu changes  */

  #nav-main #nav-main-menu li {
    transition: visibility .5s linear;
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: italic;
}

#nav-main #nav-main-header {
    background: #000 !important;
}

#nav-main #nav-main-footer ul a {
    color: #000000 !important;
}

.svg-logo .fill {
    display: none !important;
}

#nav-main .svg-logo {
    display: none !important;
}

#nav-main #nav-main-header {
    background: #000000 !important;
}

#nav-main #nav-main-menu a {
    color: #000000 !important;
    display: block;
    padding: .85rem .85rem .85rem 2.2rem;
    text-decoration: none;
}

#nav-secondary #nav-secondary-inner>ul>li>a:after, #nav-secondary #nav-secondary-inner>ul>li>a:before {
    background: #dbe0e9 !important;
}

#nav-secondary #nav-secondary-inner>ul>li>a {
    color: #97a3ae !important;
    font-family: 'Montserrat';
}

#nav-main #nav-main-menu>ul>li ul {
    background: #B9C5D6 !important;
}

#nav-main #nav-main-menu li.active-path-parent {
    background: #97A3AE !important;
}

.BHeader h2.Title {
    background: #000000 !important;
  
}

/* Typography and hyperlink changes */

.title {
    color: #000000 !important;
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: italic;
}

.theme-container-header.border-bottom {
    text-transform: none !important;
}

.article-content a {
    border-bottom: none !important;
    text-decoration: none;
}

.adjustable-parallax figcaption h1 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: italic;
}


/* Homepage */
ul.article-listing-biography .plus {
    background: #000000 !important;
}

.focal-point-wrap figure.hero figcaption div.focal-title, .focal-point-wrap figure.hero figcaption h1 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 0;
    text-transform: none !important;
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: italic;
}

.focal-point-wrap figure.default figcaption:before {
    background: linear-gradient(180deg,rgba(28,35,71,.25) 5%,rgb(0 0 0 / 80%)) !important;
}

.focal-point-wrap.focal-point-filmstrip .focal-point-filmstrip-slide figcaption div.focal-title {
    font-size: 1rem;
    color: #fff;
    margin-bottom: .4rem;
    font-family: 'Montserrat';
    font-weight: 600;
}

.more {
    display: block;
    font-family: 'Montserrat' !important;
    font-weight: 100;
    font-size: 0.8rem !important;
    padding-left: 1.5rem;
}

.DVIDSShareText, .DVIDSShareText a, .DVIDSShareText a:visited, .DVIDSShareText a:hover, .DVIDSShareText:hover {
    color: #000000 !important;
}

VIDSMediaTags span a {
    background: #000000 !important;
    color: #f7f7f7 !important;
}
.DVIDSMediaTags span a:hover {
    color: #ffffff !important;
    background: #6c757d !important;
}

.DVIDSMediaTitle {
    color: #000000 !important;
}

.DVIDSMediaUnitName {
    font: 400 .9rem "Oswald", arial, helvetica, sans-serif;
    color: #000000;
}

.DVIDSMediaDate {
    color: #000000 !important;
}

.DVIDSMediaTags span a{
    background: #000000 !important;
    color: #f7f7f7 !important;
}
.DVIDSMediaTags span a:hover{
    color: #ffffff !important;
    background: #6c757d !important;
}

.DVIDSCarouselLeftPager, .DVIDSCarouselRightPager {
    display: flex;
    color: #000000 !important;
}

.DVIDSDropDown .navbar-nav > .open > a,
.DVIDSDropDown .navbar-nav > .active > a:hover
{
    color: #fff;
    background-color: #000000 !important;
}


/* About Us page */
ul.article-listing-biography.article-listing-biography-senior li {
    width: calc(25% - .65rem) !important;
}


/* Fact Sheets page */


/* Fact Sheets Display page */



/* Leadership page */
ul.article-listing-biography .summary .rank {
    color: #000000 !important;
}

.search-container {
    background: #97A3AE !important;
}

.chosen-container .chosen-drop {
    background: #000 !important;
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight, ul.tagit-autocomplete.ui-widget-content {
    background: #000 !important;
}

div.ui-datepicker div.ui-datepicker-header {
    color: #000000 !important;
}

.af3AccordionMenu div.af3AccordionRootNode {
    color: #FFFFFF;
    background: #000000 !important;
}

/* Biographies page */

h1.print-title .print-logo {
    display: none !important;
}

h2.print-title {
    display: none !important;
}

.print-footer-space {
    display: none !important;
}

/* News page */


/* News Article Display Page */

.focal-point-wrap figure.h-blur-reveal figcaption {
    background: rgba(0,0,0,.8) !important;
}

.focal-point-wrap figure.article-detail-gallery picture, #gallery-carousel-outer.loading {
    min-height: 700px !important;
}

.focal-point-wrap.media-inline .actions {
    padding: 2% !important;
}

picture.fixed-aspect {
    background-color: #000000 !important;
}

.chosen-container .chosen-drop {
    background: #000 !important;
}  

 .focal-point-wrap.media-inline .actions {
    background: rgba(0,0,0,.8) !important;
} 

article.article-detail .article-detail-share a {
    color: #000000 !important;
}

article.article-detail .article-detail-share a:hover{
    background:#B9C5D6 !important;
}

.af3-caption-bg, .fancybox-bg {
    background: rgba(0,0,0,.97) !important;
    opacity: 1 !important;
}

article footer .article-detail-tag, article .article-footer .article-detail-tag {
    background: rgba(0, 0, 0, 1)!important;
    color: #ffffff !important;
}


article footer .article-detail-tag:hover{
  color: #000000 !important;
    background: rgba(255, 255, 255, 1) !important;
}

.ast-brandedhr-line {
    display: none !important;
}

ast-biglink .btn-primary, .ast-biglink .btn-primary:visited{
    background:#000000 !important;
    min-width: 250px;
    text-align:center;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    border: none;
}
.ast-biglink .btn-primary:hover{
    background:#000000 !important;
    border: none;
    color:#fff;
}
.ast-biglink .fa-external-link-alt{
    display:none;
}

.ast-grid .grid-separator {
    background:#000000 !important;
}

.ast-pullquote {
    border-top-color:#000000 !important;
    font-family: Oswald, sans-serif;
}

.ast-pullquote .source{
    color:#000000 !important;
}
.ast-notes {
    border-top:none;
    border-left: solid 8px #000000 !important;
    background:#e0dede;
    color:#000000 !important;
}

.ast-glance {
    display: inline-block;
    width: 100%;
    border-top: 3.5px dotted #000000;
    border-bottom: 3.5px dotted #000000;
    padding: 35px 0;
    font-weight: 600;
}

.focal-point-wrap.media-inline figcaption h1 {
    color: #fff !important;
}

/* Week in Photos slideshow display changes */

#expando {
        background: #000000 !important;
    }

.fancy-photo-detail-link {
    background-image: linear-gradient(to top, rgb(0 0 0 / 90%) transparent) !important;
}

.fancy-photo-detail-link.photo-detail-gradient {
    background-image: linear-gradient(to top, rgb(0 0 0 / 90%) transparent) !important;
}

.fancybox-caption {
color: #ffffff !important;
}

.af3-caption-bg.desktop-init {
    background: linear-gradient( 0deg, #000000, transparent) !important;
}

.af3-caption-bg, .fancybox-bg {
    background: rgba(0,0,0,.8) !important;
}

.fancybox-caption__body.mobile .af3-caption-bg,
.fancybox-caption__body.mobile .fancybox-bg {
    background: rgba(0,0,0,.8) !important;
}

/* Photo Gallery Page */


/* Image Details Page */
.GWFImageDiv .faux-nav {
    background-color: #000000 !important;
}

.GWFImageDiv .flex-direction-nav:hover {
    background: none !important;
}

.details-content h1, .details-content h4 {
    color: black !important;
}

.detail-font-family {
    color: black !important;
}

.details-gallery-link a:hover, .image-detail-body {
    color: #000000 !important;
}

div#pnlImageDiv {
    background: linear-gradient(0deg,rgba(28,36,73,0),rgba(28,36,73,0) 120px,#000000 0,#333) !important;
}

/* Video Gallery Page */


/* Contact us page*/
.af3-contact-form {
    background: #000000 !important;
    color: 
}

/* RSS page*/
.social-split .social-header {
    background: #000000 !important;
}

#fb-root-1004 {
display: none !important;
}

/* 404 error page*/

/* Site map page */

/* Fixes extra padding below USFF branding logo above footer  */
.theme-container.default-container, .theme-container.title-container {
    margin-bottom: 0rem !important;
}

@media (min-width: 768px) {
.theme-container.default-container, .theme-container.title-container {
    margin-bottom: 0rem !important;
}
}

/* Site footer changes, removed AF logo */

#footer-main {
    background: #000000 !important;
}

#footer-main .subscribe .subscribe-logo-wrap .svg-logo .fill {
    display: none !important;
}

#footer-main .subscribe .subscribe-logo-wrap {
    display: none !important;
}

  #footer-main h1 label {
    border-bottom: 1px solid #000000 !important;
    color: #ffffff !important;
}
  
#footer-main a {
    color: #ffffff !important;
}
  
  #footer-main .subscribe .social ul {
    background: #000000 !important;
}

#footer-main .subscribe label {
    display: none !important;
}

/* Site changes for 992px width */

@media (min-width: 992px) {
#header-main {
    background: #000 !important;
}
  
.chosen-container .chosen-drop {
    background: #000 !important;
}  

 .focal-point-wrap.media-inline .actions {
    background: rgba(0,0,0,.8) !important;
} 
  
#footer-main .subscribe .subscribe-logo-wrap .svg-logo .fill {
    display: none !important;
}
  
#footer-main {
    background: #000000 !important;
}
  
#footer-main h1 label {
    border-bottom: 1px solid #000000 !important;
    color: #ffffff !important;
}
  
  #footer-main a {
    color: #ffffff !important;
}
  
#footer-main .subscribe .social ul {
    background: #000000 !important;
}
 
#footer-main .subscribe label {
    display: none !important;
}
  
#nav-main .svg-logo {
    display: none !important;
}
 
}

/*
 * S4S production AF3 geometry — consolidated 2026-08-05.
 * One model controls the header, hamburger, and native footer site-wide.
 */
:root {
  --s4s-black: #000;
  --s4s-footer: #05070b;
  --s4s-line: #64686f;
  --s4s-white: #fff;
  --s4s-muted: #aeb6c1;
  --s4s-focus: #8ed8f8;
}

#header-main {
  box-sizing: border-box !important;
  height: 132px !important;
  min-height: 132px !important;
  max-height: 132px !important;
  padding: 0 24px !important;
  background: var(--s4s-black) !important;
  border-bottom: 1px solid var(--s4s-line) !important;
}

#header-main-inner {
  box-sizing: border-box !important;
  height: 131px !important;
  min-height: 131px !important;
  padding-left: 64px !important;
  align-items: center !important;
}

#logo-main,
#nav-secondary {
  transform: none !important;
}

#logo-main a {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

#logo-main img {
  width: auto !important;
  height: 60px !important;
  max-height: 60px !important;
  flex: 0 0 auto;
}

#nav-main > .nav-main-toggle {
  top: 0 !important;
  height: 131px !important;
  min-height: 131px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#nav-main .nav-main-toggle-label {
  transform: none !important;
}

#nav-main #nav-main-inner {
  overflow-x: hidden;
}

body.personabar-visible #nav-main-inner {
  left: 80px !important;
  max-width: calc(100vw - 80px) !important;
}

body #footer-main {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 34px 44px 20px !important;
  background: var(--s4s-footer) !important;
  color: var(--s4s-white) !important;
  border-top: 1px solid #272c34;
}

body #footer-main-inner {
  width: min(100%, 1440px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 2.1fr) minmax(150px, .62fr) minmax(190px, .75fr);
  gap: 36px !important;
  align-items: start;
}

body #footer-main h1 {
  margin: 0 0 14px !important;
  color: var(--s4s-white) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body #footer-main h1 label {
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
}

body #footer-main ul {
  margin: 0 !important;
  padding: 0 !important;
}

body #footer-main .footer-links1 ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 8px;
}

body #footer-main .footer-links2 ul {
  display: grid !important;
  gap: 8px;
}

body #footer-main li {
  margin: 0 !important;
  line-height: 1.35 !important;
}

body #footer-main a {
  color: #d9dde4 !important;
  font-size: .75rem !important;
  text-decoration: none !important;
}

body #footer-main a:hover,
body #footer-main a:focus-visible {
  color: var(--s4s-white) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

body #footer-main a:focus-visible,
#header-main a:focus-visible,
#header-main [role="button"]:focus-visible {
  outline: 2px solid var(--s4s-focus) !important;
  outline-offset: 3px;
}

body #footer-main .subscribe > label,
body #footer-main .subscribe-logo-wrap {
  display: none !important;
}

body #footer-main .subscribe .social ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  background: transparent !important;
}

body #footer-main .subscribe .social a {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

body #footer-main .subscribe .social img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain;
}

body #footer-main .dma-footer {
  width: min(100%, 1440px);
  margin: 24px auto 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #343a43;
  text-align: center;
}

#dnn_CenterPaneWide_Bottom,
.DnnModule-24608,
.DnnModule-36561,
.DnnModule-39905 {
  display: none !important;
}

/* Comfortable page gutters for AF3 content pages and news listings. */
main > [id^="dnn_"]:not(#dnn_CarouselPane),
#dnn_ContentPane,
#dnn_CenterPane_Top,
#dnn_CenterPane_Mid,
#dnn_CenterPane_Mid2,
#dnn_CenterPaneWide_Top,
#dnn_CenterPaneWide_Bottom {
  box-sizing: border-box;
}

@media (max-width: 1100px) {
  #header-main {
    padding-inline: 18px !important;
  }

  #header-main-inner {
    padding-left: 58px !important;
  }

  body #footer-main {
    padding: 30px 28px 18px !important;
  }

  body #footer-main-inner {
    grid-template-columns: minmax(0, 1.65fr) minmax(140px, .7fr) minmax(170px, .8fr);
    gap: 26px !important;
  }

  body #footer-main .footer-links1 ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #header-main {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    padding-inline: 14px !important;
  }

  #header-main-inner {
    height: 111px !important;
    min-height: 111px !important;
    padding-left: 52px !important;
  }

  #logo-main img {
    height: 54px !important;
    max-height: 54px !important;
  }

  #nav-main > .nav-main-toggle {
    height: 111px !important;
    min-height: 111px !important;
  }

  body #footer-main {
    padding: 26px 22px 18px !important;
  }

  body #footer-main-inner {
    display: block !important;
  }

  body #footer-main .footer-links1,
  body #footer-main .footer-links2,
  body #footer-main .subscribe {
    margin-bottom: 24px !important;
  }

  body #footer-main .footer-links1 ul {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header-main *,
  #nav-main * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


/* AFPIMS administrator view only: keep the public shell clear of the 80px PersonaBar. */
body.personabar-visible #header-main {
  left: 80px !important;
  width: calc(100% - 80px) !important;
}
body.personabar-visible #footer-main {
  width: calc(100% - 80px) !important;
  margin-left: 80px !important;
}


/* Final specificity reset: preserve the native AirForce3 footer geometry. */
html body #footer-main {
  padding: 2rem 30px 0 !important;
}
html body #footer-main-inner {
  display: flex !important;
  flex-flow: column !important;
  align-items: normal !important;
  width: auto !important;
  max-width: 1850px !important;
  margin: 0 auto !important;
  gap: normal !important;
}
html body #footer-main .footer-links1,
html body #footer-main .footer-links2,
html body #footer-main .subscribe {
  min-width: auto !important;
}
html body #footer-main .footer-links1 ul,
html body #footer-main .footer-links2 ul {
  margin-top: 0 !important;
  gap: normal !important;
}
html body #footer-main .footer-links1 a,
html body #footer-main .footer-links2 a {
  line-height: inherit !important;
}
@media (min-width: 992px) {
  html body #footer-main {
    padding: 1rem !important;
  }
  html body #footer-main-inner {
    flex-flow: row !important;
  }
  html body #footer-main nav.footer-links1 {
    flex: 1 1 0% !important;
    max-width: 70% !important;
  }
  html body #footer-main nav.footer-links2 {
    flex: 0 0 20% !important;
    max-width: 70% !important;
    margin: 0 1.5rem !important;
    padding: 0 1.5rem !important;
  }
  html body #footer-main .subscribe {
    flex: 0 1 auto !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }
}
@media (min-width: 1280px) {
  html body #footer-main {
    padding: 2rem 1.5rem 3rem !important;
  }
  html body #footer-main nav.footer-links2 {
    margin: 0 2rem !important;
    padding: 0 2rem !important;
  }
  html body #footer-main .subscribe {
    margin: 0 15px 0 auto !important;
  }
}
@media (max-width: 767px) {
  html body #footer-main .footer-links1,
  html body #footer-main .subscribe {
    margin-bottom: 0 !important;
  }
  html body #footer-main nav.footer-links2 {
    margin-bottom: 3rem !important;
  }
}



/* Keep the site header flush left when the AFPIMS rail is hidden. */
body.personabar-visible.hide-afpims #header-main {
  left: 0;
  width: 100%;
}


/* Ensure this override wins the AFPIMS sidebar rule. */
body.personabar-visible.hide-afpims #header-main {
  left: 0 !important;
  width: 100% !important;
}