/* Grand Brands Contact V1 */

body {
  background:#f6f6f2 !important;
}

/* Approved photo with CSS screening */
body > section.hero {
  width:calc(100% - 48px) !important;
  max-width:1260px !important;
  min-height:0 !important;
  height:auto !important;
  margin:20px auto 18px !important;
  padding:32px 36px !important;
  box-sizing:border-box !important;
  border:4px double #bc913e !important;
  border-radius:8px !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 33%,
      rgba(255,255,255,.68) 55%,
      rgba(255,255,255,.08) 85%),
    url("/assets/contact-hero.jpg")
      center 45% / cover no-repeat !important;
  box-shadow:0 9px 22px rgba(7,27,48,.12);
}

body > section.hero::before,
body > section.hero::after {
  content:none !important;
  display:none !important;
}

body > section.hero h1 {
  font-family:Georgia,serif !important;
  color:#071b30 !important;
  font-size:clamp(36px,4vw,52px) !important;
  line-height:1.1 !important;
  text-shadow:none !important;
}

body > section.hero p {
  color:#10283e !important;
  font-size:17px !important;
  line-height:1.5 !important;
  max-width:690px !important;
  text-shadow:none !important;
}

body > section.hero .kicker {
  color:#9b6b1e !important;
}

/* Contact cards */
body > section.section {
  max-width:1260px !important;
  width:calc(100% - 48px) !important;
  margin:0 auto 30px !important;
  box-sizing:border-box !important;
}

.contact-grid > * {
  border:1px solid #cda753 !important;
  border-top:4px solid #c99b3e !important;
  border-radius:8px !important;
  box-shadow:0 9px 22px rgba(7,27,48,.08) !important;
}

input, textarea, select {
  border-radius:6px !important;
}

input:focus, textarea:focus, select:focus {
  outline:2px solid #c99b3e !important;
  outline-offset:1px !important;
}

@media(max-width:800px) {
  body > section.hero,
  body > section.section {
    width:calc(100% - 24px) !important;
  }

  body > section.hero {
    padding:24px 20px !important;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.96),
        rgba(255,255,255,.75)),
      url("/assets/contact-hero.jpg")
        center / cover no-repeat !important;
  }
}