/* New form Styling 2 */

.dynamics-form-wrapper {
  /* max-width: 720px;
  margin: 0 auto; */
  padding: 20px;
}


.dynamics-wide-table {
  min-width: 100%;
}

@media (max-width: 769px) {

    .dynamics-wide-inner-table {
        min-width: 100%;
    }

}


@media (min-width: 1400px) {
  .dynamics-wide-table {
    min-width: 900px;
  }
}

@media (max-width: 1399px) {
  .dynamics-wide-table {
    min-width: 100%;
  }
}

/* Make sure the form table uses all available width and tight row spacing */
.dynamics-form-wrapper table.outer {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

/* Make each column in a two-column layout take up half the width */
.dynamics-form-wrapper th.columnContainer {
  width: 50%;
  padding: 4px 10px; /* tighter spacing */
  vertical-align: top;
  box-sizing: border-box;
}

/* Allow full-width rows (like zip/captcha) to stretch */
.dynamics-form-wrapper tr:has(th:only-child) th {
  width: 100%;
}

/* Reduce inner spacing inside form field blocks */
.dynamics-form-wrapper .textFormFieldBlock,
.dynamics-form-wrapper .phoneFormFieldBlock,
.dynamics-form-wrapper .optionSetFormFieldBlock,
.dynamics-form-wrapper .captchaFormFieldBlock {
  margin: 0;
  padding: 0;
}

/* Make input elements fill the container width */
.dynamics-form-wrapper input[type="text"],
.dynamics-form-wrapper input[type="email"],
.dynamics-form-wrapper input[type="tel"],
.dynamics-form-wrapper input[type="number"],
.dynamics-form-wrapper select,
.dynamics-form-wrapper textarea {
  width: 100% !important;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
  /* border: 1px solid #ccc; */
  border: 1px solid #5F5955;
  border-radius: 100px;
  margin: 0;
}

/* Reduce space below each label */
.dynamics-form-wrapper label {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
}

.dynamics-form.dynamics-form-wrapper form .columnContainer {
      padding: 0px !important;
}

.general-content .dynamics-form-wrapper table {
  margin: 0 !important;
}

.dynamics-form-wrapper .phoneCountryCode input[type="tel"] {
  border: 1px solid #5F5955;
  border-radius: 100px;
}

.dynamics-form-wrapper input[name="address1_postalcode"] {
  border: 1px solid #5F5955 !important;
  max-width: 570px;
}

table.multi .textFormFieldBlock {
    padding: 12px 20px 0px 15px !important;
}

.optionSetFormFieldBlock {
  padding-top: 20px !important;
}

.dynamics-form-wrapper div[data-editorblocktype="Captcha"] {
  max-width: 350px;
  text-align: left;
  padding: 20px 0px !important;
}

div[data-cached-form-url] button.submitButton {
    min-width: 200px !important; 
}

.dynamics-form-wrapper .columnContainer button[type="reset"] {
  display: none;
}

/* Then hide the entire parent columnContainer if it contains the reset button */
.dynamics-form-wrapper .columnContainer:has(button[type="reset"]) {
  display: none;
}

div[data-editorblocktype="SubmitButton"] {
  padding: 0px !important;
}

.dynamics-form-wrapper .submitButton {
    padding: 18px 30px !important;
    background-color: #007CB7;
    color: white;
    text-align: center;
    border-radius: 100px;
    min-width: 200px;
}

.dynamics-form-wrapper .submitButton:focus {
     background-color: #042739 !important;
     color: white !important;
}

.dynamics-form-wrapper .submitButton:hover {
     background-color: #042739 !important;
     color: white !important;
}

.dynamics-form-wrapper .submitButton:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 16px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    background-image: url(/wp-content/themes/bluekc-ecosystem/assets/svg/icons/arrow-link-white.svg) !important;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.dynamics-form-wrapper table {
  width: auto !important;
}

.dynamics-form-wrapper #wlspispHIPErrorContainer img {display: none;}

.dynamics-form-wrapper #error_zipcode {text-align: center;}

div[data-cached-form-url] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
    font-size: 24px !important;
    font-weight: 600 !important;
}


/* Re-enable the hidden rows in Dynamics captcha */
#ms_captcha_holder > div > table > tbody > tr > td > table > tbody > tr:nth-child(2),
#ms_captcha_holder > div > table > tbody > tr > td > table > tbody > tr:nth-child(3) {
  display: table-row !important;
}