/**
 * @file
 * Styles for Corporate+'s layout switcher.
 */
.layout-switcher {
  margin-bottom: 30px;
}
.layout-switcher__heading {
  margin-top: 0;
  margin-bottom: 18px;
  font-weight: normal;
  font-size: inherit;
}
.layout-switcher ul.inline-list {
  margin: 0 -7px;
}
.layout-switcher ul li.inline-list__item {
  padding: 0 7px;
}
.layout-switcher ul li.inline-list__item a {
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid #707070;
}
.layout-switcher ul li.inline-list__item a:hover,
.layout-switcher ul li.inline-list__item a:active,
.layout-switcher ul li.inline-list__item a:focus {
  text-decoration: none;
}
.layout-switcher li a {
  color: #424242;
}
.region--tint-background .layout-switcher li a {
  color: #bbbbbb;
}
.region--colored-background .layout-switcher li.active a {
  color: #ffffff;
}
.region--shade-background .layout-switcher li a:hover,
.region--colored-background .layout-switcher li a:hover,
.region--dark-colored-background .layout-switcher li a:hover,
.region--dark-background .layout-switcher li a:hover,
.region--shade-background .layout-switcher li a:focus,
.region--colored-background .layout-switcher li a:focus,
.region--dark-colored-background .layout-switcher li a:focus,
.region--dark-background .layout-switcher li a:focus {
  color: #ffffff;
}