:root {
        --keycloak-bg-logo-url: url('./../img/bgimageundefined');
        --keycloak-logo-url: url('./../img/nyspi-logo.svg');
        --keycloak-logo-height: 63px;
        --keycloak-logo-width: 300px;
        --pf-v5-global--danger-color--100: #c9190b;
--pf-v5-global--success-color--100: #3e8635;
--pf-v5-global--active-color--100: #0066cc;
--pf-v5-global--primary-color--100: #0066cc;
--pf-v5-global--link--Color: #0066cc;
--pf-v5-global--link--Color--hover: #004080;
--pf-v5-global--BackgroundColor--light-100: #ffffff;
--pf-v5-global--BackgroundColor--dark-300: #212427;
--pf-v5-global--BackgroundColor--dark-100: #151515;
--pf-v5-global--Color--100: #151515;
--pf-v5-global--Color--light-100: #ffffff;
--pf-v5-global--Color--dark-100: #151515;
--banner-bg: #f8f9fa;
--banner-text: #343a40;
--primary-color: #007bff;
--border-radius: 8px;
      }
      .pf-v5-theme-dark {
        
      }


/* ---- added to display NYS logo to redirect page --- */

/* Apply the custom layout to your newly defined icon class */
.nygov_saml-logo {
    display: block;
    width: 211px;
    height: 44px;
    background-image: url('./../img/NY.GOV-ID-Logo.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  
  /* Center the block element inside its space */
    margin: 0 auto;

    /* Keeps text hidden cleanly away from the logo graphic */
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}

.pf-v5-c-login__main-footer-band-item {
    display: flex !important;
    align-items: center !important;     /* Centers vertically */
    justify-content: center !important; /* Centers horizontally */
    width: 100% !important;             /* Takes full width of the login form */
    text-align: center;
}
      
      
 /* --- Banner Container --- */
.legal-banner {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--banner-bg);
  color: var(--banner-text);
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  z-index: 1000; /* Ensures it's on top */
}

/* --- Text & Links --- */
.legal-banner p {
  margin: 0;
  font-size: 0.95em;
}
.legal-banner a {
  color: var(--primary-color);
  text-decoration: none;
}

/* --- Buttons --- */
.banner-buttons button {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-left: 10px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
  .legal-banner {
    padding: 10px;
  }
  .banner-buttons button {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}