/*
 Theme Name:   Laurel Park
 Template:     hello-elementor
 Version:      1.0.0
*/




/* Campaigner Forms Style */
/* ====== Hosted form reset + base ====== */
#previewWrapper {
   text-align: left !important;
}

#formContainer.formContainer {
   margin: 0 !important;
   width: 100% !important;
   max-width: 100%; /* good for left column embeds */
   border: 2px solid #000 !important;
   background: #fff !important;
   padding: 18px 16px !important;
   box-sizing: border-box;
}

/* Remove their weird left padding blocks */
#SignupFormPreview, #FooterPreview {
   padding-left: 0 !important;
   font-family: Arial, Helvetica, sans-serif !important;
   color: #000 !important;
}

   /* Title + description */
   #SignupFormPreview h2 {
      font-size: 22px !important;
      line-height: 1.2 !important;
      margin: 0 0 8px !important;
      color: #000 !important;
   }

   #SignupFormPreview p {
      font-size: 14px !important;
      line-height: 1.4 !important;
      margin: 0 0 14px !important;
      color: #000 !important;
   }

/* ====== Table -> responsive grid feel ====== */
#FormFieldsTable {
   width: 100% !important;
   border-collapse: collapse !important;
}

   /* Each row: make it block so we can grid it */
   #FormFieldsTable tr {
      display: block;
      margin: 0 0 12px;
   }

      /* Hide the required asterisk image column (2nd td) */
      #FormFieldsTable tr td:nth-child(2) {
         display: none !important;
      }

      /* Label cell */
      #FormFieldsTable tr td:first-child {
         display: block !important;
         width: 100% !important;
         padding: 0 !important;
      }

   #FormFieldsTable span.SignupFormPreview {
      display: block !important;
      width: 100% !important;
      padding: 0 !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      margin: 0 0 6px !important;
   }

   /* Input cell */
   #FormFieldsTable tr td:last-child {
      display: block !important;
      width: 100% !important;
      padding: 0 !important;
   }

   /* Inputs */
   #FormFieldsTable input[type="text"],
   #FormFieldsTable input[type="email"],
   #FormFieldsTable input[type="tel"] {
      width: 100% !important; /* overrides inline width:200px */
      max-width: 100% !important;
      box-sizing: border-box !important;
      height: 44px !important;
      border: 1px solid #000 !important;
      background: #fff !important;
      color: #000 !important;
      padding: 10px 12px !important;
      border-radius: 0px !important;
      outline: none !important;
      font-size: 14px !important;
   }

   /* Focus */
   #FormFieldsTable input:focus {
      box-shadow: 0 0 0 3px rgba(0,0,0,.12) !important;
   }

/* Two-column layout on wider widths */
@media (min-width: 720px) {
   #FormFieldsTable {
      display: grid;
      gap: 12px 14px;
   }

      #FormFieldsTable tr {
         margin: 0 !important;
      }
   /* Email + Phone span full width if you want (more readable) */
   #Email11142020, #Phone11142025 {
      grid-column: 1 / -1;
   }
}

/* Disclaimer + footer text */
#disclaimer, #disclaimer span, #FooterPreview {
   font-size: 12px !important;
   line-height: 1.35 !important;
   color: #000 !important;
   margin: 0px !important;
}

   #FooterPreview a {
      color: #000 !important;
      text-decoration: underline !important;
   }

/* Button */
#btnSection {
   padding: 8px 0 0 !important;
}

#SubmitButton.btnStyle {
   width: 100% !important;
   height: 46px !important;
   border: 2px solid #000 !important;
   background: #000 !important;
   color: #fff !important;
   border-radius: 0px !important;
   font-weight: 700 !important;
   font-size: 14px !important;
   cursor: pointer !important;
}

#SubmitButton:hover {
   filter: brightness(0.92);
}

/* Kill random centering */
#btnSection > div {
   text-align: left !important;
}

/* Optional: hide empty spacer rows */
#FormFieldsTable tr:has(td:empty) {
   display: none !important;
}

table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
   background: #fff;
   border: 0px;
}