/* Hardcoded to match old css. 
   Good thing the convertions are easy!
*/


.new-site {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #808080; }
  @media only screen and (max-width: 600px) {
    .new-site {
      font-size: 14px;
      line-height: 1.5; } }
.new-site p {
    margin-bottom: 10px; }
    .new-site p a {
      text-decoration: none;
      padding-bottom: 5px;
      color: #FF7A00;
      border-bottom: 1px dotted #FF7A00; }
      @media only screen and (max-width: 600px) {
        .new-site p a {
          padding-bottom: 2px; } }
        .new-site p a:hover {
        color: #0C2f98;
        border-bottom: 1px dotted #0C2f98; }

.new-site h1 {
  font-size: 40px; }
  @media only screen and (max-width: 600px) {
    .new-site h1 {
      font-size: 20px; } }
.new-site h2 {
  font-size: 25px;
  color: #000;
  margin: 20px 0 30px 0;
  text-align: center; }
  @media only screen and (max-width: 600px) {
    .new-site h2 {
      font-size: 17px; } }


body {
  padding: 20px;
}
@media only screen and (max-width: 600px) {
  body {
    padding: 0;
  }
}

.header {
  background: #0C2f98;
  height: 100px; }
  .header .header-inner {
    max-width: 1140px;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    .header .header-inner .header-primary {
      float: left;
      line-height: 1;
      padding-top: 15px; }
      .header .header-inner .header-primary--main {
        display: block;
        color: #fff;
        font-size: 40px;
        font-weight: 400; }
        @media only screen and (max-width: 600px) {
          .header .header-inner .header-primary--main {
            display: initial;
            font-size: 30px; } }
      .header .header-inner .header-primary--sub {
        display: block;
        font-size: 20px;
        color: #c0c0c0;
        font-weight: 300;
        font-style: italic; }
        @media only screen and (max-width: 600px) {
          .header .header-inner .header-primary--sub {
            display: initial;
            font-size: 28px; } }
      .header .header-inner .header-primary a {
        text-decoration: none; }
      @media only screen and (max-width: 1200px) {
        .header .header-inner .header-primary {
          padding-left: 20px; } }
      @media only screen and (max-width: 600px) {
        .header .header-inner .header-primary {
          padding-left: 10px;
          padding-right: 10px;
          float: none;
          text-align: center; } }
    .header .header-inner nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0; }
      .header .header-inner nav ul li {
        display: inline-block;
        list-style: none; }
        .header .header-inner nav ul li:not(:last-child) {
          margin-right: 20px; }
        .header .header-inner nav ul li a {
          color: #c0c0c0;
          text-decoration: none; }
          .header .header-inner nav ul li a:hover {
            color: #fff;
            font-weight: 500;
            padding-bottom: 5px;
            border-bottom: 1px dotted #fff; }
        @media only screen and (max-width: 600px) {
          .header .header-inner nav ul li {
            right: 20px; } }
      .header .header-inner nav ul .active a {
        color: #fff;
        font-weight: 500;
        padding-bottom: 5px;
        border-bottom: 1px dotted #fff; }
      @media only screen and (max-width: 1200px) {
        .header .header-inner nav {
          right: 20px; } }
      @media only screen and (max-width: 600px) {
        .header .header-inner nav {
          position: relative;
          top: initial;
          transform: initial;
          right: initial;
          text-align: center;
          margin-top: 5px;
          padding-bottom: 1.5rem; } }
  @media only screen and (max-width: 600px) {
    .header {
      height: auto; } }

      nav.breadcrumb {
        font-size: 14px;
        padding-top: 10px;
        background-color: #e9edfd; }
        nav.breadcrumb ol {
          list-style: none; }
          nav.breadcrumb ol li {
            display: inline; }
            nav.breadcrumb ol li + li::before {
              display: inline-block;
              margin: 0 0.25em;
              transform: rotate(15deg);
              border-right: 0.1em solid #0C2f98;
              height: 0.8em;
              content: ''; }
        nav.breadcrumb [aria-current="page"] {
          color: #000;
          font-weight: 700;
          text-decoration: none; }
.container {
  max-width: 1140px;
  margin: 0 auto; }
  @media only screen and (max-width: 1200px) {
    .container {
      margin: 0 20px; } }
.section-darker {
  background-color: #e9edfd; }

.section-downward {
  padding: 10px 0 90px; }
  @supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {
    .section-downward {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0% calc(100% - 60px));
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0% calc(100% - 60px)); } }

.footer {
  background-color: #0C2f98;
  margin-top: 50px;
  padding: 40px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 300; }
  .footer #social-links {
    text-align: center; }
    .footer #social-links a {
      color: #fff;
      margin: 0 20px; }
      .footer #social-links a img:hover {
        opacity: 0.9;
        transform: translateY(-0.5rem) scale(1.1); }

.add-top-margin {
  margin-top: 20px;
}