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

.primary-bg {
  background: #3c3c3c;
}

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

a {
  color: #eb8b00;
}

.upcoming-events .format-date {
  color: #fff;
}

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

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


@media (min-width: 62em) {
  .school-logo {
    max-height: 45px;
    margin: 2.25rem 0 1rem;
  }
}

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

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

.useful-link-wrapper span,
.useful-link-wrapper i{
	color: #3c3d3c;
}

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