.subscription-webform {
  padding: 4rem 0;
  background: url('../images/webform-bg.png') no-repeat !important;
  background-size: cover;
  background-position: center center;
  
    .field--name-field-title, h2 {
      @include text-style-headline-h-3;
      text-shadow: 0px 2px 10px rgba(0,0,0,0.400), 0px 0px 2px rgba(0,0,0,0.800);
      text-align: center;
      margin-bottom: 1rem;
      color: $primary-contrast;
    }
    
    form {
      max-width: 737px;
      margin: 0 auto;
      position: relative;
  
  
      .form-control {
        width: 100%;
      }
    }
  
    #edit-submit {
      position: absolute;
      right: 3px;
      width: 100px;
      top: 3px;
      margin: 0;
      background-color: $primary;
      color: $text-contrast;
      text-align: center;
      @include text-style-button-large;
      line-height: rem-calc(16);
    }
  }
  
  .path-frontpage .breadcrumb {
    display: none;
  }
  
  .breadcrumb {
    margin: 8px 0 2rem;
  
    .breadcrumb-item {
      padding: 4px 8px;
      position: relative;
  
      /*&:first-child {
        padding-left: 0;
      }*/
  
      a {
        color: $text-hint;
        text-decoration: none;
      }
  
      &.active:last-child {
        background-color: $gray-lightest;
        border-radius: 4px;
        color: $primary;
  
        a {
          color: $primary;
        }
      }
    }
  
    .breadcrumb-item + .breadcrumb-item {
      margin-left: 10px;
    }
  
    .breadcrumb-item + .breadcrumb-item::before {
      position: absolute;
      left: -10px;
    }
  }
  
  .section-upcoming-events {
    .container > .layout.row > div:first-child {
      border-right: 1px solid $primary;
      padding-right: 2rem;
    }
  
    .container > .layout.row > div:last-child {
      padding-left: 4rem;
    }
  }