.elementor-8913 .elementor-element.elementor-element-dc72dc3{--display:flex;}/* Start custom CSS for html, class: .elementor-element-08b8275 *//* White page background */
body { background:#fff; }

#gh-referral-form-wrap{
  max-width: 900px;
  margin:  auto;
}

/* Keep your dark card vibe */
#gh-form-container{
  background:#3d3d3d;
  padding:32px;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.gh-form-header{ text-align:center; margin-bottom:24px; }
.gh-form-header h1{ color:#e2e8f0; font-size:32px; margin:0; }
.gh-form-header p{ color:rgba(226,232,240,.8); margin:8px 0 0; }
.gh-section{
  margin-bottom: 40px;
  padding-bottom: 10px;
}

.gh-section h2{ color:#e2e8f0; font-size:20px; margin:0 0 8px; }
.gh-section hr{ border:0; border-top:1px solid rgba(226,232,240,.18); margin:10px 0; }

.gh-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gh-grid-3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
@media (max-width: 768px){
  .gh-grid, .gh-grid-3{ grid-template-columns:1fr; }
}

.gh-field label{ display:block; color:#e2e8f0; margin:0 0 8px; font-size:14px; }
.gh-help{ color:rgba(226,232,240,.7); margin:0 0 10px; font-size:13px; }

.gh-referral-form input,
.gh-referral-form textarea,
.gh-referral-form select{
  width:100%;
  background:rgba(0,0,0,.18);
  border:1px solid #475569;
  border-radius:10px;
  padding:12px 14px;
  color:#e2e8f0;
  outline:none;
}

.gh-referral-form textarea{ resize:vertical; }

.gh-count{
  margin-top:6px;
  text-align:right;
  font-size:12px;
  color:rgba(226,232,240,.55);
}

.gh-choice{
  display:flex;
  align-items:center;
  gap:10px;
  color:#e2e8f0;
  margin:8px 0;
}

.gh-checkgrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 14px;
}
@media (max-width:768px){ .gh-checkgrid{ grid-template-columns:1fr; } }
.gh-span2{ grid-column:1 / -1; }

.gh-submit{
  width:100%;
  margin-top:10px;
  background:#c6c6c6;
  color:#fff;
  border:0;
  padding:12px 14px;
  border-radius:10px;
  cursor:pointer;
  box-shadow:0 0 14px rgba(220,220,255,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}
.gh-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.25), 0 0 18px rgba(220,220,255,.35);
}

.gh-footnote{
  text-align:center;
  margin-top:12px;
  font-size:12px;
  color:rgba(226,232,240,.8);
}

.gh-hidden{ display:none !important; }
/* Fix WP/Elementor theme overrides for checkbox/radio */
#gh-referral-form-wrap input[type="checkbox"],
#gh-referral-form-wrap input[type="radio"]{
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Make each choice row align like a normal human */
#gh-referral-form-wrap .gh-choice{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Prevent theme rules from stretching labels weirdly */
#gh-referral-form-wrap .gh-field label{
  margin: 0 0 8px; /* <- adjust this */
}
#gh-referral-form-wrap input[type="radio"]{ border-radius: 999px; }

/* --- Section 4: tighten MH closer to Primary Substance --- */
#gh-referral-form-wrap #mh_dx_other{
  margin-top: 16px;   /* smaller = closer to Primary Substance */
  margin-bottom: 0;   /* keep it from adding extra space before Insurance */
}

/* --- Section 5: push Housing question down from Provider dropdown --- */
#gh-referral-form-wrap #insurance_provider{
  margin-bottom: 18px;  /* adds breathing room after the provider select */
}

/* (If insurance "Other" field appears, keep spacing clean) */
#gh-referral-form-wrap #insuranceOtherSpecifyWrap{
  margin-top: 12px;
  margin-bottom: 18px;
}

/* --- Section 6: push Current Meds further DOWN from MAT dropdown --- */
#gh-referral-form-wrap #mat{
  margin-bottom: 22px;  /* space after MAT select */
}

/* If MAT medication field appears, keep it from crowding */
#gh-referral-form-wrap #matMedicationWrap{
  margin-top: 12px;
  margin-bottom: 22px;
}

/* --- Section 6: pull Current Meds closer to Biomedical field --- */
#gh-referral-form-wrap textarea[name="current_medications"]{
  margin-bottom: 10px; /* reduce distance between meds and next field */
}
#gh-referral-form-wrap textarea[name="medical_concerns"]{
  margin-top: 10px; /* keep them feeling grouped */
}

#gh-referral-form-wrap .gh-mh-block{
  margin-top: 22px !important;  /* tune this */
  margin-bottom: 0 !important;
}/* End custom CSS */