/* ==========================================================================
   Spacing
   ========================================================================== */
/*
 * Add top 100px/bottom 60px of space for .cross-template-component__section--visible
 */
:is(.parsys, .grouping) > .landingpagesection:has(.cross-template-component__section--visible) {
  padding-top: 100px;
  padding-bottom: 60px;
}
/*
 * If .cross-template-component__section--visible follows a component without a background, only make padding-top: 40px
 */
:is(.parsys, .grouping) > *:not(.quote):has( > .cross-template-component:not(:empty, [class*="--background-gray"])) + .landingpagesection:has(.cross-template-component__section--visible) {
  padding-top: 40px;
  padding-bottom: 60px;
}
.landingpage_section_target:target {
  display: block;
  scroll-margin-top: 60px;
}
.landingpage_section_target.showOnPage {
  display: inline-block;
  font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
  font-size: 30px;
  line-height: 39px;
  font-weight: 700;
  color: #004494;
  max-width: 75%;
  margin: 0;
}
.landingpage_section_target.showOnPage:target {
  scroll-margin-top: 70px !important;
}
.landingpage_section_target.showOnPage:before {
  content: '';
  display: block;
  height: 4px;
  margin: 0 0 15px 0;
  background-color: #6bb847;
}
.showSectionTitles .landingpagesection h1:before {
  content: '';
  display: block;
  height: 4px;
  margin: 0 0 15px 0;
  background-color: #6bb847;
}
@media (max-width: 960px) {
  .landingpage_section_target.showOnPage {
    padding: 0px 20px;
  }
}
@media (max-width: 750px) {
  .landingpage_section_target.showOnPage {
    max-width: none;
  }
}
