/**
 * @file
 * Olivero specific CSS overrides.
 */

 :root {
  --max-width: 100%;
  --max-bg-color: 100%; /* Width to which the background color extends to. */
 }

/* menu padding */
.primary-nav__menu-link-inner{
    padding-block: var(--sp0-5) !important;
}

/* .site-branding{
  background-image: none !important;
  background-color: var(--color-white) !important; 
}

.site-branding__text{
  color: var(--color-text-primary-loud) !important;
} */

#site-header__inner, #header-nav{
  background: var(--color--gray-100) !important;
}


@media (min-width: 62.5rem) {
  .region--highlighted .contextual-region, .region--breadcrumb .contextual-region{
      grid-column: 1 / 11 !important ;
  }
  .sidebar-grid > .site-main {
      grid-column: 1 / 11 !important ;
  }

}

/* logo vertical center */
@media (min-width: 75rem) {
  
  .site-header #block-grantmanager-site-branding{
    align-items: center;
  }
  .site-header .is-fixed #block-grantmanager-site-branding{
    align-items: end;
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
    padding-block: var(--sp0-5) !important;
  }
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start: none !important;
  }
  .site-footer__inner {
    padding-block: var(--sp2) !important;
  }
}


/* #block-grantmanager-social i{
  color: var(--color-text-primary-hue) !important;
} */