@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
  color: #fff;
}

.RadMenu.RadMenu_London .rmRootLink.rmExpanded,
.RadMenu.RadMenu_London .rmRootLink:hover,
.RadMenu.RadMenu_London .rmRootLink.rmFocused,
.RadMenu.RadMenu_London .rmGroup,
.RadMenu.RadMenu_London .rmRootLink.rmSelected {
  background-color: #009ca7;
}

.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
  color: #fff;
}

.RadMenu_London .rmSlide .rmLink:hover, .RadMenu_London .rmSlide .rmLink:focus, .RadMenu_London .rmSlide .rmLink.rmFocused,
.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  color: #00555b;
}

.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: #009ca7;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  background-color: #117496;
}

h1, .h1, .PageTitle {
  font-size: 250%;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #007599;
  margin-top: 0;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #007599;
  padding: 20px;
  margin: 0;
}

h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle {
  min-height: 0;
  border-bottom-style: dotted;
}

h2, .h2, .PanelTitle {
  font-size: 190%;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #007599;
  line-height: 1.45em;
}

h3, .SectionTitle {
  font-size: 130%;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #007599;
}

h4, .SectionLabel, h5 {
  margin: 0 0 .2em;
}

h4, .h4, .SectionLabel {
  font-size: 120%;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #007599;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 100%;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #007599;
}

h6, .h6 {
  font-size: 85%;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #007599;
  margin: 0;
}

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
}

.col-secondary .sub-nav {
  background-color: #f5f5f5;
  margin-bottom: 1em;
}

.col-secondary .sub-nav .sub-nav-head {
  background-color: #009ca7;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
}

.col-secondary .sub-nav .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #009ca7;
}
