/** Shopify CDN: Minification failed

Line 150:1 Expected "}" to go with "{"

**/
.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}
.contact .field input.field__input,
.contact .field select.field__input,
.contact .field textarea.field__input {
  font-family: inherit;
  font-size: 2rem;
  line-height: 1.4;
}

.contact .field select.field__input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.contact .field textarea.field__input {
  padding-top: 2.2rem;
}

.contact .field select.field__input option {
  color: #000;
}

.contact .field textarea.field__input::placeholder,
.contact .field input.field__input::placeholder {
  color: rgba(var(--color-foreground), 0.75);
  opacity: 1;

/* Force custom contact form styling */
.contact .field input.field__input,
.contact .field select.field__input,
.contact .field textarea.field__input {
  font-family: inherit !important;
  font-size: 1.7rem !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
}

/* Hide all floating labels */
.contact .field .field__label,
.contact .field .form__label {
  display: none !important;
}

/* Standard inputs */
.contact .field input.field__input,
.contact .field select.field__input {
  min-height: 5.8rem !important;
  height: 5.8rem !important;
  padding: 0 2rem !important;
  border: 0.1rem solid rgba(255, 255, 255, 0.45) !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Select fields */
.contact .field select.field__input {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 5rem !important;
  text-indent: 0 !important;
  line-height: 5.8rem !important;
  color: #ffffff !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23E54E26' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 2rem center !important;
  background-size: 1.4rem !important;
}

/* Textarea */
.contact .field textarea.field__input {
  min-height: 16rem !important;
  padding: 1.8rem 2rem !important;
  border: 0.1rem solid rgba(255, 255, 255, 0.45) !important;
  background-color: transparent !important;
  color: #ffffff !important;
  resize: vertical !important;
  box-shadow: none !important;
}

/* Placeholder colour */
.contact .field input.field__input::placeholder,
.contact .field textarea.field__input::placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Dropdown options */
.contact .field select.field__input option {
  color: #000000 !important;
}

/* Focus state */
.contact .field input.field__input:focus,
.contact .field select.field__input:focus,
.contact .field textarea.field__input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
}