@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

:root {
  --keycloak-bg-logo-url: url('../img/bglight.png');
  --keycloak-logo-url: url('../img/logolight.png');
  --keycloak-logo-height: 63px;
  --keycloak-logo-width: 300px;
  --pf-v5-global--FontFamily--sans-serif: 'Lato', sans-serif;
  --pf-v5-global--danger-color--100: #C2311A;
  --pf-v5-global--success-color--100: #49844D;
  --pf-v5-global--active-color--100: #1A486A;
  --pf-v5-global--primary-color--100: #D8DEE0;
  --pf-v5-global--link--Color: #1A486A;
  --pf-v5-global--link--Color--hover: #1A486A;
  --pf-v5-global--BackgroundColor--light-100: #FCF9F6;
  --pf-v5-global--BackgroundColor--dark-300: #151515;
  --pf-v5-global--BackgroundColor--dark-100: #FCF9F6;
  --pf-v5-global--Color--100: #151515;
  --pf-v5-global--Color--light-100: #151515;
  --pf-v5-global--Color--dark-100: #151515;

}

/* Light Nav Theme - text color #FCF9F6 with lighter hover variant of #1A486A */
.pf-v5-c-nav.pf-m-light {
  --pf-v5-c-nav__link--Color: #FCF9F6;
  --pf-v5-c-nav__link--hover--Color: #FCF9F6;
  --pf-v5-c-nav__link--focus--Color: #FCF9F6;
  --pf-v5-c-nav__link--active--Color: #FCF9F6;
  --pf-v5-c-nav__link--m-current--Color: #FCF9F6;
  --pf-v5-c-nav__section-title--Color: #FCF9F6;
  --pf-v5-c-nav__link--hover--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--focus--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--active--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--after--BorderColor: #FCF9F6;
}

.pf-v5-c-nav.pf-m-light .pf-v5-c-nav__link {
  color: #FCF9F6;
}

.pf-v5-c-nav.pf-m-light .pf-v5-c-nav__link:hover {
  color: #FCF9F6;
  background-color: #3D6A8A;
}

.pf-v5-c-nav.pf-m-light .pf-v5-c-nav__link:focus {
  color: #FCF9F6;
}

.pf-v5-c-nav.pf-m-light .pf-v5-c-nav__link.pf-m-current {
  color: #FCF9F6;
  background-color: #3D6A8A;
}

.pf-v5-c-nav.pf-m-light .pf-v5-c-nav__section-title {
  color: #FCF9F6;
}

/* Dark Nav Theme (default) - text color #FCF9F6 with lighter hover variant of #1A486A */
.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: #FCF9F6;
  --pf-v5-c-nav__link--hover--Color: #FCF9F6;
  --pf-v5-c-nav__link--focus--Color: #FCF9F6;
  --pf-v5-c-nav__link--active--Color: #FCF9F6;
  --pf-v5-c-nav__link--m-current--Color: #FCF9F6;
  --pf-v5-c-nav__section-title--Color: #FCF9F6;
  --pf-v5-c-nav__link--hover--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--focus--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--active--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #3D6A8A;
  --pf-v5-c-nav__link--after--BorderColor: #FCF9F6;
}

.pf-v5-c-nav .pf-v5-c-nav__link {
  color: #FCF9F6;
}

.pf-v5-c-nav .pf-v5-c-nav__link:hover {
  color: #FCF9F6;
  background-color: #3D6A8A;
}

.pf-v5-c-nav .pf-v5-c-nav__link:focus {
  color: #FCF9F6;
}

.pf-v5-c-nav .pf-v5-c-nav__link.pf-m-current {
  color: #FCF9F6;
  background-color: #3D6A8A;
}

.pf-v5-c-nav .pf-v5-c-nav__section-title {
  color: #FCF9F6;
}

/* Page Sidebar - background color #1A486A */
.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #1A486A;
  background-color: #1A486A;
}

.pf-v5-theme-dark {
        
}

#kc-social-providers svg {
    height: var(--pf-v5-global--FontSize--xl);
}

/* Social provider buttons - make Microsoft button prominent */
#kc-social-providers .pf-v5-c-button.pf-m-secondary {
    --pf-v5-c-button--m-secondary--BackgroundColor: #1A486A;
    --pf-v5-c-button--m-secondary--Color: #FCF9F6;
    --pf-v5-c-button--m-secondary--after--BorderColor: #1A486A;
    background-color: #1A486A !important;
    color: #FCF9F6 !important;
    border: none !important;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

#kc-social-providers .pf-v5-c-button.pf-m-secondary:hover {
    --pf-v5-c-button--m-secondary--hover--BackgroundColor: #3D6A8A;
    --pf-v5-c-button--m-secondary--hover--Color: #FCF9F6;
    background-color: #3D6A8A !important;
    color: #FCF9F6 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

#kc-social-providers .pf-v5-c-button.pf-m-secondary:focus {
    background-color: #3D6A8A !important;
    color: #FCF9F6 !important;
    outline: 2px solid #1A486A;
    outline-offset: 2px;
}

#kc-social-providers .pf-v5-c-button.pf-m-secondary span {
    color: #FCF9F6 !important;
}

#kc-social-providers svg:not(.google) {
    filter: brightness(0) invert(1) !important;
}

@media (min-width: 768px) {
    div.pf-v5-c-login__main-header {
        grid-template-columns: 70% 30%;
    }
}