
h1, .h1 {
  font-weight: $lead-font-weight;
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  margin-top: 2em;

  &:first-child {
    margin-top: inherit;
  }
}


.fancy {
  font-family: $jumbotron-font-family;
  font-weight: 400;
  margin-bottom: .5em;
  margin-top: 1.5em;

  &::after {
    //position: absolute;
    display: block;
    bottom: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 71.7 3'%3E%3Cpath d='M0,1.4H0A2.6,2.6,0,0,1,1.1,0C10,.7,17.6,1.1,26.4,1.1,38.2,1.1,48.6.4,60.8.6h9.5c.9.1,1.4.5,1.4,1.1h0c.1.5-.2.8-.6,1.1L46,2.3H12.6C9.2,2.4,2,2.7,1.2,2.3L.1,1.7Z' style='fill:%23b61c3e'/%3E%3C/svg%3E");
    width: 72px;
  }

  &.ce-headline-center::after {
    margin: 0 auto;

  }

  &.ce-headline-right::after {
    margin: 0 0 0 auto;

  }
}


h2.fancy {
  @include font-size($h1-font-size * 1.5);
}


h3.fancy {
  @include font-size($h2-font-size * 1.5);
}


h4.fancy {
  @include font-size($h3-font-size * 1.5);
}


%link-arrow {
  position: relative;
  display: inline-block;

  &::before {
    content: '→ ';
    display: inline-block;
    padding-left: .2em;
    padding-right: .6em;
  }

  &:hover, &:focus {
    &::before {
      transition: $transition-base;
      transform: translateX(.4em);
    }
  }
}


p > a {
  font-weight: $font-weight-bolder;
  @extend %link-arrow;
}


.text-left {
  text-align: left;
}


.text-right {
  text-align: right;
}


.text-center {
  text-align: center;
}
