html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* One-off breakpoints (consider consolidation)*/
/* Mayflower Color Tokens */
.pre-content > .ma__callout-alert,
.post-content > .ma__callout-alert,
.main-content.main-content--full .page-content > .ma__callout-alert {
  margin-right: auto;
  margin-left: auto;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 40px; }
  @media (min-width: 781px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 911px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 911px) and (max-width: 1320px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      margin-left: 0;
      margin-right: 0;
      max-width: 820px; } }
  @media (min-width: 1321px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      margin-left: auto;
      margin-right: auto;
      padding-right: 500px; } }
  @media (min-width: 621px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      margin-top: 60px; } }
  @media (min-width: 781px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      margin-top: 70px; } }
  @media (min-width: 911px) {
    .pre-content > .ma__callout-alert,
    .post-content > .ma__callout-alert,
    .main-content.main-content--full .page-content > .ma__callout-alert {
      margin-top: 90px; } }
  .pre-content > .ma__callout-alert:first-child,
  .post-content > .ma__callout-alert:first-child,
  .main-content.main-content--full .page-content > .ma__callout-alert:first-child {
    margin-top: 0; }

.rich-text .ma__callout-alert {
  margin-bottom: 1.75rem; }

.ma__callout-alert__content {
  border: 3px solid;
  display: block;
  padding: 15px 20px;
  padding-left: 65px;
  position: relative; }
  @media (min-width: 621px) {
    .ma__callout-alert__content {
      padding: 30px;
      padding-left: 100px; } }

.ma__callout-alert__icon {
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%); }
  @media (min-width: 621px) {
    .ma__callout-alert__icon {
      left: 30px; } }
  .ma__callout-alert__icon > svg {
    height: 48px;
    width: 44px; }
    @media (max-width: 620px) {
      .ma__callout-alert__icon > svg {
        height: 36px;
        width: 34px; } }

.ma__callout-alert__link {
  font-size: 1.625rem;
  line-height: 1.3;
  padding-right: 18px; }
  .ma__callout-alert__link > span {
    border-bottom: 3px solid transparent;
    padding-top: 3px;
    padding-bottom: 1px;
    transition: border 0.4s ease;
    display: inline; }
    .ma__callout-alert__link > span:hover {
      border-bottom-width: 3px;
      border-bottom-style: solid;
      text-decoration: none; }
    .ma__callout-alert__link > span svg {
      display: inline-block;
      height: .6em;
      margin-right: -18px;
      width: .6em; }

.ma__callout-alert:hover .ma__callout-alert__link span {
  border-bottom: 3px solid; }

.ma__callout-alert__content {
  background-color: #fef9e8;
  border-color: #fbe28d;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }

.ma__callout-alert__icon svg {
  fill: #f6c51b; }

.ma__callout-alert__link {
  color: #141414;
  font-weight: bold; }
  .ma__callout-alert__link svg {
    fill: rgba(20, 20, 20, 0.5); }

.ma__callout-alert:hover .ma__callout-alert__link span {
  border-color: rgba(20, 20, 20, 0.5); }

.ma__callout-alert--c-primary .ma__callout-alert__content {
  background-color: #e8eef4;
  border-color: #8aaac7;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }

.ma__callout-alert--c-primary .ma__callout-alert__icon svg {
  fill: #14558f; }

.ma__callout-alert--c-primary-alt .ma__callout-alert__content {
  background-color: #ebf3ee;
  border-color: #9cc2ab;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }

.ma__callout-alert--c-primary-alt .ma__callout-alert__icon svg {
  fill: #388557; }

.ma__callout-alert--c-gray-dark .ma__callout-alert__content {
  background-color: #eeeeee;
  border-color: darkgray;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }

.ma__callout-alert--c-gray-dark .ma__callout-alert__icon svg {
  fill: #535353; }

.ma__callout-alert--c-error-red .ma__callout-alert__content {
  background-color: #fae7e7;
  border-color: #e68686;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }

.ma__callout-alert--c-error-red .ma__callout-alert__icon svg {
  fill: #CD0D0D; }

.ma__callout-alert--c-white .ma__callout-alert__content {
  background-color: white;
  border-color: darkgray;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }

.ma__callout-alert--c-white .ma__callout-alert__icon svg {
  fill: white; }

.ma__callout-alert__content--no-icon {
  padding-left: 0;
  padding: 15px 20px; }
  @media (min-width: 621px) {
    .ma__callout-alert__content--no-icon {
      padding-left: 0;
      padding: 30px; } }