.masthead .mast {
  border-top-color: #0058a5;
}

.desktopNavigation,
.masthead .mast,
.footer .topNav {
  background-color: #0058a5;
}
.webvision {
  display: none;
}

.alignCentre {
  text-align: center;
}

.masthead .mastNav > ul li > a {
  color: #0058a5;
}

.image-container {
  margin-top: 20px;
}

/*FAUX H2*/
.fauxH2 {
  color: #212121;
  font-family: klavikaRegular, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 22.784px;
  font-size: 1.424rem;
  line-height: 28.832px;
  line-height: 1.802rem;
}

/* FAUX H3 */
.fauxH3 {
  color: #212121;
  font-family: klavikaRegular, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20.256px;
  font-size: 1.266rem;
  line-height: 25.632px;
  line-height: 1.602rem;
}

/* <a href="#" class="button callout">Button style</a> */
.button.callout,
button.callout {
  background-color: #0058a5;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20.256px;
  line-height: 1.266rem;
  font-family: klavikaMedium, Helvetica, Arial, sans-serif;
  border-color: transparent;
  transition: 0.25s;
  text-decoration: none;
}
.button.callout:hover,
button.callout:hover {
  background-color: #fff;
  color: #0058a5;
  border-color: #888;
}

/* <a href="#" class="button callout style2">Button style 2</a> */
.button.callout.style2,
button.callout.style2 {
  background-color: #fff;
  color: #0058a5;
  border-color: #888;
}
.button.callout.style2:hover,
button.callout.style2:hover {
  color: #f45b24;
}

.desktopNavigation ul.main > li.home-icon > a {
  margin-right: 0;
  padding-right: 0;
  padding-left: 0;
}

.desktopNavigation .subnav > ul li a,
.desktopNavigation .subnav > ul li a:hover {
  color: #0058a5;
}

.desktopNavigation .subnav > ul li a:hover {
  text-decoration: underline;
}

.sections-layout {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sections-layout li {
  padding: 0 15px;
  width: 50%;
}
.sections-layout li h3 {
  text-align: center;
}
.sections-layout li p {
  font-size: 14.224px;
  font-size: 0.889rem;
  line-height: 16px;
  line-height: 1rem;
}

/* FOOTER */
.microsite .footer .topNav address,
.microsite .footer .topNav .footer-site-info {
  color: #fff;
  text-transform: uppercase;
  font-size: 14.224px;
  font-size: 0.889rem;
  font-family: klavikaMedium, Helvetica, Arial, sans-serif;
  line-height: 14.224px;
  line-height: 0.889rem;
}
.microsite .footer .topNav address {
  font-size: 16px;
  font-size: 1rem;
  line-height: calc(20 / 16);
  line-height: 20px;
}
.microsite .footer .topNav .footer-site-info a {
  color: #fff;
}
.microsite .footer .topNav .footer-site-info a:hover {
  text-decoration: underline;
}

.masthead .mastNav .toggleIcon a {
  background: url(/pictures/web/z/z/i/mobileaccountmicrosite_334706.svg);
}

.masthead .mastNav .toggleIcon a:after {
  background: url(/pictures/web/z/z/i/mobileclose_803312.svg);
}
.masthead .menuToggle .toggleIcon a:before {
  background: url(/pictures/web/z/z/i/mobilenavigation_159321.svg);
}

.masthead .menuToggle .toggleIcon a:after,
.masthead .menuToggle .toggleIcon a:hover:after {
  background: url(/pictures/web/z/z/i/mobilenavigationon_208299.svg);
}
.microsite .masthead .menuToggle .toggleIcon a {
  color: #0058a5;
}
.microsite .masthead .menuToggle .toggleIcon a:hover {
  color: #fff;
}

.storyPrimaryNav {
  display: none;
}

.make-blue-centre {
  background: #0058a5;
  padding: 10px;
  text-align: center;
  color: #fff;
}

.make-blue-centre * {
  display: inline-block;
  vertical-align: middle;
}

.make-blue-centre span {
  margin-right: 6px;
  font-family: klavikaMedium, Helvetica, Arial, sans-serif;
  font-size: 22.784px;
  font-size: 1.424rem;
  line-height: 28.832px;
  line-height: 1.802rem;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .make-blue-centre span {
    font-size: 28.832px;
    font-size: 1.802rem;
    line-height: 32.432px;
    line-height: 2.027rem;
  }
}

@media screen and (min-width: 768px) {
  .sections-layout li {
    width: 33%;
  }
}

@media screen and (min-width: 1024px) {
  .fauxH2 {
    font-size: 1.802rem;
    line-height: 2.281rem;
  }
  .fauxH3 {
    font-size: 1.424rem;
    line-height: 1.802rem;
  }
  .sections-layout li {
    width: 20%;
  }
  .microsite .masthead .mast .micrositeBack a {
    color: #0058a5;
  }
  .microsite .masthead .mast .micrositeBack a:hover {
    text-decoration: underline;
  }
  .masthead .mastNav.loggedin > ul li.user > a,
  .microsite .masthead .mastNav ul li a {
    color: #0058a5;
  }
  .desktopNavigation ul.main,
  .desktopNavigation ul.main > li {
    height: 43px;
  }
  .desktopNavigation ul.main > li.current > a > span,
  .desktopNavigation ul.main > li.current > span {
    background-color: #fff;
    color: #0058a5;
    padding-bottom: 7px;
  }
  .desktopNavigation ul.main > li.hasChildren.current > a > span,
  .desktopNavigation ul.main > li.hasChildren.current > span {
    background-color: #ffff;
    color: #0058a5;
  }
  .desktopNavigation ul.main > li.home-icon > a:hover:before {
    opacity: 0;
  }
  .desktopNavigation ul.main > li.home-icon > a:before {
    left: 0;
    background-image: url(/pictures/web/e/t/m/menuhome_635826.svg);
    background-position: 4px 3px;
  }
  .desktopNavigation ul.main > li.home-icon > a:after {
    background-image: url(/pictures/web/e/t/m/menuhomehover_657078.svg);
    background-position: 4px 3px;
    opacity: 0;
    left: 0;
  }
  .masthead .mastNav.loggedin > ul li.user > a:after {
    background: url(/pictures/web/z/z/i/useroff_255968.svg);
  }

  /*  signed out state  */
  .masthead .mastNav > ul > li > a.signIn:after {
    background: url(/pictures/web/z/z/i/useroff_255968.svg);
  }
  .masthead .mastNav > ul li > a:hover.signIn:after {
    background: url(/pictures/web/z/z/i/useron_399568.svg);
  }
  .masthead .mastNav > ul > li + li {
    border-color: #ccc;
  }

  /* arrow down  */
  .masthead .mastNav.loggedin > ul li.user > a:before {
    background: url(/pictures/web/e/w/d/mastheadarrow_571212.svg);
  }

  /* navigatioon dropdown arrow */
  .desktopNavigation ul.main > li.hasChildren.current > a > span:before,
  .desktopNavigation ul.main > li.hasChildren.current > span:before,
  .desktopNavigation ul.main > li.hasChildren.current > a > span:after,
  .desktopNavigation ul.main > li.hasChildren.current > span:after,
  .i-navigation-dropdown-current {
    background: url(/pictures/web/i/i/h/navigationdropdown_412688.svg);
  }

  .desktopNavigation ul.main > li.current > a:first-child {
    border-top: 1px solid #0058a5;
    border-bottom: 1px solid #0058a5;
  }

  .desktopNavigation ul.main > li.more a:before {
    background: url(/pictures/web/x/u/b/navigationmore_671641.svg);
  }
}