/* Contact Us Box */

.iir-contact-box {
  background: url(https://media.industrialinfo.com/contact/contact-us-btn-bg.webp) center/cover;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  border: 1px solid #6fffff50;
}

.iir-contact-box,
.btn-close-box {
  transition: all 0.5s ease !important;
  cursor: pointer;
}

.iir-contact-box:hover,
.btn-close-box.hovered {
  transform: translateY(-10px) !important;
}

.iir-contact-box-container:not(.opacity-100) {
  pointer-events: none;
}

/* Contact Us Modal / Hubspot Form */

.iir-contact-modal .iir-hubspot-form .iir-hubspot-form-left {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.iir-contact-modal .iir-hubspot-form .iir-hubspot-form-right {
  background: #00263d url(https://media.industrialinfo.com/contact/contact-form-bg.webp)
    center/cover;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* Overriding Hubspot CSS */

.iir-contact-modal .iir-hubspot-form fieldset {
  max-width: 100% !important;
  border: none !important;
}

.iir-contact-modal .iir-hubspot-form .hs-form-field {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0;
}

.iir-contact-modal .iir-hubspot-form .hs-fieldtype-textarea {
  margin-bottom: 0;
}

.iir-contact-modal .iir-hubspot-form input::placeholder,
.iir-contact-modal .iir-hubspot-form textarea::placeholder {
  font-size: 0.8rem;
}

.iir-contact-modal .iir-hubspot-form .hs-firstname,
.iir-contact-modal .iir-hubspot-form .hs-company,
.iir-contact-modal .iir-hubspot-form .hs-email {
  padding-right: 1rem;
}

.iir-contact-modal .iir-hubspot-form .hs-lastname,
.iir-contact-modal .iir-hubspot-form .hs-jobtitle,
.iir-contact-modal .iir-hubspot-form .hs-phone {
  padding-left: 1rem;
}

.iir-contact-modal .iir-hubspot-form .input {
  margin: 0 !important;
  background: none !important;
  width: 100% !important;
}

.iir-contact-modal .iir-hubspot-form .input input {
  height: 2.4375rem !important;
  padding: 0.5rem !important;
}

.iir-contact-modal .iir-hubspot-form .input input,
.iir-contact-modal .iir-hubspot-form .input textarea {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: none !important;
  border: none !important;
  width: 100% !important;
}

.iir-contact-modal .iir-hubspot-form .input {
  margin-right: 0 !important;
}

.iir-contact-modal .iir-hubspot-form .hs-error-msgs {
  color: #fff;
  margin-bottom: 0 !important;
  list-style: none;
}

.iir-contact-modal .iir-hubspot-form .hs-error-msgs .hs-error-msg {
  line-height: 1;
  padding-top: 0.25rem;
}

.iir-contact-modal .iir-hubspot-form .hs-error-msgs label {
  color: #6ff !important;
  font-weight: bold !important;
  font-size: 0.75rem !important;
}

.iir-contact-modal .iir-hubspot-form .form-columns-1 {
  margin-bottom: 0 !important;
}

.iir-contact-modal .iir-hubspot-form .form-columns-2:nth-child(5) {
  display: none;
}

.iir-contact-modal .iir-hubspot-form textarea {
  width: 100% !important;
  height: 8rem !important;
}

.iir-contact-modal .iir-hubspot-form .hs-recaptcha {
  display: none;
}

.iir-contact-modal .iir-hubspot-form .hs-submit {
  margin-top: 1.25rem !important;
}

.iir-contact-modal .iir-hubspot-form .hs-button {
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1;
  padding: 0.75rem 0;
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #6ff;
  border: 1px solid #6ff;
  color: #00263d;
  border-radius: 5px;
}

.iir-contact-modal .iir-hubspot-form .hs-button:hover {
  background-color: #0094a2;
  border: 1px solid #0094a2;
  color: #6ff;
}

/* Hubspot Thank You Message */

.iir-contact-modal .iir-hubspot-form .hbspt-form .submitted-message span {
  font-family: var(--bs-font-sans-serif) !important;
}

.iir-contact-modal .iir-hubspot-form .hbspt-form .submitted-message a {
  color: #6ff;
  text-decoration: none;
}

.iir-contact-modal .iir-hubspot-form .hbspt-form .submitted-message img {
  border-radius: 5px;
  transition: all 0.5s ease;
}

.iir-contact-modal .iir-hubspot-form .hbspt-form .submitted-message img:hover {
  box-shadow: #6fffff50 0px 0px 15px 5px;
}

@media (max-width: 991.98px) {
  .iir-contact-modal .iir-hubspot-form img {
    width: 60% !important;
  }

  .iir-contact-modal .iir-hubspot-form .iir-hubspot-form-right {
    border-radius: 0.5rem;
  }
}

@media (max-width: 575.98px) {
  .iir-contact-modal .iir-hubspot-form .hs-firstname,
  .iir-contact-modal .iir-hubspot-form .hs-company,
  .iir-contact-modal .iir-hubspot-form .hs-email,
  .iir-contact-modal .iir-hubspot-form .hs-lastname,
  .iir-contact-modal .iir-hubspot-form .hs-jobtitle,
  .iir-contact-modal .iir-hubspot-form .hs-phone {
    padding: 0;
  }

  .iir-contact-modal .iir-hubspot-form .form-columns-2 {
    display: flex;
    gap: 1rem;
  }
}