/* ==============================================
  Forms are made with WP Forms and most styles are
  edited through Gutenberg editor
============================================== */

/* ======== FORM: Modal Styles ======== */
.mdl-request-demo { 
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
  margin-top: 0;
  height: 100%;
  width: 100%;
  max-width: 100% !important;
  transition: 0.4s ease-in-out;
}

.hs-input[type=checkbox], .hs-input[type=radio] {
  width: auto !important;
}

.mdl-request-demo .modal-header {
  position: relative;
}

.mdl-request-demo .modal-header .mdl-request-demo-close {
  position: absolute;
  top: -12px;
  right: 5px;
  padding: 5px;
  margin-top: 0;
  cursor: pointer;
}

.mdl-request-demo .modal-header .mdl-request-demo-close img {
  display: block;
}

.mdl-request-demo .modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  margin-top: 0;
  height: 100vh !important;
  width: 100%;
  max-width: 100%;
  background: rgba(20, 50, 80, 0.8);
  transition: background 0.15s linear;
}

.mdl-request-demo .cb-form-request-demo-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  width: 100%;
}

.show-request-demo-modal .mdl-request-demo {
  display: block;
}

@media only screen and (max-width: 768px) {
  .mdl-request-demo .modal-header .mdl-request-demo-close {
    top: -25px;
    right: 4px;
  }
}


/* ======== FORM: Conversion Panel ======== */
/* .cb-form-conversion-panel-wrap {
  max-width: 500px !important;
} */

.cb-form-conversion-panel-wrap .cb-form-conversion-panel {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
}

.cb-form-conversion-panel-wrap .cb-form-conversion-panel form.wpforms-form .wpforms-field-container .wpforms-field {
  padding-top: 0;
  padding-bottom: 19px;
}

.cb-form-conversion-panel-wrap .cb-form-conversion-panel form.wpforms-form .wpforms-field-container .wpforms-field-checkbox .wpforms-field-label-inline {
  word-break: auto-phrase;
}

.cb-form-conversion-panel-wrap .cb-form-conversion-panel form.wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label {
  margin-bottom: 6px;
  font-weight: 500;
}

.cb-form-conversion-panel-wrap .cb-form-conversion-panel form.wpforms-form .wpforms-submit-container {
  margin-top: 0;
}

.cb-form-conversion-panel-wrap .cb-form-conversion-panel form.wpforms-form .wpforms-submit-container .cb-form-submit {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}

@media only screen and (max-width: 1024px) {
  .cb-form-conversion-panel-wrap {
    max-width: 100% !important;
  }

  .cb-form-conversion-panel-wrap > p {
    font-size: 18px !important;
  }
}


/* ======== FORM: Request Demo ======== */
.cb-form-request-demo-wrap {
  max-width: 592px !important;
}

.cb-form-request-demo-wrap .cb-form-request-demo {
  margin-top: 0;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-field-container .wpforms-field {
  padding-top: 0;
  padding-bottom: 16px;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-field-container .wpforms-field input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-field-container .wpforms-field.cb-checkbox-agree {
  padding-bottom: 0;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-field-container .wpforms-field.cb-checkbox-agree label.wpforms-field-label-inline {
  padding-left: 8px;
  font-size: 14px;
  color: #667085;
  font-weight: 500;
  line-height: 20px;
  word-break: auto-phrase;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-submit-container {
  margin-top: 32px;
}

.cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-submit-container .cb-form-submit {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px;
}

@media only screen and (max-width: 1024px) {
  .cb-form-request-demo-wrap {
    max-width: 502px !important;
  }
}

@media only screen and (max-width: 768px) {
  .cb-form-request-demo-wrap {
    padding-top: 48px !important;
    padding-bottom: 24px !important;
    max-width: 342px !important;
  }

  .cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-one-half {
    width: 100%;
    margin-left: 0;
  }

  .cb-form-request-demo-wrap .cb-form-request-demo form.wpforms-form .wpforms-submit-container .cb-form-submit {
    border-radius: 8px;
  }
}


/* ======== FORM: Partnership ======== */
.cb-form-partnership-wrap {
  max-width: 592px !important;
}

.cb-form-partnership-wrap .cb-form-partnership {
  margin-top: 0;
}

.cb-form-partnership-wrap .cb-form-partnership form.wpforms-form .wpforms-field-container .wpforms-field {
  padding-top: 0;
  padding-bottom: 16px;
}

.cb-form-partnership-wrap .cb-form-partnership form.wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.cb-form-partnership-wrap .cb-form-partnership form.wpforms-form .wpforms-field-container .wpforms-field.cb-checkbox-agree {
  padding-bottom: 0;
}

.cb-form-partnership-wrap .cb-form-partnership form.wpforms-form .wpforms-field-container .wpforms-field.cb-checkbox-agree label.wpforms-field-label-inline {
  padding-left: 8px;
  font-size: 14px;
  color: #344054;
  font-weight: 500;
  line-height: 20px;
  word-break: auto-phrase;
}

.cb-form-partnership-wrap .cb-form-partnership form.wpforms-form .wpforms-submit-container {
  margin-top: 32px;
}

.cb-form-partnership-wrap .cb-form-partnership form.wpforms-form .wpforms-submit-container .cb-form-submit {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px;
}

@media only screen and (max-width: 1024px) {
  .cb-form-partnership-wrap {
    max-width: 502px !important;
  }

  .cb-form-partnership-wrap > p {
    font-size: 18px !important;
    line-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .cb-form-partnership-wrap {
    max-width: 342px !important;
  }
}

/* ======== FORM: Blog Article ======== */
.cb-form-blog-article-wrap .cb-form-blog-article-heading {
  font-size: 26px !important;
  line-height: 35px;
}

.cb-form-blog-article-wrap .cb-separator-white-leftalign {
  margin-left: 0 !important;
  border-width: 2px;
}

.cb-form-blog-article-wrap .cb-form-blog-article {
  margin-top: 0;
}

.cb-form-blog-article-wrap .cb-form-blog-article form.wpforms-form .wpforms-field-container .wpforms-field {
  padding-top: 0;
  padding-bottom: 16px;
}

.cb-form-blog-article-wrap .cb-form-blog-article form.wpforms-form .wpforms-field-container .wpforms-field input {
  border-top: none;
  border-left: none;
  border-right: none;
  max-width: 593px;
  background-color: transparent;
  border-color: #fff;
}

.cb-form-blog-article-wrap .cb-form-blog-article form.wpforms-form .wpforms-field-container .wpforms-field.cb-checkbox-agree label.wpforms-field-label-inline {
  padding-left: 8px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 20px;
}

.cb-form-blog-article-wrap .cb-form-blog-article form.wpforms-form .wpforms-submit-container {
  margin-top: 0;
}

.cb-form-blog-article-wrap .cb-form-blog-article form.wpforms-form .wpforms-submit-container .cb-form-submit {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-shadow: none;
}

@media only screen and (max-width: 1024px) {
  .cb-form-blog-article-wrap {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .cb-form-blog-article-wrap > div.wp-block-group {
    padding-left: 32px !important;
    padding-right: 32px !important;
    max-width: 706px;
  }

  .cb-form-blog-article-wrap .cb-form-blog-article form.wpforms-form .wpforms-submit-container .cb-form-submit {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .cb-form-blog-article-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .cb-form-blog-article-wrap > div.wp-block-group {
    padding-left: 24px !important;
    padding-right: 24px !important;
    max-width: 342px;
  }
}

/* ======== FORM: Subprocessors ======== */
.cb-form-subprocessors-wrap {
  max-width: 1216px !important;
}

.cb-form-subprocessors-wrap > p {
  font-size: 22px !important;
  line-height: 21px;
}

.cb-form-subprocessors-wrap .cb-form-subprocessors {
  margin-top: 0;
  max-width: 100%;
}

.cb-form-subprocessors-wrap .cb-form-subprocessors form.wpforms-form .wpforms-field-container .wpforms-field {
  padding-top: 0;
  padding-bottom: 16px;
}

.cb-form-subprocessors-wrap .cb-form-subprocessors form.wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
  text-align: center;
}

.cb-form-subprocessors-wrap .cb-form-subprocessors form.wpforms-form .wpforms-field-container .wpforms-field input {
  background-color: #f0faff;
  border: none;
  border-bottom: 1px solid #cfe2f3;
  border-radius: 0;
  text-align: center;
}

.cb-form-subprocessors-wrap .cb-form-subprocessors form.wpforms-form .wpforms-submit-container {
  margin-top: 14px;
}

.cb-form-subprocessors-wrap .cb-form-subprocessors form.wpforms-form .wpforms-submit-container .cb-form-submit {
  padding: 14px;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}

.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: none !important;
  border: none !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cb-form-subprocessors-wrap {
    max-width: 1039px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cb-form-subprocessors-wrap {
    max-width: 864px !important;
  }
}

@media screen and (max-width: 767px) {
  .cb-form-subprocessors-wrap {
    max-width: 100% !important;
  }
}

/* ======== FORM: Base ======== */
.cb-pages-form {
  margin-top: 0;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 0px 0px 2px 2px;
}

.cb-pages-form .cb-form-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}

.cb-pages-form .wpforms-container {
  margin-top: 0;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field {
  padding-top: 0;
  padding-bottom: 20px;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field > label {
  margin-bottom: 3px;
  font-weight: normal;
  color: #666;
  font-size: 14px;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field > input {
  height: 30px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #f4f4f4;
  background-color: #fff;
  box-shadow: none;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field > input:focus {
  border-color: #46a0ff !important;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field > input.wpforms-error {
  border-color: #d85565;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field > .wpforms-error {
  margin-top: 0;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field .choices .choices__inner {
  min-height: 30px;
  border: none;
  border-radius: 0;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-checkbox label {
  font-weight: normal;
  color: #666;
  font-size: 14px;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-checkbox .wpforms-field-label {
  margin-bottom: 3px;
  font-weight: normal;
  color: #666;
  font-size: 14px;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-submit-container {
  margin-top: 0;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-submit-container > .wpforms-submit {
  width: 100%;
  border-radius: 2px;
  font-size: 13px !important;
  letter-spacing: 0.7px;
}

.cb-pages-form .wpforms-container form.wpforms-form .wpforms-submit-container > .wpforms-submit:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .cb-pages-form .wpforms-container form.wpforms-form .wpforms-field-container .wpforms-field {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.cb-form-request-demo-wrap h3 {
  font-family: 'helvetica';
  color: #09488a;
  font-size: 16px !important;
}

/* ======== FORM: Orange ======== */
.cb-pages-form.orange {
  border-top: 3px solid #ff731c;
}

.cb-pages-form.orange .wpforms-container form.wpforms-form .wpforms-submit-container > .wpforms-submit {
  background-color: #ff731c !important;
}

/* ======== FORM: Blue ======== */
.cb-pages-form.blue {
  border-top: 3px solid #46a0ff;
}

/* ======== FORM: Background: White ======== */
.cb-pages-form.bg-white {
  background-color: #fff !important;
}

/* =============================
  BUTTONS
============================= */
.btn-submit-orange {
  background: #ff7a59 !important;
  border-color: #ff7a59 !important;
  font-family: 'Proxima' !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 12px !important;
}

.btn-submit-blue-outline {
  background: transparent !important;
  border: 2px solid #46a0ff !important;
  font-family: 'Proxima' !important;
  color: #46a0ff !important;
  font-size: 12px !important;
  line-height: 12px !important;
}

.cb-form-request-demo-wrap input.hs-button.primary.large {
  background: #46A0FF;
  border: none;
}


.cb-pages-form .input > input {
  height: 30px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #f4f4f4 !important;
  background-color: #fff !important;
  box-shadow: none;
}

.cb-pages-form.orange input.hs-button.primary.large {
  background: #ff731c;
}

.hs-form-checkbox input {
  width: auto !important;
}

.blue-button label {
  font-family: 'Proxima';
  font-weight: 400;
}

.subscribe-button .input > input {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border: none !important;
  background: #fff;
}

.subscribe-button.blue-button .actions {
  padding: 0;
  margin: 0;
}

.blue-button input.hs-button.primary.large {
  background: #46A0FF;
  border: 0;
}

.blue-button label {
  font-family: 'Proxima';
  font-weight: 400;
}

.datastream-form label {
  font-family: 'Overpass';
  font-weight: 400;
}
.datastream-form input.hs-button.primary.large {
  background: #000;
  border: 0;
}

.datastream-form .input > input {
  background: #f5f8fa;
  border: 1px solid #cbd6e2;
}

.datastream-form select {
  background: #f5f8fa;
  border: 1px solid #cbd6e2;
}
