.header-container {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) {
  .header-container {
    height: 100px;
  }
  .school-logo {
    height: 100px;
  }
}
.footer-school-logo-small .school-logo-footer {
  width: 200px;
}
.footer-school-logo-large .school-logo-footer {
  width: 300px;
}
.void-logo {
  width: 145px;
}

.header-links {
  height: 50px;
  border-bottom: 3px solid var(--secondary-theme-color);
}

.navbar {
  position: sticky;
  background-color: var(--primary-background-color);
}
.navbar-toggler:focus {  
  box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 0px 2px;
}
/* .header-left-section {
  width: 35%;
} */
/* .navbar-brand {
  position: absolute;
  left: 40%;
  transform: translateX(-50%);
} */
.nav-container {
  width: 100%;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 767px) {
  .nav-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.logo-container {
  display: flex;
}
.nav-menu {
  list-style: none;
}
/* Add gap only for desktop */
@media only screen and (min-width: 992px) {
  .nav-menu {
    gap: 0.5rem;
  }
  .navbar-collapse {
    justify-content: end;
  }
}
.nav-menu .nav-link {
  text-decoration: none;
  color: var(--primary-text-color);
}

.nav-menu .nav-link.active, .nav-menu .nav-link:hover {
  font-weight: 600;
}

@media (max-width: 991px) {
  .school-logo {
    width: 230px;
  }
  .school-logo-footer {
    width: 95px;
  }
}