{# Note: This file is subject to change. Please overwrite styles with custom-styles.css using a child-theme #}

{# Form styling #}
.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form input[type=email] {
  border: 1px solid #fff;
  padding: 17px 30px;
  line-height: 1.2;
  font-size: 18px;
  color: white;
  border-radius: 30px;
  padding-right: 120px;
}

.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit:before {
  background: var(--clr-background-dk);
}

.page-center.form-with-rich-text.pwr--align-c.pwr--relative {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-with-rich-text .form-conta {
  flex-basis: 46%;
}

.form-with-rich-text .hs_cos_wrapper_type_form .form-title {
  display: none;
}

.form-with-rich-text .pwr-sec-cta__hor-text-wrapper--narrow {
  flex-basis: 44%;
  max-width: 44%;
}

.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form {
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit {
  position: absolute;
  top: 0;
  right: -20px;
}

.form-with-rich-text .hs-submit .hs-button {
  padding-top: 18.4px;
  padding-bottom: 18.4px;
}


.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form {
  /* border: 1px solid white; */
  /* border-radius: 12px; */
  margin-top: 40px;
  max-width: 600px;
}

::placeholder {
  color: white !important
}

.form-with-rich-text .hs-submit {
  margin-top: 0;
}

.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form .hs-form-field>label {
  display: none;
}


@media (max-width: 1023px){

  .form-with-rich-text.pwr--align-c.pwr--relative {
    flex-direction: column;
  }

  .form-with-rich-text .form-conta {
    flex-basis: 80%;
        width: 80%;
  }

  .form-with-rich-text .pwr-sec-cta__hor-text-wrapper--narrow {
    flex-basis: 80%;
    max-width: 80%;
  }

}

@media (max-width: 767px){
.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit {
    position: inherit;
    /* top: 0; */
    right: 0;
}
  
.form-with-rich-text .hs-form-field {
    margin-bottom: 25px;
}
  
}

/* Submit button */

.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit:hover:after {
  background: var(--clr-accent-lt);
}

.form-with-rich-text div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit:hover {
  color: var(--clr-accent-dk);
}





/* Sec CTA */

.pwr-sec-cta {
  padding: 48px 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.pwr-sec-cta--vertical {
  padding: 95px 0;
}
.pwr-sec-cta--cta-only {
  padding: 65px 0;
}
.pwr-sec-cta--dark {
  background-color: var(--clr-background-dk);
  color: var(--clr-text-dk);
}
.pwr-sec-cta--primary {
  background-color: var(--clr-primary);
  color: var(--clr-text-dk);
}
.pwr-sec-cta__hor-text-wrapper--narrow {
  max-width: 800px;
}
.pwr-sec-cta__title {
  line-height: 1.14em;
  margin: 0;
}
.pwr-sec-cta__desc {
  display: block;
  font-size: var(--fs-desc-sec);
  line-height: 1.6em;
}
.pwr-sec-cta__title + .pwr-sec-cta__desc {
  margin-top: 15px;
}
.pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical {
  margin-top: 25px;
}

.pwr-sec-cta__cta--center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  width: 100%;
}
.pwr-sec-cta__cta--vertical { 
  margin-top: 40px;
}

@media (max-width: 991px) {
  .pwr-sec-cta__cta--right {
    margin-top: 40px;
  }
  .pwr-sec-cta__cta--center .cta_button,
  .pwr-sec-cta__cta--vertical .cta_button {
    max-width: 340px;
  }
}
@media (min-width: 992px) {
  .pwr-sec-cta__title:not(.pwr-sec-cta__title--vertical),
  .pwr-sec-cta__desc:not(.pwr-sec-cta__desc--vertical) {
    text-align: left;
  }
  .pwr-sec-cta__cta--right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
  }
}
@media (max-width: 767px) {
  .pwr-sec-cta--vertical {
    padding: calc(95px * var(--sp-reduction-factor)) 0;
  }
  .pwr-sec-cta--cta-only {
    padding: calc(65px * var(--sp-reduction-factor)) 0;
  }
  .pwr-sec-cta__desc {
    font-size: var(--fs-min); /* fallback */
    font-size: max(var(--fs-min),calc(var(--fs-desc-sec) * var(--fs-reduction-factor)));
  }
  .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical {
    margin-top: calc(25px * var(--sp-reduction-factor));
  }
  .pwr-sec-cta__cta--right,
  .pwr-sec-cta__cta--vertical { 
    margin-top: calc(40px * var(--sp-reduction-factor));
  }
}