@charset "UTF-8";

@font-face {
  font-family: "trade-gothic-next";
  src: url(Fonts/trade-gothic-next-regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "trade-gothic-next";
  src: url(Fonts/trade-gothic-next-bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

#suggested {
  display: none;
  color: #000000;
  font-size: 14px;
}

#suggestion {
  background-color: #f9e6dd;
  color: #0e131f;
  padding: 2px 10px 2px 10px;

}

/* Breakpoints */
/*$tablet: 900px;*/
/* Colors */
/* Body */
/* Header */
/* Main Area */
/* Form */
/* Buttons */
/* Footer */
button,
.button {
  appearance: none;
  padding: 0px;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  font-family: "trade-gothic-next", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  border: none;
  background: #000000 url("../images/but1.png") no-repeat center top;
  color: #FFFFFF;
  background-size: cover;
  cursor: pointer;
}

button.enter-again,
.button.enter-again {
  background: #000000 url("../images/but2.png") center top no-repeat;
  background-size: cover;
}

button:hover,
.button:hover {
  box-shadow: 0 0 6px 1px #000;
}

.error-box {
  display: none;
  color: #000;

  background: #f3f3f3;
  padding: 5px 10px;
  min-height: 38px;
  min-width: 200px;
  margin: 0px auto 15px auto;
  font-size: 12px;
  box-shadow: 0 0 6px 1px #999;
  /*@media screen and (min-width: $mobile) {
    position: absolute;
    right: 50%;
  }*/
}

.fbcontainer {
  margin-bottom: 0px;
  display: none;


}

.fbcontainer #shareBtn {
  width: 80px;
  height: 30px;
  background: url("../images/send-button.png") center top no-repeat;
  background-size: cover;
  border-radius: 3px;
  margin-top: 15px;
  /*margin-left: 20px;*/
}

@media screen and (min-width: 1000px) {
  .fbcontainer {
    display: block;
  }
}

input:not([type=checkbox]),
select,
textarea {
  flex: 1 1 100%;
  padding: 11px 15px;
  margin-bottom: 0px;
  font: inherit;
  font-size: 14px;
  border: 1px solid #6f6f6f;
  background-color: #FFFFFF;
  -webkit-border-radius: 0;
  /*border-radius: 20px;*/
  color: #6f6f6f;
  width: 100%;
  font-family: "trade-gothic-next", "Helvetica Neue", Arial, sans-serif;
}


input:not([type=checkbox]):focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}


input:not([type=checkbox]).error,
select.error,
textarea.error {
  border: 1px solid red;
}

input:not([type=checkbox]).error:focus,
select.error:focus,
textarea.error:focus {
  box-shadow: 0 0 5px red;
  border: 1px solid red;
}

input:not([type=checkbox])::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6f6f6f;
  opacity: 1;
}

input:not([type=checkbox])::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #6f6f6f;
  opacity: 1;
}

input:not([type=checkbox]):-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #6f6f6f;
  opacity: 1;
}

input:not([type=checkbox]):-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #6f6f6f;
  opacity: 1;
}

input:not([type=checkbox])::placeholder,
select::placeholder,
textarea::placeholder {
  color: #6f6f6f;
  opacity: 1;
}

* {
  -webkit-font-smoothing: antialiased;
}

[type=checkbox] {
  position: absolute;
  left: 0px;
  opacity: 0;
  z-index: -1;
}

input[type=date] {
  padding: 4px 10px;
}

input[type=date]:before {
  content: attr(placeholder) !important;
  color: #6f6f6f;
  margin-right: 0.5em;
}

input[type=date]:focus:before,
input[type=date]:valid:before {
  content: "";
}

input.share-link {
  flex: 1 1 auto !important;
  width: 100%;
  text-align: center;
  padding: 11px 15px;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  border-radius: 0;
  background: #ffffff url("../images/select-arrow.png") no-repeat;
  background-position: calc(100% - 10px) center;
  font-family: inherit;

}

@-moz-document url-prefix() {
  select {
    /*padding: 7px 10px 8px 6px;*/
  }

}

select:invalid {
  color: #6f6f6f;
  font-weight: normal;
}

/*select option {*/
/*  color: #fff;*/
/*    background-color: #FFFFFF;*/
/*}*/

label {
  font-size: 0.8rem;
  /* Pseudo-checkbox */
}

label:not(.checkbox):not(.checkbox-field) {
  display: block;
  margin-bottom: 3px;
  color: inherit;
}

label.checkbox {
  line-height: 130%;
  margin-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  color: #6f6f6f;
  text-align: left;
  padding-top: 4px;
}

label.checkbox-field {
  position: relative;
  display: flex;
  margin: 0;
  justify-content: center;
  align-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #6f6f6f;
  background-color: #ffffff;

}

:checked+label.checkbox-field:before {
  content: "✓";
  top: 1px;
  position: absolute;
  color: #000000;
}

:disabled+label.checkbox-field {
  background-color: #fff;
}

* {
  box-sizing: border-box;
}

body {

  font-family: "trade-gothic-next", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;

  display: flex;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  min-height: 100vh;
  color: #0e131f;
  text-align: center;
}

.constrained {
  /*max-width: 600px;*/
  width: 100%;
}

.link-title {
  /*font-size: 18px;*/
  margin-bottom: 10px;
  margin-top: 4px;
  font-weight: 400;
}

.link-title.facebook-text {
  display: none;
}

.link-title.fbcontainer span {
  padding-top: 18px;
}

.link-title.whatsapp-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

.important-text .second-block {
  letter-spacing: normal;
  padding-top: 16px;
  display: block;
}

@media screen and (min-width: 1000px) {
  /*.important-text .second-block {*/
  /*    letter-spacing: normal;*/
  /*    padding-top: 16px;*/
  /*    display: block;*/
  /*    !*line-height: 120%;*!*/
  /*}*/

  .link-title.facebook-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .link-title {
    display: block;
    /*font-size: 16px;*/
  }

  .link-title.whatsapp-text {
    display: none;
  }
}

img {
  border: 0;
}

.baseline-strip {
  width: 100%;
  margin-top: -12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.3);
}

small {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex: 0;
  font-size: 12px;
  font-weight: normal;
  color: #6f6f6f;
  background: none;
  margin-top: 24px;
  margin-bottom: 16px;
}

small.left {
  justify-content: flex-start;
}

small.center {
  justify-content: center;
}

small.right {
  justify-content: flex-end;
}

small a {
  text-decoration: none;
}

small .upper {
  text-transform: uppercase;
}

small.constrained {
  /*padding: 0 10px;*/
  /*color: #000000;*/
  word-spacing: 1px;
}

body {
  font-size: 18px;
  color: #0e131f;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1;
}

h1 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 10px 5px 10px;
}

h1.page-heading {

  background: none;
  /*font-size: 29px;*/
  padding: 0px;
  /*margin-bottom: 0.5em;*/
}



h1.page-heading div {
  font-size: 1rem;
}


h1.page-heading .heading-text {
  font-family: "trade-gothic-next", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  /*color: #000000;*/
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 5px;
  line-height: 120%;
  /*letter-spacing: -0.5px;*/
}

@media screen and (min-width: 1000px) {
  h1.page-heading .heading-text {
    font-size: 28px;
    margin-top: 70px;
  }
}

@media screen and (max-width: 1000px) {
  h1.page-heading .heading-text {
    font-size: 28px;
    margin-top: 14px;
  }
}

h1.page-heading .heading-text span {
  /*margin-top: 10px;*/
  margin-top: 8px;
  display: block;
}


@media screen and (min-width: 1000px) {
  /*h1.page-heading img {*/
  /*    display: block;*/
  /*}*/

  body {
    background-color: #e6e6e6;
  }

  h1.page-heading .heading-image {
    width: 290px;
    height: 142px;
    background-size: contain;
  }
}

h2 {
  font-size: 1.1rem;
}

a {
  font: inherit;
  color: inherit;
  transition: color 200ms ease;
}

a:hover {
  color: inherit;
}

.important-text {
  line-height: 130%;
  margin-top: 32px;
  margin-bottom: 20px;

  /*width: 420px;*/
}

@media screen and (max-width: 999px) {
  .important-text {
    font-size: 14px;
  }
}

.important-text span strong {
  font-weight: 700;
}

form {
  background: none;
  width: 100%;
  max-width: 400px;
}

form.secondary {
  padding: 0;
  background: none;
}

form section {
  /*margin-bottom: 10px;*/
}

form section.terms {
  padding-top: 2px;
}

form section.terms a {
  text-decoration: underline;
}

form .field-row {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 16px;
}

form .field-row.checkbox {
  margin-bottom: 8px;
  align-items: flex-start;
  flex-flow: nowrap;
}

form .field-row.sub-rows {
  display: block;
  margin-bottom: 0px;
}

form .field-row.sub-rows input {
  width: 100%;
}

form .field-row.sub-rows .field-note {
  height: 18px;
  padding-top: 2px;
  color: #6A6A6A;
  font-size: 0.55rem;
}

form .field-row.last-row {
  margin-bottom: 0px;
}

form .submit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding: 20px 0;*/
  margin-top: 24px;
}

header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #000000;
  background: none;
}

header .homelink {
  padding: 0px;
  text-decoration: none;
}

/* todo check if logo size width change is ok, for matching proof*/
header img {
  height: 122px;
  padding: 30px 0 30px 0;
}

@media screen and (min-width: 1000px) {
  header img {
    height: 140px;
    padding: 50px 0 34px 0;
  }
}

main {
  display: flex;
  margin-bottom: 0px;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 0 1 auto;
  width: 100%;
  max-width: 1100px;
  background-color: transparent;
  /* Position Form & Heading */
  /* Position Field Labels */

  /*text-align: center;*/
}

main.flex-alignment {
  align-items: center;
}

main.left {
  align-items: flex-start;
}

main.right {
  align-items: flex-end;
}

@media screen and (max-width: 1000px) {
  main.labels-positioning .field-row:not(.checkbox) {
    flex-wrap: wrap;
  }

  /*main.labels-positioning label {*/
  /*  margin-bottom: 2px;*/
  /*}*/
}


main .hero-image img {
  width: 100%;
  height: auto;
}

.footer-desktop,
.header-desktop {
  display: none;
}

.header-desktop img {
  height: 182px;
  padding: 54px 0 30px 0;
}


.footer-desktop small.constrained {
  margin-top: 12px;
  margin-bottom: 22px;
}

main .wrapper .step {
  /*align-items: center;*/
}

/* Designed line breaks (page 2): shown only where the panel is wide enough for every designed line
   to fit on one line, so the break never lands after a wrapped word. Below the threshold there is
   no forced break at all and the text wraps naturally. The panel is the viewport minus 35px on phones.
   Widths measured in Trade Gothic Next:
   .intro-break      step-title at 20px: "To complete your entry, copy and paste the" = 387px -> panel >= 395 -> 430px
   .important-break  important text at 14px: longest designed line = 364px           -> panel >= 370 -> 405px */
.desktop-break,
.intro-break,
.important-break {
  display: none;
}

@media screen and (min-width: 405px) {
  .important-break {
    display: block;
  }
}

@media screen and (min-width: 410px) {
  .desktop-break {
    display: block;
  }
}

@media screen and (min-width: 430px) {
  .intro-break {
    display: block;
  }
}

@media screen and (min-width: 1000px) {
  h1.page-heading .page3 {
    margin-bottom: 15px;
  }

  /*.desktop-break {*/
  /*    display: block;*/
  /*}*/

  main .hero-image img {
    display: block;
    height: 850px;
    width: 250px;
  }

  main#content.constrained {
    flex-direction: row;
    max-width: 1270px;
    height: 760px;
    /*margin-bottom: 140px;*/
    /*margin-top: 75px;*/
  }

  .footer-mobile {
    display: none;
  }

  .footer-desktop {
    display: block;
  }

  .header-mobile {
    display: none;
  }

  .header-desktop {
    display: block;
  }


}

@media screen and (min-width: 1000px) {
  label.checkbox {
    padding-right: 0px !important;
    margin-right: -12px;
  }
}

@media screen and (min-width: 99px) {
  main .wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*max-width: 405px;*/
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    margin-top: 0;
    /*margin-bottom: 20px;*/
    /*text-align: center;*/
  }

  main .wrapper .wrapper-inner {
    max-width: 464px;
    width: 100%;
    padding: 0;
  }


  main .wrapper [class^=step] {
    /*padding: 0 0 30px 0;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  main .wrapper [class^=step].shop-now-link {
    margin-top: 30px;
    font-size: 0.8rem;
    font-size: 15px;
    justify-content: center;
    flex-direction: row;
  }

  /*main .wrapper [class^=step].enter-again {*/
  /*    padding: 0 0 30px 0;*/
  /*}*/

  main .wrapper [class^=step].enter-again .submit-button {
    margin-top: 10px;
  }

  main .wrapper .step-title {
    display: block;
    padding: 28px 0 22px 0;
    line-height: 1.3;
    font-size: 18px;
    font-family: "trade-gothic-next", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
  }

  main .wrapper .step-title.small-margin {
    padding: 0px 0px 15px 0px;
  }

  main .wrapper .step-title strong {
    /*font-family: Helvetica, Arial, sans-serif;*/
  }
}



@media screen and (max-width: 1000px) {

  main .wrapper .step-title {
    padding-top: 10px;
  }

  body header.constrained img {
    height: 78px;
    padding-bottom: 3px;
    padding-top: 30px;
  }
}

@media screen and (max-width: 450px) {
  /*main .wrapper .wrapper-inner {*/
  /*    max-width: 100%;*/
  /*    padding: 0;*/
  /*}*/

  /*body header.constrained img {*/
  /*    height: 80px;*/
  /*    padding-top: 20px;*/
  /*    padding-bottom: 20px;*/
  /*}*/
}

@media screen and (min-width: 1000px) {
  /*.footer-desktop {*/
  /*    position: absolute;*/
  /*    bottom: 0;*/
  /*}*/

  .footer-desktop .constrained {
    margin: 0;
    padding: 0;
  }

  .wrapper .wrapper-inner .page-heading .heading-text span {
    /*font-size: 30px;*/
    /*display: block;*/
    /*!*padding-top: 8px;*!*/
    /*letter-spacing: normal;*/
  }

  form .submit-button {
    margin-top: 34px;
  }

  main.registration-member div.wrapper .wrapper-inner h1.step-title {
    display: none;
    padding-bottom: 20px;
    padding-top: 22px;
  }

  main.registration-member .wrapper .wrapper-inner .page-heading .heading-text span {
    /*padding-top: 10px;*/
    line-height: 1.3;
  }

  main.registration-member .wrapper form section.terms {
    padding-top: 0px;
  }

  main.registration-member .wrapper form section.terms .field-row.checkbox {
    padding-top: 0px !important;
  }

  main.registration-member .wrapper form .submit-button {
    margin-top: 38px;
  }


  main .wrapper .step-title {
    font-size: 18px;
  }

  main .wrapper form section.terms {
    padding-top: 5px;
  }

  label.checkbox {
    font-size: 13px;
  }

  .important-text span.first-block {
    display: inline-block;
    /*width: 400px;*/
    /*margin-top: 12px;*/
    /*line-height: 120%;*/
  }

  main .wrapper {
    width: 504px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 383px;
    height: 100%;
    background-color: #ffffff;
  }

  main .wrapper .wrapper-inner {
    max-width: 472px;
    margin-bottom: 30px;
    /*margin-top: 50px;*/
    /*text-align: center;*/
  }


  main.confirmation-member .wrapper .wrapper-inner {
    margin-top: 122px;
  }

  main div.wrapper h1.step-title {
    /*margin-top: 2px;*/
    padding-bottom: 24px;
    padding-top: 36px;
    max-width: 400px;
    line-height: 130%;
  }

  main div.wrapper confirmation h1.step-title {
    padding-bottom: 16px;
  }

  .page1,
  .page3 {
    /*margin: 0 -25px 0 -25px;*/
  }

  main .wrapper.long-content .step-title {
    padding: 22px 10px 8px 10px;
  }

  main .wrapper [class^=step] {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 400px;*/
    /*text-align: center;*/
  }

}

main img.bg {
  display: none;
}

@media screen and (min-width: 1000px) {
  main {
    height: 760px;
    position: relative;
    flex-direction: column;
  }

  main .wrapper {
    z-index: 10;
    margin-bottom: 0;

  }

  main div.bg {
    background: url("../images/desktop-left.jpg") center no-repeat;
    background-size: cover;
    display: block;
    z-index: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 760px;
    max-width: 383px;
  }

  main::after {
    content: "";
    background: url("../images/desktop-right.jpg") center no-repeat;
    background-size: cover;
    display: block;
    z-index: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 383px;
    height: 760px;
  }

  main.flex-alignment {
    align-items: flex-start;
  }

  main .hero-image {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  /*.wrapper-inner.confirmation .page-heading{*/
  /*    display: none;*/
  /*}*/

  /*main div.wrapper div.wrapper-inner {*/
  /*    max-width: 400px;*/
  /*}*/

  .wrapper-inner.confirmation h1.step-title {
    background: none;
    /*font-size: 26px;*/
    line-height: 120%;
  }
}

@media screen and (max-width: 350px) {
  .heading-text img {
    width: 100% !important;
  }
}



#suggested {
  margin-bottom: 10px;
  margin-top: -5px;
  color: #0e131f;
}

.alert.dismissable.alert-danger ul {
  margin-top: -5px;
  margin-bottom: 10px;
}

main.registration-member .wrapper .wrapper-inner .page-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

main.confirmation-member .wrapper .step-title {
  /*padding: 10px 35px 5px 35px*/
  padding-top: 36px;
  padding-bottom: 18px;
}

main.confirmation-member .wrapper [class^="step"].enter-again .submit-button {
  margin-top: 4px;
}

main.confirmation-captain .wrapper h1.page-heading {
  /*max-width: 380px;*/
}

#shareBtn {
  display: none;
}

.whatsapp-share-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#whatsapp-share-button {
  width: 72px;
  height: 28px;
  background: url("../images/whatsapp-button.png") center top no-repeat;
  background-size: contain;
  border-radius: 3px;
  position: relative;
  margin-top: 10px;
  /*margin-left: 20px;*/
}

@media screen and (min-width: 1000px) {
  #shareBtn {
    display: block;
  }

  #whatsapp-share-button {
    display: none;
  }


}

@media screen and (min-width: 1000px) {
  small.constrained {
    color: #6f6f6f;
  }

  h1.page-heading .heading-text {
    margin-top: 30px;
    font-size: 26px;
  }
}

/* desktop layout starts at 1000px; this used to start at 1040px, leaving 1000-1039 at the panel's 18px and full width */
@media screen and (min-width: 1000px) {
  .important-text {
    width: 420px;
    font-size: 15px;
  }

  .important-text span.first-block {
    width: 400px;
  }
}

/* ---- True Religion Sept 2026: match the proofs (type sizes + spacing). Overrides, keep at the end. ---- */
input:not([type=checkbox]),
select,
textarea {
  font-size: 16px;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

form .field-row {
  margin-bottom: 18px;
}

form section.terms {
  padding-top: 0;
  margin-top: -6px;
}

label.checkbox {
  font-size: 13px;
  line-height: 16px;
  padding-top: 2px;
}

button,
.button {
  font-size: 20px;
}

small.constrained {
  font-size: 12px;
}

.footer-desktop small.constrained {
  margin-top: 16px;
}

h1.page-heading .heading-text span {
  margin-top: 14px;
}

main .wrapper .step-title {
  font-size: 20px;
}

/* proof gap between the opt-in text and ENTER NOW is ~23px on sub=0, ~33px above the sub=1 T&Cs box */
form .submit-button {
  margin-top: 23px;
}

main .wrapper:has(#accept:enabled) form .submit-button {
  margin-top: 32px;
}

@media screen and (max-width: 999px) {

  /* proof has the hero straight after the button; the footer goes under the hero */
  .footer-mobile {
    display: none;
  }

  .footer-desktop {
    display: block;
  }

  main .wrapper {
    padding-bottom: 37px;
  }

  h1.page-heading .heading-text {
    margin-top: 17px;
  }

  /* inline width in lang/en.php is sized for the 472px desktop panel; the 440px mobile panel needs 77% for the proof's heading height */
  h1.page-heading .heading-text img {
    width: 77% !important;
  }

  h1.page-heading .heading-text span {
    margin-top: 12px;
  }

  main .wrapper .step-title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 1000px) {
  main .wrapper .wrapper-inner {
    margin-top: 18px;
  }

  /* the expanded "(more...)" opt-in text can outgrow the 760px band: the band, panel and flanks grow with it so the footer stays below */
  main#content.constrained {
    height: auto;
    min-height: 760px;
  }

  main .wrapper {
    height: auto;
    min-height: 760px;
  }

  main div.bg,
  main::after {
    height: 100%;
  }

  main div.wrapper h1.step-title {
    padding-top: 25px;
    padding-bottom: 16px;
  }

  /* proof opt-in text is ~350px wide inside the 400px field width, so the SMS text wraps to four lines */
  label.checkbox {
    padding-right: 24px !important;
    margin-right: 0;
  }

  main.registration-captain form section.terms {
    margin-top: -10px;
  }

  /* proof pg3 shows "Simply fill in your details to get started." tight under the referred headline */
  main.registration-member div.wrapper .wrapper-inner h1.step-title {
    display: block;
    margin-top: -16px;
    padding-top: 0;
    padding-bottom: 20px;
  }

  main.registration-member .wrapper form .submit-button {
    margin-top: 19px;
  }
}

@media screen and (max-width: 430px) {

  /* the proof's 28px subtitle is one line on its 460px artboard; keep it one line on 390-430px phones */
  h1.page-heading .heading-text {
    font-size: 24px;
  }
}
/* proof pg4: the two thank-you lines are one 20px/28px paragraph, ENTER AGAIN ~34px under it */
main.confirmation-member .wrapper .step-title {
  padding: 28px 0 0 0;
  line-height: 28px;
}
main.confirmation-member .wrapper .step-title.small-margin {
  padding-top: 0 !important;
}
main.confirmation-member .wrapper [class^="step"].enter-again .submit-button {
  margin-top: 37px;
}
@media screen and (min-width: 1000px) {
  main.confirmation-member .wrapper .wrapper-inner {
    margin-top: 127px;
  }
}