/* Variables */
:root {
	--accent-1: #0A29F2;
}

.home-alert {
  background: #ffd100;
}

.primary-bg {
  background: #00afef;
}

.secondary-bg,
.homepage-content .secondary-bg::after {
  background: #2b2e94;
}

a {
  color: #0A29F2;
}

.school-body .upcoming-events-wrapper h2 {
    color: #fff;
}

.upcoming-events-wrapper h2 a,
.accordion-a i,
.accordion a {
  color: #ffd100;
}

.btn-underline {
  border-color: #ffd100;  
}

.btn-primary,
input[type="submit"] {
  background: #ffd100;
}

.btn-bus {
  background: #2b2e94;
}

.specialty-programs a {
  color: #ffd100;
}

/* FOOTER */
.top-footer, .main-footer {
  background: #191919;
}

.top-footer h1, .top-footer h2, .school-info i {
  color: #00afef;
}

/* New Design Styles */
.primary-bg a {
	color: #fff;
}

.social-app-wrapper svg path {
	fill: #2b2e94;
}

.useful-link-wrapper span,
.useful-link-wrapper i{
	color: #2b2e94;
}

.upcoming-events-wrapper a {
  color: #fff;
}

.logo-link {
  display: flex;
  align-items: center;
  color: #3E3E3E;
  margin-bottom: 1rem;
  gap: 1rem;
}

.logo-link h3 {
  font-weight: 800;
  font-size: 1.375rem;
  line-height: 1.4;
}

.school-logo {
    max-width: 75px;
}

@media (max-width: 991px) {
  .logo-link {
    width: 85%;
  }

  .logo-link h3 {
    font-size: 1.2rem;
  }
}

@media (min-width: 62em) and (max-width: 75em) {
    .logo-link {
        justify-content: center;
    }
}

@media (min-width: 75em) and (max-width: 99em) {
    .school-logo {
        width: 50%;
    }
}

@media (min-width: 99em) {
    .school-logo {
        width: 30%;
    }
}