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

#adolescents {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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