.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  left: -999em;
}

html {
  font-family: "IBMPlexSans", "system";
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
}

p {
  line-height: 2.4rem;
  margin-bottom: 0.8rem;
  margin-top: 1.6rem;
}

a {
  color: #004D99;
}

a:hover, a.link-hover {
  color: #000040;
}

a:hover:disabled,
a:hover .disabled, a.link-hover:disabled,
a.link-hover .disabled {
  background-color: transparent !important;
}

a:focus, a.link-focus {
  color: #004D99;
  outline: 4px solid #747474;
  outline-offset: 1px;
}

a:visited, a.link-visited {
  color: #800080;
}

a:disabled, a.disabled {
  cursor: not-allowed !important;
  color: #454545 !important;
  opacity: 0.3;
}

a:disabled:focus, a.disabled:focus {
  outline: none;
  background-color: transparent;
}

.background-dark a:not(.button) {
  color: #ffffff;
}

.background-dark a:disabled, .background-dark a.disabled {
  box-shadow: none !important;
  cursor: not-allowed !important;
  color: #999999 !important;
  box-shadow: none !important;
  outline-offset: inherit !important;
}

.background-dark a:disabled:focus, .background-dark a.disabled:focus {
  outline: none;
  background-color: transparent;
}

h1, .h1 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: #1a1a1a;
  text-transform: none;
  word-break: break-word;
}

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 3.2rem;
  }
}

h2, .h2 {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: none;
}

@media (max-width: 767px) {
  h2, .h2 {
    font-size: 2.8rem;
  }
}

h3, .h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: none;
}

@media (max-width: 767px) {
  h3, .h3 {
    font-size: 2.4rem;
  }
}

h4, .h4 {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: none;
}

h5, .h5 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: none;
}

h6, .h6 {
  font-size: 1.3rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #1a1a1a;
  text-transform: uppercase;
}

p, .body-text, .body-copy-text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #1a1a1a;
  text-transform: none;
}

.font-lead {
  font-size: 2rem;
  font-weight: 400;
  line-height: 3.2rem;
  max-width: 66ch;
  color: #1a1a1a;
}

.weight-normal {
  font-weight: 400;
}

.weight-semibold {
  font-weight: 600;
}

strong, b, .bold {
  font-weight: 700;
}

.italic, em {
  font-style: italic;
}

small, .small-text {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.form-label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: none;
}

/*h1, .h1, //Removed this styling, it make for a messy margin handling.
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p{
  &:first-child{
    margin-top: 0;
  }
  &:last-child{
    margin-bottom: 0;
  }
}*/
h1:focus, .h1:focus,
h2:focus, .h2:focus,
h3:focus, .h3:focus,
h4:focus, .h4:focus,
h5:focus, .h5:focus,
h6:focus, .h6:focus {
  outline: none;
}

h1, .h1 {
  margin-bottom: 1.6rem;
  margin-top: 0px;
}

h2, .h2 {
  margin-top: 32px;
  margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
  h2, .h2 {
    margin-top: 4rem;
  }
}

h3, .h3 {
  margin-top: 32px;
  margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
  h3, .h3 {
    margin-top: 4rem;
  }
}

h4, .h4 {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
}

h5, .h5 {
  margin-top: 2.4rem;
  margin-bottom: 0;
}

h6, .h6 {
  margin-top: 2.4rem;
  margin-bottom: 0;
}

.font-lead {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
}

p, .body-text {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

h5 + p, h5 + ul, h5 + ol, .h5 + p, .h5 + ul, .h5 + ol, h6 + p, h6 + ul, h6 + ol, .h6 + p, .h6 + ul, .h6 + ol {
  margin-top: 0;
}

.function-link {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #1a1a1a;
  text-transform: none;
  display: inline-block;
}

.function-link:hover, .function-link:visited, .function-link:focus {
  color: #1a1a1a;
}

.function-link .icon-svg {
  margin-right: 4px;
}

.background-dark .function-link .icon-svg {
  fill: white;
}

.function-link.link-right {
  text-align: right;
}

.back-link {
  border-bottom: 1px solid #747474;
  color: #1a1a1a;
  text-decoration: none;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  line-height: 2.4rem;
  padding-left: 14px;
}

.back-link::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 0%);
  clip-path: polygon(0% 50%, 100% 100%, 100% 0%);
  border-width: 5px 6px 5px 0;
  border-right-color: inherit;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.back-link:active, .back-link:focus, .back-link:hover, .back-link:visited {
  color: #1a1a1a;
}

a.bold-link {
  font-weight: 600;
}

.icon-link {
  line-height: 2.4rem;
}

.icon-link .icon-svg {
  margin-left: 4px;
  width: 1.6rem;
  height: 1.6rem;
  fill: currentColor;
}

h1 a, h1 a:hover, h1 a:visited, h1 a:focus, .h1 a, .h1 a:hover, .h1 a:visited, .h1 a:focus,
h2 a,
h2 a:hover,
h2 a:visited,
h2 a:focus, .h2 a, .h2 a:hover, .h2 a:visited, .h2 a:focus,
h3 a,
h3 a:hover,
h3 a:visited,
h3 a:focus, .h3 a, .h3 a:hover, .h3 a:visited, .h3 a:focus,
h4 a,
h4 a:hover,
h4 a:visited,
h4 a:focus, .h4 a, .h4 a:hover, .h4 a:visited, .h4 a:focus,
h5 a,
h5 a:hover,
h5 a:visited,
h5 a:focus, .h5 a, .h5 a:hover, .h5 a:visited, .h5 a:focus,
h6 a,
h6 a:hover,
h6 a:visited,
h6 a:focus, .h6 a, .h6 a:hover, .h6 a:visited, .h6 a:focus {
  text-decoration: underline;
}

h1 a.search-link, .h1 a.search-link,
h2 a.search-link, .h2 a.search-link,
h3 a.search-link, .h3 a.search-link,
h4 a.search-link, .h4 a.search-link,
h5 a.search-link, .h5 a.search-link,
h6 a.search-link, .h6 a.search-link {
  text-decoration: none;
}

h1 a.search-link:visited, .h1 a.search-link:visited,
h2 a.search-link:visited, .h2 a.search-link:visited,
h3 a.search-link:visited, .h3 a.search-link:visited,
h4 a.search-link:visited, .h4 a.search-link:visited,
h5 a.search-link:visited, .h5 a.search-link:visited,
h6 a.search-link:visited, .h6 a.search-link:visited {
  text-decoration: underline;
}

h1 a.search-link:focus, .h1 a.search-link:focus,
h2 a.search-link:focus, .h2 a.search-link:focus,
h3 a.search-link:focus, .h3 a.search-link:focus,
h4 a.search-link:focus, .h4 a.search-link:focus,
h5 a.search-link:focus, .h5 a.search-link:focus,
h6 a.search-link:focus, .h6 a.search-link:focus {
  text-decoration: none;
}

h1 a.search-link:hover, .h1 a.search-link:hover,
h2 a.search-link:hover, .h2 a.search-link:hover,
h3 a.search-link:hover, .h3 a.search-link:hover,
h4 a.search-link:hover, .h4 a.search-link:hover,
h5 a.search-link:hover, .h5 a.search-link:hover,
h6 a.search-link:hover, .h6 a.search-link:hover {
  text-decoration: underline;
}

cite,
var,
address,
dfn {
  font-style: normal;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  max-width: 66ch;
}

p,
ul:not(.accordion):not(.accordion-bordered):not(.nav-primary):not(.inline-list):not(.tabnav):not(.sidenav-list):not(.sidenav-sub_list),
ol:not(.accordion):not(.accordion-bordered):not(.sidenav-list) {
  max-width: 66ch;
}

.font-lead {
  max-width: 66ch;
}

.form-label, .form-hint, .form-error-message {
  max-width: 66ch;
}

.form-checkbox + label, .form-radio + label {
  max-width: 66ch;
}

a:not(.button) {
  max-width: 66ch;
}

.displayheading-1 {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 5.6rem;
  margin-bottom: 0;
  color: #1a1a1a;
}

.displayheading-2 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 0;
  color: #1a1a1a;
}

.text-positive {
  color: #358000;
}

.text-negative {
  color: #CC0000;
}

.color-text-black {
  color: #1a1a1a;
}

.background-dark {
  background-color: #1a1a1a;
}

.background-dark p, .background-dark span {
  color: #ffffff;
}

.field-group-title {
  font-weight: 400;
}

.field-group-title ~ hr {
  border: 2px solid #1a1a1a;
}

h1, h2, h3, h4, h5, h6, p, legend, strong, b, cite, var, address, dfn {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.tippy-box {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #1a1a1a;
  text-transform: none;
  font-size: 1.6rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border: 1px solid #747474;
  background-clip: padding-box;
  color: #1a1a1a;
}

.tippy-box > .tippy-backdrop {
  background-color: #fff;
}

.tippy-box > .tippy-arrow:after, .tippy-box > .tippy-svg-arrow:after {
  content: "";
  position: absolute;
  z-index: -1;
}

.tippy-box > .tippy-arrow:after {
  border-color: transparent;
  border-style: solid;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  border-top-color: #fff;
}

.tippy-box[data-placement^=top] > .tippy-arrow:after {
  border-top-color: #747474;
  border-width: 7px 7px 0;
  top: 17px;
  left: 1px;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after {
  top: 17px;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #fff;
  bottom: 16px;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:after {
  border-bottom-color: #747474;
  border-width: 0 7px 7px;
  bottom: 17px;
  left: 1px;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow:after {
  bottom: 17px;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-left-color: #fff;
}

.tippy-box[data-placement^=left] > .tippy-arrow:after {
  border-left-color: #747474;
  border-width: 7px 0 7px 7px;
  left: 17px;
  top: 1px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  left: 11px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after {
  left: 12px;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  border-right-color: #fff;
  right: 16px;
}

.tippy-box[data-placement^=right] > .tippy-arrow:after {
  border-width: 7px 7px 7px 0;
  right: 17px;
  top: 1px;
  border-right-color: #747474;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  right: 11px;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after {
  right: 12px;
}

.tippy-box > .tippy-svg-arrow {
  fill: #fff;
}

.tippy-box > .tippy-svg-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
  background-size: 16px 6px;
  width: 16px;
  height: 6px;
}

.popover {
  cursor: pointer;
}

.tippy-tooltip {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #1a1a1a;
  text-transform: none;
  font-size: 1.6rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border: 1px solid #747474;
}

.tippy-tooltip .tippy-backdrop {
  background-color: #fff;
}

.tippy-tooltip .tippy-roundarrow {
  fill: #fff;
}

.tippy-tooltip[data-animatefill] {
  background-color: transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip .tippy-arrow {
  border-top: 7px solid #999999;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip .tippy-arrow:after {
  content: '';
  border-top: 6px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: block;
  position: absolute;
  bottom: 1px;
  margin-left: -6px;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip .tippy-arrow {
  border-bottom: 7px solid #999999;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip .tippy-arrow:after {
  content: '';
  border-bottom: 6px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: block;
  position: absolute;
  top: 1px;
  margin-left: -6px;
}

.tippy-popper[x-placement^=left] .tippy-tooltip .tippy-arrow {
  border-left: 7px solid #999999;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip .tippy-arrow:after {
  content: '';
  border-left: 6px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: block;
  position: absolute;
  top: -6px;
  margin-left: -7px;
}

.tippy-popper[x-placement^=right] .tippy-tooltip .tippy-arrow {
  border-right: 7px solid #999999;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip .tippy-arrow:after {
  content: '';
  border-right: 6px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: block;
  position: absolute;
  top: -6px;
  margin-left: 1px;
}

.tippy-popper .tooltip {
  border: none;
  background: none;
  padding: 0;
}
