@import url(tippy.css);
html {
  font-size: 14px; }

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #E31933;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  text-align: center;
  margin: 0; }

.tooltip-trigger {
  display: none;
  position: absolute;
  padding: 10px;
  right: 0;
  top: 22px;
  height: 1.5em;
  width: 1.5em;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit; }
  .tooltip-trigger .tooltip-icon {
    position: relative;
    bottom: 0.3rem;
    right: 0.5rem;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    display: inline-block; }
  .tooltip-trigger i::after {
    content: url("/question-inactive.svg"); }
  .tooltip-trigger:hover i::after, .tooltip-trigger:active i::after {
    content: url("/question-hover.svg"); }
  .tooltip-trigger[aria-expanded="true"] i {
    content: url("/question-active.svg"); }

.tippy-box {
  background-color: #A8113E;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.11px; }
  .tippy-box .tippy-content {
    padding: 10px 14px; }
  .tippy-box[data-placement^=top] > .tippy-arrow:before {
    color: #A8113E; }
  .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    color: #A8113E; }

.revealed {
  display: block;
  position: static;
  text-align: center;
  margin-left: 1rem; }

.terms-notice {
  font-size: 1rem;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.11px;
  padding: 10px; }

header {
  min-height: 20vh; }
  header h1, header h2 {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.110933px; }
  header h1 {
    font-size: 1.14rem;
    font-weight: 700;
    margin: 0 0 12px 0; }
    header h1 strong {
      font-weight: 700; }
    header h1 .brand {
      display: block; }
    header h1 .intro {
      font-size: 1.71rem; }
  header h2 {
    font-size: 1.14rem;
    line-height: 157%;
    width: 300px;
    display: inline-block;
    margin: 0; }
  header .logo {
    height: 30vh; }
  header .home-link {
    display: inline; }

.ribbon {
  width: 100vw;
  margin-bottom: 60px;
  margin-top: -20px; }

@media screen and (max-width: 1024px) {
  .ribbon {
    margin-top: 0; } }

.signup-form {
  /* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */ }
  .signup-form form {
    display: block;
    position: relative;
    text-align: left;
    margin: 20px 20px 0 20px; }
  .signup-form h2 {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1rem; }
  .signup-form input {
    border: 1px solid #fff;
    border-radius: 3.44px; }
  .signup-form .mc-field-group:focus-within .tooltip-trigger {
    display: block; }
  .signup-form .mc-field-group:focus-within input {
    border: 1px solid #FAAF00;
    border-radius: 4px;
    outline: none; }
  .signup-form .datefield .tooltip-trigger {
    padding: 5px; }
  .signup-form .datefield .yearfield {
    width: 30%; }
  .signup-form .button {
    background-color: #4E0D45;
    border: 0 none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.14rem;
    font-weight: normal;
    height: 38px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: 100%; }
  .signup-form .button:hover, .signup-form .button:focus {
    background-color: #76154C; }
  .signup-form .button:active {
    background-color: #651241; }
  .signup-form .small-meta {
    font-size: 1rem; }
  .signup-form .nowrap {
    white-space: nowrap; }
  .signup-form .mc-field-group {
    clear: left;
    position: relative;
    width: 96%;
    padding-bottom: 5%;
    min-height: 50px;
    display: -ms-grid;
    display: grid; }
  .signup-form .mc-field-group label {
    display: block;
    margin-bottom: 6px; }
  .signup-form .mc-field-group input {
    display: block;
    width: 100%;
    padding: 8px 0;
    text-indent: 2%; }
  .signup-form .mc-field-group select {
    display: inline-block;
    width: 99%;
    padding: 5px 0;
    margin-bottom: 2px; }
  .signup-form .mc-address-fields-group {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 96%;
    gap: 15px; }
  .signup-form .datefield input, .signup-form .phonefield-us input {
    display: inline;
    letter-spacing: 1px;
    text-align: center; }
  .signup-form .phonefield-us .phonearea input, .signup-form .phonefield-us .phonedetail1 input {
    width: 40px; }
  .signup-form .datefield label, .signup-form .phonefield-us label {
    display: none; }
  .signup-form .indicates-required {
    text-align: right;
    font-size: 1rem;
    margin-right: 4%; }
  .signup-form .clear {
    clear: both; }
  .signup-form .brandingLogo {
    -ms-grid-column-align: right;
        justify-self: right; }
  @media screen and (max-width: 400px) {
    .signup-form .signup-form {
      width: 90%; } }
  .signup-form .mc-field-group.input-group ul {
    margin: 0;
    padding: 5px 0;
    list-style: none; }
  .signup-form .mc-field-group.input-group ul li {
    display: block;
    padding: 3px 0;
    margin: 0; }
  .signup-form .mc-field-group.input-group label {
    display: inline; }
  .signup-form .mc-field-group.input-group input {
    display: inline;
    width: auto;
    border: none; }
  .signup-form div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both; }
  .signup-form div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%; }
  .signup-form #mce-error-response {
    display: none; }
  .signup-form #mce-success-response {
    color: #529214;
    display: none; }
  .signup-form label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0; }
  .signup-form #mc-embedded-subscribe {
    clear: both;
    width: 97%;
    display: block; }
  .signup-form #num-subscribers {
    font-size: 1rem; }
  .signup-form #num-subscribers span {
    padding: .5em;
    border: 1px solid #ccc;
    margin-right: .5em;
    font-weight: bold; }
  .signup-form #mc-embedded-subscribe-form div.mce_inline_error {
    display: inline-block;
    margin: 2px 0 1em 0;
    padding: 3px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 3px;
    font-size: 1.14rem;
    font-weight: normal;
    z-index: 1;
    color: #e85c41; }
  .signup-form #mc-embedded-subscribe-form input.mce_inline_error {
    border: 2px solid #e85c41; }
  .signup-form .indicates-required {
    text-align: left;
    font-weight: 400;
    margin-bottom: 10px; }
  .signup-form .mc-field-group:focus-within .helper_text {
    background-color: #F48700; }
  .signup-form .helper_text {
    color: #fff;
    margin-top: 2px;
    display: inline-block;
    padding: 3px;
    background-color: #76154C;
    border-radius: 3.44px;
    font-size: 1rem;
    font-weight: 400;
    z-index: 1; }
  .signup-form .helper_text {
    display: none; }
  .signup-form .helper_text.showing {
    height: 45px;
    display: flex;
    align-items: center;
    margin: 5px 0; }
    .signup-form .helper_text.showing::before {
      content: url("/warning.svg");
      padding: 10px; }
  .signup-form {
    width: 360px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 14px; }
  .signup-form .datefield {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .signup-form .datefield .subfield {
      flex-grow: 1; }
    .signup-form .datefield .date-divider {
      flex-grow: 1;
      text-align: center; }

footer {
  margin-top: auto;
  background-color: #2F2F2F;
  color: #fff;
  width: 100%;
  padding: 40px 0 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  footer .footer-logo {
    max-width: 200px;
    width: 20vw;
    display: block; }
  footer .footer-info {
    width: 259px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.11px;
    margin-top: 10px; }

.optionalParent {
  text-align: center; }

a {
  color: #fff;
  text-decoration: underline;
  display: block;
  font-size: 1rem;
  line-height: 40px; }
  a:focus, a:hover {
    text-decoration: underline; }
  a:active {
    color: #F48700; }
  a:visited {
    text-decoration: none; }

a.cta {
  width: 278px;
  height: 38px;
  background-color: #4E0D45;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1.14rem;
  font-weight: 400; }
  a.cta:hover {
    background-color: #76154C; }
  a.cta:active {
    background-color: #651241;
    color: #fff; }