/* Overall module layout */
.m-formMod__content {
  margin-top: 50px; 
}

.m-formMod__buttons .button, 
.m-formMod__buttons .textLink {
  display: block;
  text-align: center;
}

.m-formMod__buttons .hs_cos_wrapper_type_cta:not(:last-child), 
.m-formMod__buttons .textLink:not(:last-child) {
  margin-bottom: 20px;
}

.m-formMod__buttons .textLink:last-child {
  margin-bottom: 2rem;
}

.o-formMod .form-content {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .m-formMod__buttons .button, 
  .m-formMod__buttons .textLink {
    display: inline-block;
  }

  .m-formMod__buttons .hs_cos_wrapper_type_cta:not(:last-child), 
  .m-formMod__buttons .textLink:not(:last-child) {
    margin-bottom: 0;
    margin-right: 20px;
  }
}

@media (min-width: 992px) {
  .m-formMod__content {
    margin-top: 0; 
  }

  .flex-lg-row .m-formMod__image {
    padding-left: 10px;
  }

  .flex-lg-row-reverse .m-formMod__image {
    padding-right: 100px;
  }

  .flex-lg-row.thirty_seventy .m-formMod__image {
    padding-left: 30px;
  }

  .flex-lg-row.seventy_thirty .m-formMod__image {
    padding-left: 0;
  }

  .flex-lg-row.seventy_thirty .m-formMod__content {
    max-width: 570px;
    margin: 0 auto;
  }

  .flex-lg-row-reverse.thirty_seventy .m-formMod__image {
    padding-right: 30px;
  }

  .flex-lg-row-reverse.seventy_thirty .m-formMod__image {
    padding-right: 0;
  }

  .flex-lg-row-reverse.seventy_thirty .m-formMod__content {
    max-width: 570px;
    margin: 0 auto;
  }
}

/* HubSpot specific styles */
.hero_form h3.form-title {
 display: none;
}

{% if content.column_widths == 'form_100' %}
  .m-formMod__title, .m-formMod__subtitle, .m-formMod__description {
    text-align: center;
  }

  .actions {
    display: flex;
    justify-content: center;
  }

{% endif %}