@import 'datepicker.css';
@import 'dropdown.css';
@import 'forms.css';
@import 'icons.css';

body {
  font-size: 1.8rem;
  line-height: 2.85rem;
  font-family: var(--font-body), sans-serif;
  background-color: var(--page-fill-neutral-light);
  font-weight: 400;
  color: var(--text-paragraph-dark);
}

h1,
.h1,
h2,
.h2 {
  font-weight: 400;
  font-family: var(--font-heading), serif;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  color: var(--text-heading-dark-600);
}
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 400;
  font-family: var(--font-body), sans-serif;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  color: var(--text-heading-dark-600);
}

h1,
.h1 {
  font-size: 4.8rem;
  line-height: 5.9rem;
}
.h1--hero {
  font-size: 6.4rem;
  line-height: 7.9rem;
}
h2,
.h2 {
  font-size: 4.2rem;
  line-height: 5.6rem;
  letter-spacing: 0.08px;
}
h3,
.h3 {
  font-size: 3.2rem;
  line-height: 4.2rem;
  letter-spacing: 0.04rem;
}
h4,
.h4 {
  font-size: 2.6rem;
  line-height: 3.4rem;
  letter-spacing: 0.04rem;
  color: #000000;
}
h5,
.h5 {
  font-size: 2rem;
  line-height: 2.6rem;
}
h6,
.h6 {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #000000;
  letter-spacing: 0.04rem;
}
.subhead {
  font-weight: 500;
  font-size: 3.8rem;
  line-height: 4.8rem;
  letter-spacing: 0.74rem;
  text-transform: uppercase;
  font-family: var(--font-body), sans-serif;
}

p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.copy-lead {
  font-size: 2rem;
  line-height: 2.6rem;
  letter-spacing: 0.04rem;
}
.copy-small,
.copy-small p {
  font-size: 1.6rem;
  line-height: 2rem;
}
.copy-micro {
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.04rem;
}

/* layout */
.wider-page .wrapper,
.search-page .wrapper,
.wrapper--edge {
  max-width: 1312px;
  padding: 0 32px;
}
.wider-page .wrapper--full,
.wrapper--full {
  max-width: 1920px;
  padding: 0;
}
.column {
  padding: 60px 0;
}

/* buttons */
button,
a {
  cursor: pointer;
}
button:disabled {
  pointer-events: none;
}

/* general links */
.general-link {
  color: var(--text-hyperlink-unclicked-bg);
}
.general-link::after {
  background: var(--text-hyperlink-unclicked-bg);
}
.general-link:focus-visible::before {
  border-color: var(--text-hyperlink-unclicked-bg);
}

.general-link--white {
  color: var(--text-hyperlink-light);
}
.general-link--white:focus-visible::before {
  border-color: var(--text-hyperlink-light);
}
.general-link--white::after {
  background-color: var(--text-hyperlink-light);
}

.general-link--blue {
  color: var(--text-hyperlink-unclicked-bg);
}
.general-link--blue:focus-visible::before {
  border-color: var(--text-hyperlink-unclicked-bg);
}
.general-link--blue::after {
  background-color: var(--text-hyperlink-unclicked-bg);
}

a.btn {
  text-decoration: none;
}
.btn {
  display: inline-block;
  padding: 12px 31px;
  border: 2px solid transparent;
  border-radius: 50px;
  background: var(--interaction-primary-dark-default);
  color: var(--text-hyperlink-light);
  font-size: 1.6rem;
  line-height: 1.8rem;
  outline: none;
}
.btn a {
  color: inherit;
  text-decoration: none;
}
.btn:hover {
  background: var(--interaction-primary-dark-hover);
  color: var(--text-hyperlink-light);
}
.btn:active {
  background: var(--interaction-primary-dark-default);
  color: var(--text-hyperlink-light);
  font-weight: 500;
}
.btn:focus {
  border-color: var(--interaction-primary-dark-focus);
}
.btn:disabled {
  background: var(--content-width-fill-cool-light);
  color: var(--text-hyperlink-disabled);
}
.btn--secondary {
  color: var(--text-hyperlink-unclicked-bg);
  background: var(--interaction-secondary-default);
  border-color: var(--content-width-fill-border-dark);
  padding: 13px 32px;
  border-width: 1px;
}
.btn--secondary:hover {
  background: var(--interaction-secondary-hover);
  color: var(--text-hyperlink-unclicked-bg);
}
.btn--secondary:active {
  background: var(--interaction-secondary-active);
  color: var(--text-hyperlink-unclicked-bg);
}
.btn--secondary:disabled {
  background: var(--interaction-secondary-disabled, var(--interaction-secondary-active));
  border-color: var(--content-width-fill-border-disabled, transparent);
}
.btn--tertiary {
  padding: 13px 32px;
  border: 1px solid var(--content-width-fill-border-dark);
  background: var(--interaction-tertiary-default);
  color: var(--text-hyperlink-unclicked-bg);
}
.btn--tertiary:hover {
  background: var(--interaction-tertiary-hover);
  border: 1px solid var(--content-width-fill-border-primary);
  color: var(--text-hyperlink-unclicked-bg);
}
.btn--tertiary:active {
  font-weight: 500;
  background: var(--interaction-tertiary-active);
  border: 1px solid var(--content-width-fill-border-primary);
  color: var(--text-hyperlink-unclicked-bg);
}
.btn--tertiary:focus {
  padding: 12px 31px;
  background: var(--interaction-tertiary-focus);
  border: 2px solid var(--content-width-fill-border-default);
}
.btn--tertiary:disabled {
  border: 1px solid var(--content-width-fill-border-disabled);
  background: var(--interaction-tertiary-disabled, transparent);
  color: var(--text-hyperlink-disabled);
}
.btn--white {
  background: var(--interaction-primary-light-default);
  color: var(--text-hyperlink-unclicked-bg);
}
.btn--white:hover {
  background: var(--interaction-primary-light-hover);
  color: var(--text-hyperlink-primary-dark);
}
.btn--white:active {
  background: var(--interaction-primary-light-default);
  color: var(--text-hyperlink-primary-dark);
  font-weight: 500;
}
.btn--outline {
  padding: 13px 32px;
  border: 1px solid var(--content-width-fill-border-light);
  background: transparent;
  color: var(--text-hyperlink-light);
}
.btn--outline:hover {
  background: var(--content-width-fill-neutral-light-20);
  color: var(--text-hyperlink-light);
}
.btn--outline:active {
  font-weight: 500;
  background: var(--content-width-fill-neutral-light-20);
  color: var(--text-hyperlink-light);
}
.btn--outline:focus {
  padding: 12px 31px;
  border: 2px solid var(--content-width-fill-border-light);
  outline: none;
}
.btn--outline:disabled {
  background: transparent;
  border: 1px solid var(--content-width-fill-border-light);
  color: var(--text-hyperlink-disabled);
  opacity: 0.6;
}

/* forms */
.form__submit--loading {
  color: var(--text-hyperlink-primary-dark);
  background: var(--content-width-fill-neutral-light);
  padding: 12px 16px;
  border: 2px solid var(--content-width-fill-border-default);
}
.form__spinner {
  background-image: url('../gifs/spinner.gif');
}
.tooltip__container .tooltip__header {
  font-weight: 500;
}

.icon-btn {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  overflow: visible;
}
.icon-btn__inner {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--content-width-fill-neutral-light);
  border-radius: 50%;
  position: relative;
}
.icon-btn .icon-btn__svg {
  width: 16px;
  height: 16px;
}
.icon-btn:hover .icon-btn__svg {
  fill: var(--text-hyperlink-primary-dark);
}
.icon-btn:hover .icon-btn__svg path {
  stroke: var(--text-hyperlink-primary-dark);
}
.icon-btn:hover .icon-btn__inner {
  background: var(--content-width-fill-cool-light);
}
.icon-btn:focus {
  outline: none;
}
.icon-btn:focus .icon-btn__inner {
  border: 2px solid var(--content-width-fill-border-default);
}
.icon-btn--large .icon-btn__inner {
  width: 54px;
  height: 54px;
}
.icon-btn--large .icon-btn__svg {
  width: 32px;
  height: 32px;
}
.icon-btn:disabled .icon-btn__inner {
  background: var(--page-fill-surface-disabled);
  border: 1px solid var(--content-width-fill-border-disabled);
}
.icon-btn:disabled .icon-btn__svg {
  fill: var(--text-hyperlink-disabled);
}
.icon-btn:disabled .icon-btn__svg path {
  stroke: var(--text-hyperlink-disabled);
}
.icon-btn--rev .icon-btn__inner {
  transform: rotate(180deg);
}

.cta {
  color: var(--text-hyperlink-primary-dark);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.03rem;
  padding-bottom: 5px;
  border-bottom: 4px solid var(--text-hyperlink-primary-dark);
  text-decoration: none;
}
.cta:hover,
.cta:focus {
  border-color: var(--text-hyperlink-primary-dark-80);
}
.cta:active {
  border-color: var(--text-hyperlink-primary-dark);
}
.cta--white {
  color: var(--text-hyperlink-light);
}
.cta--white:hover,
.cta--white:focus {
  border-bottom: 4px solid var(--content-width-fill-border-default);
}
.cta--white:active {
  color: var(--text-accent-success);
  border-bottom: 4px solid var(--text-accent-success);
}

/* rich text */
.rich-text b,
.rich-text strong {
  font-weight: 500;
}
.rich-text p {
  padding: 0 0 29px;
}
.rich-text p:last-child {
  padding-bottom: 0;
}
.rich-text h2 {
  padding: 29px 0 28px;
}
.rich-text h3 {
  padding: 18px 0 27px;
}
.rich-text h4 {
  padding: 20px 0 15px;
}
.rich-text h5 {
  padding: 21px 0 11px;
}
.rich-text h6 {
  padding: 24px 0 12px;
}

.rich-text .copy-lead {
  padding-bottom: 14px;
  font-size: 2rem;
  letter-spacing: 0.04rem;
}
.rich-text .copy-small,
.rich-text .copy-small p {
  padding-bottom: 16px;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: normal;
}

/* rich text - links */
.rich-text a.btn {
  margin: 7px 0 8px;
}
.rich-text a:not(.btn) {
  color: var(--text-hyperlink-unclicked-bg);
  font-weight: 500;
  font-size: 1.6rem;
}
.rich-text h2 a:not(.btn),
.rich-text h3 a:not(.btn),
.rich-text h4 a:not(.btn),
.rich-text h5 a:not(.btn),
.rich-text h6 a:not(.btn),
.rich-text sup a:not(.btn) {
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.copy-lead a:not(.btn) {
  font-size: 2rem;
}
.copy-small a:not(.btn) {
  font-size: 1.6rem;
}
.rich-text a:not(.btn):hover {
  color: var(--text-hyperlink-visited-bg);
}
.rich-text a:not(.btn):focus {
  color: var(--text-hyperlink-unclicked-bg);
}

/* rich text table */
.rich-text-table {
  margin: 10px 0;
  overflow-x: auto;
  text-align: left;
}
.rich-text-table table {
  color: var(--text-label-dark);
  border-collapse: separate;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.rich-text-table th {
  background: var(--content-width-fill-warm-500-light);
  font-weight: 400;
}
.rich-text-table th,
.rich-text-table td {
  padding: 19px 44px 20px;
}
.rich-text-table td:first-child,
.rich-text-table th:first-child {
  padding: 19px 20px 20px;
}
.rich-text-table tr:nth-child(odd) {
  background: var(--content-width-fill-warm-400);
}
.rich-text-table tr:nth-child(even) {
  background: var(--content-width-fill-warm-500-light);
}

/* rich text snippets - list types */
.list {
  padding-bottom: 38px;
  list-style-type: none;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.033rem;
  color: var(--text-paragraph-dark);
}
.list li {
  position: relative;
  margin-left: 26px;
  margin-bottom: 18px;
  line-height: 2.8rem;
  font-size: 1.8rem;
}
.list li::before {
  position: absolute;
  content: '';
  display: block;
  top: 12px;
  left: -26px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--content-width-fill-bullet-icon-dark);
  box-sizing: border-box;
}
.list li:last-child {
  margin-bottom: 0;
}

.list--lead {
  font-size: 2rem;
  line-height: 2.8rem;
}
.list--tick {
  list-style-type: none;
  font-weight: 400;
}
.list--tick li::before {
  width: 17px;
  height: 13px;
  top: 8px;
  left: -27px;
  background: var(--icon-tick);
  background-position: center;
  background-size: cover;
}
.list--tick.list--lead li::before {
  top: 3px;
}
.list--clock {
  font-weight: 400;
}
.list--clock li::before {
  width: 19px;
  height: 19px;
  top: 4px;
  left: -28px;
  background: var(--icon-clock);
}
.list--clock.list--lead li::before {
  top: 5px;
}
.list--ordered {
  list-style-type: none;
  font-weight: 400;
}
.list--ordered li {
  counter-increment: count;
}
.list--ordered li::before {
  content: counter(count);
  left: -28px;
  top: 0;
  color: var(--content-width-fill-bullet-icon-dark);
  font-size: 1.8rem;
  background: none;
}
.list:last-child {
  padding-bottom: 0;
}

/* tags */
.tag {
  padding: 8px 10px;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.055rem;
  color: var(--text-label-dark);
}

/* background colours */
.bg {
  background: var(--theme-bg);
}
.bg--blue {
  background: var(--theme-bg--blue) !important;
}
.bg--green {
  background: var(--theme-bg--green) !important;
}
.bg--light-grey {
  background: var(--theme-bg--light-grey) !important;
}
.bg--orange {
  background: var(--theme-bg--orange) !important;
}
.bg--light-orange {
  background: var(--theme-bg--light-orange) !important;
}
.bg--light-green {
  background: var(--theme-bg--light-green) !important;
}
.bg--light-blue {
  background: var(--theme-bg--light-blue) !important;
}
.bg--deep-blue {
  background: var(--theme-bg--deep-blue) !important;
}

.bg + .bg {
  border-top: 1px solid var(--content-width-fill-border-disabled);
}
.bg + .bg--blue,
.bg + .bg--green,
.bg + .bg--light-grey,
.bg + .bg--orange,
.bg + .bg--light-orange,
.bg + .bg--light-green,
.bg + .bg--light-blue,
.bg + .bg--deep-blue,
.bg--blue + .bg,
.bg--green + .bg,
.bg--light-grey + .bg,
.bg--orange + .bg,
.bg--light-orange + .bg,
.bg--light-green + .bg,
.bg--light-blue + .bg,
.bg--deep-blue + .bg {
  border-top: none;
}

/* background colour modifiers for text */
.bg--deep-blue,
.bg--blue {
  color: var(--text-paragraph-light);
}
.bg--green,
.bg--light-grey {
  color: var(--text-paragraph-dark);
}

/* background colour modifiers for titles */
.bg--deep-blue h1,
.bg--deep-blue h2,
.bg--deep-blue h3,
.bg--deep-blue h4,
.bg--deep-blue h5,
.bg--deep-blue h6 {
  color: var(--text-heading-accent);
}

.bg--blue h1,
.bg--blue h2,
.bg--blue h3,
.bg--blue h4,
.bg--blue h5,
.bg--blue h6 {
  color: var(--text-paragraph-light);
}

.bg--orange h1,
.bg--green h1,
.bg--light-grey h1,
.bg--orange h2,
.bg--green h2,
.bg--light-grey h2,
.bg--orange h3,
.bg--green h3,
.bg--light-grey h3,
.bg--orange h4,
.bg--green h4,
.bg--light-grey h4,
.bg--orange h5,
.bg--green h5,
.bg--light-grey h5,
.bg--orange h6,
.bg--green h6,
.bg--light-grey h6 {
  color: var(--text-heading-dark-600);
}

/* background colour modifiers for buttons */
.bg--deep-blue .btn,
.bg--deep-blue .rich-text .btn,
.bg--blue .btn,
.bg--blue .rich-text .btn {
  background-color: var(--interaction-primary-light-default);
  color: var(--text-hyperlink-unclicked-bg);
}
.bg--deep-blue .btn:hover,
.bg--deep-blue .rich-text .btn:hover,
.bg--blue .btn:hover,
.bg--blue .rich-text .btn:hover {
  background-color: var(--interaction-primary-light-hover);
  color: var(--text-hyperlink-unclicked-bg);
}
.bg--deep-blue .btn:focus,
.bg--deep-blue .rich-text .btn:focus,
.bg--blue .btn:focus,
.bg--blue .rich-text .btn:focus {
  color: var(--text-hyperlink-unclicked-bg);
  outline: none;
}
.bg--deep-blue .btn:active,
.bg--deep-blue .rich-text .btn:active,
.bg--blue .btn:active,
.bg--blue .rich-text .btn:active {
  border-color: var(--content-width-fill-border-default);
}
.bg--deep-blue .btn:disabled,
.bg--deep-blue .rich-text .btn:disabled,
.bg--blue .btn:disabled,
.bg--blue .rich-text .btn:disabled {
  border-color: var(--content-width-fill-border-disabled);
  opacity: 0.6;
}

.bg--deep-blue .btn--secondary,
.bg--deep-blue .rich-text .btn--secondary {
  background-color: var(--primary-deep-blue-500);
  border-color: var(--interaction-primary-light-default);
  color: var(--interaction-primary-light-default);
}
.bg--blue .btn--secondary,
.bg--blue .rich-text .btn--secondary {
  background-color: var(--primary-blue-200);
  border-color: var(--interaction-primary-light-default);
  color: var(--interaction-primary-light-default);
}
.bg--deep-blue .btn--secondary:hover,
.bg--deep-blue .rich-text .btn--secondary:hover,
.bg--blue .btn--secondary:hover,
.bg--blue .rich-text .btn--secondary:hover {
  background-color: var(--content-width-fill-border-default);
  color: var(--interaction-primary-light-default);
}
.bg--deep-blue .btn--secondary:focus,
.bg--deep-blue .rich-text .btn--secondary:focus,
.bg--blue .btn--secondary:focus,
.bg--blue .rich-text .btn--secondary:focus {
  color: var(--interaction-primary-light-default);
  border-color: var(--interaction-primary-light-default);
  outline: none;
}
.bg--deep-blue .btn--secondary:active,
.bg--deep-blue .rich-text .btn--secondary:active,
.bg--blue .btn--secondary:active,
.bg--blue .rich-text .btn--secondary:active {
  border-color: var(--interaction-primary-light-default);
  color: var(--interaction-primary-light-default);
}
.bg--deep-blue .btn--secondary:disabled,
.bg--deep-blue .rich-text .btn--secondary:disabled,
.bg--blue .btn--secondary:disabled,
.bg--blue .rich-text .btn--secondary:disabled {
  border-color: var(--interaction-primary-light-default);
}

.bg--light-grey .btn,
.bg--light-grey .rich-text .btn,
.bg--green .btn,
.bg--green .rich-text .btn,
.bg--orange .btn,
.bg--orange .rich-text .btn {
  background: var(--interaction-primary-dark-default);
  color: var(--text-paragraph-light);
}
.bg--light-grey .btn:hover,
.bg--light-grey .rich-text .btn:hover,
.bg--green .btn:hover,
.bg--green .rich-text .btn:hover,
.bg--orange .btn:hover,
.bg--orange .rich-text .btn:hover {
  background: var(--interaction-primary-dark-hover);
  color: var(--text-paragraph-light);
}
.bg--light-grey .btn:focus,
.bg--light-grey .rich-text .btn:focus,
.bg--green .btn:focus,
.bg--green .rich-text .btn:focus,
.bg--orange .btn:focus,
.bg--orange .rich-text .btn:focus {
  border-color: var(--content-width-fill-border-default);
  color: var(--text-paragraph-light);
  outline: none;
}
.bg--light-grey .btn:active,
.bg--light-grey .rich-text .btn:active,
.bg--green .btn:active,
.bg--green .rich-text .btn:active,
.bg--orange .btn:active,
.bg--orange .rich-text .btn:active {
  background: var(--interaction-primary-dark-default);
  color: var(--text-paragraph-light);
}
.bg--light-grey .btn:disabled,
.bg--light-grey .rich-text .btn:disabled,
.bg--green .btn:disabled,
.bg--green .rich-text .btn:disabled,
.bg--orange .btn:disabled,
.bg--orange .rich-text .btn:disabled {
  background: #eeefef;
  color: var(--text-hyperlink-disabled);
  opacity: 0.6;
}

.bg--light-grey .btn--secondary,
.bg--light-grey .rich-text .btn--secondary,
.bg--green .btn--secondary,
.bg--green .rich-text .btn--secondary,
.bg--orange .btn--secondary,
.bg--orange .rich-text .btn--secondary {
  background: var(--interaction-primary-light-default);
  color: var(--text-hyperlink-unclicked-bg);
}
.bg--light-grey .btn--secondary:hover,
.bg--light-grey .rich-text .btn--secondary:hover,
.bg--green .btn--secondary:hover,
.bg--green .rich-text .btn--secondary:hover,
.bg--orange .btn--secondary:hover,
.bg--orange .rich-text .btn--secondary:hover {
  background: var(--interaction-primary-light-hover);
  color: var(--text-hyperlink-primary-dark);
}
.bg--light-grey .btn--secondary:focus,
.bg--light-grey .rich-text .btn--secondary:focus,
.bg--green .btn--secondary:focus,
.bg--green .rich-text .btn--secondary:focus,
.bg--orange .btn--secondary:focus,
.bg--orange .rich-text .btn--secondary:focus {
  border-color: var(--content-width-fill-border-default);
  color: var(--text-hyperlink-primary-dark);
}
.bg--light-grey .btn--secondary:active,
.bg--light-grey .rich-text .btn--secondary:active,
.bg--green .btn--secondary:active,
.bg--green .rich-text .btn--secondary:active,
.bg--orange .btn--secondary:active,
.bg--orange .rich-text .btn--secondary:active {
  background: var(--interaction-primary-light-default);
  color: var(--interaction-primary-dark-default);
}
.bg--light-grey .btn--secondary:disabled,
.bg--light-grey .rich-text .btn--secondary:disabled,
.bg--green .btn--secondary:disabled,
.bg--green .rich-text .btn--secondary:disabled,
.bg--orange .btn--secondary:disabled,
.bg--orange .rich-text .btn--secondary:disabled {
  border-color: var(--content-width-fill-border-disabled);
}

/* background colour modifiers for lists */
.bg--deep-blue .list,
.bg--blue .list {
  color: var(--text-paragraph-light);
}
.bg--deep-blue .list--clock li::before,
.bg--blue .list--clock li::before {
  background: var(--clock-white);
}
.bg--deep-blue .list--tick li::before,
.bg--blue .list--tick li::before {
  background: var(--icon-tick-white);
}
.bg--light-grey .list,
.bg--green .list {
  color: var(--primary-deep-blue-500);
}
.bg--orange .list {
  color: var(--neutrals-grey-400);
}
.bg--light-grey .list--tick li::before,
.bg--green .list--tick li::before,
.bg--orange .list--tick li::before {
  background: var(--icon-tick-blue);
}

/* background colour modifiers for links */
.bg--deep-blue a,
.bg--deep-blue .rich-text a,
.bg--blue a,
.bg--blue .rich-text a {
  color: var(--text-paragraph-light);
  text-decoration-color: var(--text-paragraph-light);
}
.bg--deep-blue a:hover,
.bg--deep-blue .rich-text a:hover,
.bg--blue a:hover,
.bg--blue .rich-text a:hover {
  color: var(--text-paragraph-light);
  text-decoration-color: var(--content-width-fill-border-default);
}
.bg--deep-blue a:focus,
.bg--deep-blue .rich-text a:focus,
.bg--blue a:focus,
.bg--blue .rich-text a:focus {
  color: var(--text-paragraph-light);
  outline: var(--text-paragraph-light) auto 1px;
}
.bg--light-grey a,
.bg--light-grey .rich-text a,
.bg--green a,
.bg--green .rich-text a,
.bg--orange a,
.bg--orange .rich-text a {
  color: var(--text-hyperlink-unclicked-bg);
  text-decoration-color: var(--text-hyperlink-unclicked-bg);
}
.bg--light-grey a:hover,
.bg--light-grey .rich-text a:hover,
.bg--green a:hover,
.bg--green .rich-text a:hover,
.bg--orange a:hover,
.bg--orange .rich-text a:hover {
  color: var(--text-hyperlink-unclicked-bg);
  text-decoration-color: var(--content-width-fill-border-default);
}
.bg--light-grey a:focus,
.bg--light-grey .rich-text a:focus,
.bg--green a:focus,
.bg--green .rich-text a:focus,
.bg--orange a:focus,
.bg--orange .rich-text a:focus {
  color: var(--text-hyperlink-unclicked-bg);
  outline: var(--text-hyperlink-unclicked-bg) auto 1px;
}

@media screen and (max-width: 768px) {
  h1,
  .h1,
  .h1--hero {
    font-size: 3rem;
    line-height: 3.7rem;
  }
  h2,
  .h2 {
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing: 0.04rem;
  }
  h3,
  .h3 {
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: 0.04rem;
  }
  h4,
  .h4 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  h5,
  .h5 {
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.03rem;
  }
  .subhead {
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: 0.28rem;
  }

  p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .copy-small,
  .copy-small p {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  .copy-micro {
    line-height: 1.6rem;
    letter-spacing: 0.05rem;
  }

  .wider-page .wrapper,
  .search-page .wrapper,
  .wrapper--edge,
  .wrapper {
    padding: 0 16px;
  }
  .wider-page .wrapper--full,
  .wrapper--full {
    padding: 0;
  }

  .btn,
  .btn--tertiary:focus,
  .btn--outline:focus {
    padding: 12px 34px;
    font-size: 1.4rem;
  }
  .btn--tertiary,
  .btn--outline {
    padding: 13px 35px;
  }
  .icon-btn__inner {
    border: 1px solid var(--content-width-fill-border-dark);
  }
  .icon-btn--large .icon-btn__inner {
    width: 42px;
    height: 42px;
  }

  .cta {
    line-height: 1.8rem;
  }

  /* rich text */
  .rich-text p {
    padding: 0 0 20px;
  }
  .rich-text h2 {
    padding: 26px 0 20px;
  }
  .rich-text h3 {
    padding: 19px 0 13px;
  }
  .rich-text h4 {
    padding: 19px 0 11px;
    letter-spacing: 0.03rem;
  }
  .rich-text h5 {
    padding: 22px 0 6px;
  }
  .rich-text h6 {
    padding: 25px 0 15px;
  }

  .rich-text .copy-lead {
    padding-bottom: 13px;
  }
  .rich-text .copy-small,
  .rich-text .copy-small p {
    padding-bottom: 12px;
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .rich-text a.btn {
    margin: 5px 0 7px;
  }

  .rich-text-table th,
  .rich-text-table td {
    padding: 19px 16px 20px;
  }
  .rich-text-table td:first-child,
  .rich-text-table th:first-child {
    padding: 19px 12px 20px;
  }

  /* rich text snippets - list types */
  .list {
    padding-bottom: 27px;
  }
  .list li,
  .list--tick li,
  .list--ordered li,
  .list--clock li {
    margin-bottom: 10px;
  }
  .list li {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .list li::before {
    top: 10px;
  }
  .list--clock li::before {
    top: 3px;
  }
  .list--tick li::before {
    top: 6px;
  }
  .list--ordered li::before {
    top: 2px;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}