/** Shopify CDN: Minification failed

Line 67:64 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;
  }
}


/* ---------------------
  ALT CSS 01/09/25
------------------------ */

.contact-text-with-form-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.contact-text-with-form-block .field__input { border-bottom: solid 1px #0000001f; }
.contact-text-with-form-block .contact-content { 
  padding-bottom: 30px;
  border-bottom: solid 1px #0000001f; 
}

.contact-text-with-form-block p { margin: 0 }
.contact-text-with-form-block .contact-info { margin-top: 30px; }
.contact-text-with-form-block .contact-info a { color: #000; }
.contact-text-with-form-block .contact-info svg { fill: #000!important; }
.contact-text-with-form-block .contact-info svg path[Attributes Style] { stroke: #000; }
.contact-text-with-form-block .contact-content a { color: #000; }
.contact-text-with-form-block .contact-content p{
      margin-bottom: 20px;
}
.contact-text-with-form-block .contact-info p {
  margin: 0 0 5px;
  display: flex;
  column-gap: 15px;
}
.contact-text-with-form-block h2 {
  margin: 0 0 20px;
  font-size: 30px;
}
.contact-text-with-form-block .contact-form-block {
  border: solid 1px #4e3c32;
  padding: 20px;
  border-radius: 0;
}
.contact-text-with-form-block .contact__fields { grid-template-columns: 1fr; }
.contact-text-with-form-block .field__input:focus { box-shadow: none; }
.contact-text-with-form-block .field__label { font-weight: 600; }
.contact-text-with-form-block .button {
  background: #cf6d7b ;
  text-transform: uppercase;
}
.contact-text-with-form-block .button:before,
.contact-text-with-form-block .button:after { display: none; }

@media screen and (min-width: 769px) {
    .contact-text-with-form-block .contact-text-block {
    max-width: 560px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .contact-text-with-form-block { grid-template-columns: 1fr; gap: 40px; }
}