select {
  -webkit-appearance: none;
  border-radius: 0;
  margin: 0; }

input,
textarea,
select,
button {
  font-size: 100%;
  outline: 0;
  border: none;
  font-weight: normal;
  padding: 0;
  line-height: 100%;
  -webkit-appearance: none;
  border-radius: 0; }
  input::placeholder,
  textarea::placeholder,
  select::placeholder,
  button::placeholder {
    color: #021832; }


.button {
  display: block;
  background-color: #be8f58;
  padding: 1.2rem 2rem;
  width: 100%;
  max-width: 27.2rem;
  margin: 0 auto;
  font-size: 1.6rem;
  color: white;
  font-family: "Calibre Medium", sans-serif;
  letter-spacing: .08em;
  transition: background-color .3s ease; }
  .button:hover {
    background-color: #021832;
    cursor: pointer; }

.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

.has-margin {
  margin: 0 0 5rem; }
  @media (min-width: 560px) {
    .has-margin {
      margin: 0 0 6rem; } }
  @media (min-width: 900px) {
    .has-margin {
      margin: 0 0 8rem; } }

.wrap {
  max-width: 128rem;
  position: relative;
  width: calc(100% - 4rem);
  padding: 0 2rem;
  margin: 0 auto; }
  @media (min-width: 560px) {
    .wrap {
      width: calc(100% - 12rem);
      padding: 0 6rem; } }
  .wrap::after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
    float: none; }


.uppercase {
  text-transform: uppercase; }



.clear-fix::after {
  content: "";
  width: 100%;
  clear: both;
  display: block; }

.registration-complete-message {
  text-align: center;
  margin-bottom: 6rem;
  display: none; }
  .registration-complete .registration-complete-message {
    display: block; }
  @media (min-width: 560px) {
    .registration-complete-message {
      margin-bottom: 12rem; } }
  .registration-complete-message img {
    width: 100%;
    margin: 0 auto 6rem;
    display: block; }
    @media (min-width: 560px) {
      .registration-complete-message img {
        max-width: 320px; } }





.form {
  text-align: left;
  font-size: 1.4rem; }
  @media (min-width: 560px) {
    .form {
      font-size: 1.8rem; } }
  @media (min-width: 900px) {
    .form {
      font-size: 2.2rem; } }
  .form fieldset {
    margin-bottom: 2rem; }
  .form__instruction {
    color: #4b525c;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 1rem;
    display: block; }
  .form .form__container {
    max-width: 570px;
    width: 100%;
    margin: 0 auto; }
  .form__input {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-family: "Calibre Medium", sans-serif;
    border-bottom: 1px solid #4b525c;
    padding: 1rem;
    display: block;
    width: calc(100% - 2rem);
    background-color: transparent;
    margin-bottom: .5rem; }
    @media (min-width: 560px) {
      .form__input {
        margin-bottom: 1rem; } }
  
  .form select {
    padding: 1.2rem 1rem;
 
    background: transparent url("https://brigadecourt.london/images/icon--dropdown.svg") no-repeat right 1rem center;
    background-size: 17px 10px; }
  
  
  .form__checkbox {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #4b525c;
    cursor: pointer; }
    .form__checkbox:focus {
      outline: none; }
    .form__checkbox:checked {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M21 6.3L9.8 19 3 13l1.3-1.5 5.4 4.7L19.5 5 21 6.3z"/></svg>'); }
  .form__label {
    position: relative;
    display: block;
    margin-bottom: 2rem;
    padding-left: 4.5rem;
    font-size: 1.2rem;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: .08em; }
    @media (min-width: 560px) {
      .form__label {
        font-size: 1.4rem; } }
    .form__label a {
      text-decoration: underline; }
  .form__submit:disabled {
    opacity: .5; }
  .form .js--input-required--blank {
    color: red; }
  .form.registration-complete .form__container {
    display: none; }