/* Taken from mailchimp https://cdn-images.mailchimp.com/embedcode/classic-10_7.css */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}

#mc_embed_signup input {
  border: none;
  padding: 0;
  height: 32px;
}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {
  outline-width: 4px;
  outline-color: var(--off-white);
  outline-offset: 3px;
}
#mc_embed_signup .button {
  background-color: var(--dark-blue);
  border: 0 none;
  transition: all 0.23s ease-in-out 0s;
  color: var(--cream);
  cursor: pointer;
  font-size:15px;
  font-weight: var(--normal);
  height: 32px;
  line-height: 32px;
  margin: 0 5px 0 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
}

#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {
  clear:left;
  position:relative;
  width: 300px;
  max-width: 96%;
  min-height: 50px;
  grid-area: email;
}

#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:var(--normal); position:relative; top:5px;}     
#mc_embed_signup .clear {
  grid-area: button;
  align-self: end;
  clear:both;
}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {
  float:left;
  top:-1.4em;
  padding:0em .5em 0em .5em;
  overflow:hidden;
  width:90%;
  margin: 0 5%;
  clear: both;
  grid-area: response;
}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:var(--normal); float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%; color: var(--cream);}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:var(--semi-bold);}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background-color: transparent;
  font-size: 14px;
  z-index: 1;
  color:#e85c41;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(calc(1em + 14px));
  white-space: nowrap;
  font-weight: var(--semi-bold);
  padding: 0px;;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {outline:2px solid #e85c41;}

[id="newsletter-section"] {
  position: relative;
}

[id="newsletter-signup-section"] {
  padding-right: 0;
  padding-left: 0;
  color: var(--off-white);
}

[id="newsletter-signup-section"] h2 {
  color: inherit;
}

[id="newsletter-content"] {
  display: flex;
  column-gap: 3em;
  row-gap: 2em;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--dark-blue);
}

[id="newsletter-content"] ul {
  margin: 0.75em 0;
}

[id="newsletter-content"] li {
  margin: 0.75em 0;
}

[id="newsletter-content"] > * {
  color: var(--cream);
  flex: 0 1 500px;
  min-width: min(300px, 100%);
}

[id="newsletter-content"] p {
  color: var(--cream);
}

[id="newsletter-content"]  ul {
  padding-left: 1em;
}

[id="newsletter-content"] .sign-me-up {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  column-gap: 1rem;
  position: relative;
  padding-bottom: 32px;
  grid-template-areas:
    "email button"
    "response .";
}



[id="newsletter-content"] .sign-me-up > :first-child {
  display: contents;
}

[id="newsletter-content"] .sign-me-up :last-child {
  padding-top: 0.05lh;
}

[id="newsletter-content"] p {
  margin-bottom: 0.5em;
}

#mc_embed_signup form {
  padding: 0;
}

#mc_embed_signup .button {
  border: 2px solid var(--cream);
  background-color: var(--dark-blue);
}

#mc_embed_signup .button:hover {
  color: var(--dark-blue);
  border-color: var(--dark-blue);
  background-color: var(--cream);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.6);
}


@media (max-width: 850px) {
  [id="newsletter-signup-section"] {
    padding-right: 0;
    padding-left: 0;
  }
}


@media (max-width: 499px) {
  [id="newsletter-content"] .sign-me-up {
    display: block;
  }

  [id="newsletter-content"] .sign-me-up :last-child {
    padding-top: 0.3lh;
  }

  [id="newsletter-signup-section"] h2 {
    font-size: 2em;
  }

  #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    position: static;
    transform: none;
    padding-top: 0.5em;
    white-space: unset;
  }
}