/**
 * @file
 * Visual styles for Corporate+'s in page navigation.
 */
body.in-page-navigation-active {
  position: relative;
}
.header-container ul.in-page-navigation li a {
  margin: 0 5px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  padding: 15px 15px 17px;
}
.header-container .region--shade-background ul.in-page-navigation li a.active,
.header-container .region--colored-background ul.in-page-navigation li a.active,
.header-container .region--dark-colored-background ul.in-page-navigation li a.active,
.header-container .region--dark-background ul.in-page-navigation li a.active,
.header-container .region--shade-background ul.in-page-navigation li a:focus,
.header-container .region--colored-background ul.in-page-navigation li a:focus,
.header-container .region--dark-colored-background ul.in-page-navigation li a:focus,
.header-container .region--dark-background ul.in-page-navigation li a:focus,
.header-container .region--shade-background ul.in-page-navigation li a:hover,
.header-container .region--colored-background ul.in-page-navigation li a:hover,
.header-container .region--dark-colored-background ul.in-page-navigation li a:hover,
.header-container .region--dark-background ul.in-page-navigation li a:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  background-color: #ffffff;
  border-radius: 5px;
  color: #424242;
  opacity: 1;
}
.onscroll .header-container ul.in-page-navigation li:not(.active) a:hover {
  color: #ffffff;
}
.onscroll .header-container ul.in-page-navigation li.sfHover:not(.active) a,
.onscroll .header-container ul.in-page-navigation li:not(.active) a:focus {
  color: #666666;
}
.onscroll .header-container ul.in-page-navigation li.active a:focus,
.onscroll .header-container ul.in-page-navigation li.sfHover a {
  background-color: transparent;
}