/* Variables */
:root {
  --aic-primary-color: var(--aic-school-color);
  --aic-secondary-color: var(--aic-school-secondary-color);
  --aic-panel-color: var(--aic-school-panel-color);
  --aic-panel-color-2: var(--aic-school-panel-color-2);
  --aic-panel-color-3: var(--aic-school-panel-color-3);
}

#school {
  overflow: hidden;
}

.lp-menu-header,
.school .lp-headings h2,
.school h1 {
  color: var(--aic-primary-color);
}

.school .bg-color,
.school .bg-color-1 {
background-color: var(--aic-school-color);
}

.school .bg-color-2 {
background-color: var(--aic-school-color-2);
}

.school .bg-color-3 {
background-color: var(--aic-school-color-3);
}

.school .bg-color-4 {
background-color: var(--aic-school-color-4);
}

.school .form-control {
border-radius: 0;
background-color: var(--aic-primary-color);
color: #fff;
}

.school .secondary-color {
background-color: var(--aic-secondary-color);
}

.school .hero.home {
background-image: none;
border: none;
}

.school #hero {
  background-color: var(--aic-primary-color);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat; 
  
  background-image: url("../images/school-home-arrow.png");
}