/*
 * This file provides an explosion of colour to the meganav whenever the
 * uos--rainbow-meganav class is applied (see rainbow.js for more details).
 */
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1) {
  background-color: #ff8000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1) > a.uoe--menu-link {
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1) .uoe--meganav-title {
  background-color: #ff8000;
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(1) .uoe--meganav-subtitle {
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2) {
  background-color: #ffff00;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2) > a.uoe--menu-link {
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2) .uoe--meganav-title {
  background-color: #ffff00;
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(2) .uoe--meganav-subtitle {
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3) {
  background-color: #008000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3) > a.uoe--menu-link {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3) .uoe--meganav-title {
  background-color: #008000;
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(3) .uoe--meganav-subtitle {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4) {
  background-color: #0000ff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4) > a.uoe--menu-link {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4) .uoe--meganav-title {
  background-color: #0000ff;
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(4) .uoe--meganav-subtitle {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5) {
  background-color: #480082;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5) > a.uoe--menu-link {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5) .uoe--meganav-title {
  background-color: #480082;
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(5) .uoe--meganav-subtitle {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6) {
  background-color: #a000c0;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6) > a.uoe--menu-link {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6) .uoe--meganav-title {
  background-color: #a000c0;
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(6) .uoe--meganav-subtitle {
  color: #ffffff;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7) {
  background-color: #ff69b4;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7):hover {
  background-color: #333333;
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7).uojs--hover > a.uoe--menu-link {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7) > a.uoe--menu-link {
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7) > a.uoe--menu-link:hover {
  color: #FFFFFF;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7) .uoe--meganav-title {
  background-color: #ff69b4;
  color: #000000;
}
.uos--rainbow-meganav #global-navigation ul.uos--navigation--global > li:nth-of-type(7) .uoe--meganav-subtitle {
  color: #000000;
}