/** Shopify CDN: Minification failed

Line 25:13 Expected identifier but found whitespace
Line 25:15 Unexpected "{"
Line 25:24 Expected ":"
Line 26:8 Expected identifier but found whitespace
Line 26:10 Unexpected "{"
Line 26:19 Expected ":"
Line 111:13 Expected identifier but found whitespace
Line 111:15 Unexpected "{"
Line 111:24 Expected ":"
Line 112:8 Expected identifier but found whitespace
... and 2 more hidden warnings

**/


/* CSS from section stylesheet tags */
section.contact-section.page-width button.contact-submit {
    background: #000;
    color: #fff;
}
/* Extra schema-based styles */
.contact-submit {
  background: {{ section.settings.button_color }};
  color: {{ section.settings.button_text_color }};
}
.contact-section {
  max-width: 680px;
  margin: 40px auto;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 6px;
}

.contact-heading {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
    color: #111;
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
}

.contact-form label {
    display: block;
    margin-top: 15px;
    margin-bottom: 6px;
    font-weight: 800;
    font-size: 16px;
    color: #333;
    font-family: 'Ogg';
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #111;
  outline: none;
}

.contact-form textarea {
  resize: vertical;
  min-height: 120px;
}

.contact-form .file-upload-label {
  display: block;
  border: 1px dashed #aaa;
  padding: 15px;
  margin-top: 15px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  background: #fafafa;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.contact-form .file-upload-label:hover {
  border-color: #111;
  background: #f0f0f0;
}

.contact-form .file-upload-label input[type="file"] {
  display: none;
}

.contact-form .file-note {
  font-size: 12px;
  color: #777;
  margin-top: 4px;
  text-align: left;
}

.contact-submit {
  margin-top: 20px;
  width: 100%;
  padding: 14px;
  background: {{ section.settings.button_color }};
  color: {{ section.settings.button_text_color }};
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.contact-submit:hover {
  background: #333;
  color: #fff;
}

.required {
  color: red;
  font-weight: bold;
}

@media (max-width: 768px) {
  .contact-section {
    padding: 15px;
    margin: 20px;
  }

  .contact-heading {
    font-size: 24px;
  }

  .contact-form label {
    font-size: 13px;
  }

  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    font-size: 13px;
    padding: 10px;
  }

  .contact-submit {
    font-size: 14px;
    padding: 12px;
  }
}