/* Variables */
:root {
    --aic-primary-color: var(--aic-family-color);
    --aic-secondary-color: var(--aic-family-secondary-color);
    --aic-panel-color: var(--aic-family-panel-color);
    --aic-panel-color-2: var(--aic-family-panel-color-2);
    --aic-panel-color-3: var(--aic-family-panel-color-3);
  }
  
  #family {
    overflow: hidden;
  }
  
  .lp-menu-header,
  .family .lp-headings h2,
  .family h1, 
  .family h2 {
    color: var(--aic-primary-color);
  }
  
  .family .bg-color,
  .family .bg-color-1 {
  background-color: var(--aic-family-color);
  }
  
  .family .bg-color-2 {
  background-color: var(--aic-family-color-2);
  }
  
  .family .bg-color-3 {
  background-color: var(--aic-family-color-3);
  }
  
  .family .bg-color-4 {
  background-color: var(--aic-family-color-4);
  }
  
  .family .form-control {
  border-radius: 0;
  background-color: var(--aic-primary-color);
  color: #fff;
  }
  
  .family .secondary-color {
  background-color: var(--aic-secondary-color);
  }
  
  .family .hero.home {
  background-image: none;
  border: none;
  }
  
  .family #hero {
    background-color: var(--aic-primary-color);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat; 
    
    background-image: url("../images/family-home-arrow.png");
  }