:root {
  /* 1. Instant fallback image so you never see grey */
  --afpims-bg-url: url("https://cpec2in.army.afpims.mil/Portals/139/Images/backgrounds/sandbox_admin.jpg");
}

body,
body::before {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    var(--afpims-bg-url, url("https://cpec2in.army.afpims.mil/Portals/139/Images/backgrounds/sandbox_admin.jpg")) !important;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

@media (max-width: 768px) {
  body,
  body::before {
    background-attachment: scroll !important;
  }
}

#Body, #Form, #content, .dma-full-width-centered, .top-wrapper {
    background-color: transparent !important;
}

.container.nopad.menu, .skin-breadcrumb-container, .skin-footer-seal, 
.skin-footer-background:before, .skin-header-background:before, 
.skin-header-background:after, footer.footer:before, footer.footer:after, 
.skin-footer-background:after, .dma-full-width-centered #header:after {
    display: none !important;
}

.dma-full-width-centered #content {
    background: #ffffff00 !important;
}

/* --- PARTNER BANNER BASE STYLES --- */
.partner-banner {
    width: 100% !important;
    background-color: #4B5332 !important; 
    padding: 10px 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    border-top: 3.75px solid #EDAE17 !important;
    clear: both !important;
    transition: all 0.3s ease-in-out !important; 
}

.partner-banner .hidden-title { display: none !important; }

.logo-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    transition: gap 0.3s ease !important;
}

.logo-circle {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 130px !important;
    height: 130px !important;
    transition: all 0.3s ease-in-out !important;
    flex-shrink: 0 !important;
}

.logo-circle img {
    height: 120px !important;
    width: auto !important;
    max-width: 90% !important;
    max-height: 90% !important;
    object-fit: contain !important;
    transition: height 0.3s ease !important;
}

/* --- SHRINK STATE (50% Smaller) --- */
.partner-banner.banner-shrink {
    padding: 5px 0 !important; 
}

.partner-banner.banner-shrink .logo-container {
    gap: 10px !important; 
}

.partner-banner.banner-shrink .logo-circle {
    width: 65px !important;  
    height: 65px !important; 
}

.partner-banner.banner-shrink .logo-circle img {
    height: 60px !important; 
}

.partner-banner.banner-shrink .logo-circle::before {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; 
}

/* Responsive adjustments */
@media (min-width: 992px) { .logo-container { flex-wrap: nowrap !important; } }

/* Full Width responsive template rule */
@media screen and (min-width: 768px) {
    .v2-template .flex-row .flex-row-col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        }
}