/**
 * @file
 * Visual styles for Style+'s transparent header.
 */
/*Layout*/
.js-transparent-header .region--black-background {
  background-color: rgba(0, 0, 0, 0.4);
}
.onscroll .js-transparent-header .header.region--black-background {
  background-color: rgba(0,0,0,0.7);
  border-bottom-color: #000000;
}
.js-transparent-header .region--black-background .header-top__container {
  border-color: rgba(255,255,255,0.1);
}
@media (min-width: 768px) {
  .js-transparent-header {
    position: absolute;
    width: 100%;
    z-index: 22;
  }
}
@media (max-width: 767px) {
  .js-transparent-header .region--black-background {
    background-color: #232323!important;
  }
}

/*Site Branding*/
.js-transparent-header .region--light-typography .site-name a {
  color: #ffffff;
}

/*Menus*/
@media (min-width: 768px) {
  .js-transparent-header .region--light-typography ul.menu li a {
    color: #ffffff;
  }
  .js-transparent-header .region--light-typography ul.menu ul li a {
    color: #232323;
  }
}

/*Navigation Search*/
.js-transparent-header .region--light-typography .search-area:hover .form-actions:after {
  color: #232323;
}
@media (min-width: 768px) {
  .js-transparent-header .region--light-typography .block-search .form-actions:after {
    color: #ffffff;
  }
}

/*Drupal Resets*/
.js-transparent-header + .banner .block:first-child .contextual {
  top: 120px;
}
.js-transparent-header + .banner .block:first-child .view .contextual {
  top: 150px !important;
}