/* Title visually hidden. */
body.hide-title--1 {
  h1.page-title {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
  }
}

/* Title hidden. */
body.hide-title--2 {
  h1.page-title {
    display: none;
    visibility: hidden;
  }
}

body.node-width--fullsize main > .l-container {
  margin: 0;
  padding: 0;
  max-width: unset;
}
body.node-width--wide main > .l-container {
  @include l-container--wide;
}
body.node-width--medium main > .l-container {
  @include l-container--medium;
}
body.node-width--narrow main > .l-container {
  @include l-container--narrow;
}

.node--type-landing-page {
  .paragraph {
    margin: 0;
    padding: 0;
  }
  .field--paragraphs > .paragraph {
    /*
    margin: 0 auto;
    max-width: var(--w-wide);
    */

    position: relative;
    margin: 0;
    padding: 0;
    max-width: unset;



    .swiper-container {
      margin: 0 auto;
    }


    @media screen and (max-width: 1200px) {
      padding: 0 1em;
    }


    @media screen and (min-width: 760px) {
      &.paragraph-width--narrow {
        padding: 0 calc((100% - var(--w-narrow)) / 2);
      }
    }
    @media screen and (min-width: 980px) {
      &.paragraph-width--medium {
        padding: 0 calc((100% - var(--w-medium)) / 2);
      }
    }
    @media screen and (min-width: 1200px) {
      &.paragraph-width--wide {
        padding: 0 calc((100% - var(--w-wide)) / 2);
      }
    }

    &.paragraph-width--fullsize {
      max-width: unset;
      padding: 0;
    }

  }
  .field--paragraphs .paragraph {

    &.background-style--background-1 {
      background-color: var(--color-background-1, rgb(221, 240, 251));
    }
    &.background-style--background-2 {
      background-color: var(--color-background-2, rgb(82, 179, 235));
    }
    &.background-style--background-3 {
      background-color: var(--color-background-3, rgb(27, 154, 228));
    }

    &.padding-top--0-em {
      padding-top: 0;
    }
    &.padding-top--0-em-25-em {
      padding-top: 0.25em;
    }
    &.padding-top--0-em-5-em {
      padding-top: 0.5em;
    }
    &.padding-top--0-em-75-em {
      padding-top: 0.75em;
    }
    &.padding-top--1-0-em {
      padding-top: 1em;
    }
    &.padding-top--1-5-em {
      padding-top: 1.5em;
    }
    &.padding-top--2-0-em {
      padding-top: 2em;
    }
    &.padding-top--2-5-em {
      padding-top: 2.5em;
    }
    &.padding-top--3-0-em {
      padding-top: 3em;
    }

    &.padding-bottom--0-em {
      padding-bottom: 0;
    }
    &.padding-bottom--0-em-25-em {
      padding-bottom: 0.25em;
    }
    &.padding-bottom--0-em-5-em {
      padding-bottom: 0.5em;
    }
    &.padding-bottom--0-em-75-em {
      padding-bottom: 0.75em;
    }
    &.padding-bottom--1-0-em {
      padding-bottom: 1em;
    }
    &.padding-bottom--1-5-em {
      padding-bottom: 1.5em;
    }
    &.padding-bottom--2-0-em {
      padding-bottom: 2em;
    }
    &.padding-bottom--2-5-em {
      padding-bottom: 2.5em;
    }
    &.padding-bottom--3-0-em {
      padding-bottom: 3em;
    }

    &.padding-left--0-em {
      padding-left: 0;
    }
    &.padding-left--0-em-25-em {
      padding-left: 0.25em;
    }
    &.padding-left--0-em-5-em {
      padding-left: 0.5em;
    }
    &.padding-left--0-em-75-em {
      padding-left: 0.75em;
    }
    &.padding-left--1-0-em {
      padding-left: 1em;
    }
    &.padding-left--1-5-em {
      padding-left: 1.5em;
    }
    &.padding-left--2-0-em {
      padding-left: 2em;
    }
    &.padding-left--2-5-em {
      padding-left: 2.5em;
    }
    &.padding-left--3-0-em {
      padding-left: 3em;
    }

    &.padding-right--0-em {
      padding-right: 0;
    }
    &.padding-right--0-em-25-em {
      padding-right: 0.25em;
    }
    &.padding-right--0-em-5-em {
      padding-right: 0.5em;
    }
    &.padding-right--0-em-75-em {
      padding-right: 0.75em;
    }
    &.padding-right--1-0-em {
      padding-right: 1em;
    }
    &.padding-right--1-5-em {
      padding-right: 1.5em;
    }
    &.padding-right--2-0-em {
      padding-right: 2em;
    }
    &.padding-right--2-5-em {
      padding-right: 2.5em;
    }
    &.padding-right--3-0-em {
      padding-right: 3em;
    }

    &.margin-top--0-em {
      margin-top: 0;
    }
    &.margin-top--0-em-25-em {
      margin-top: 0.25em;
    }
    &.margin-top--0-em-5-em {
      margin-top: 0.5em;
    }
    &.margin-top--0-em-75-em {
      margin-top: 0.75em;
    }
    &.margin-top--1-0-em {
      margin-top: 1em;
    }
    &.margin-top--1-5-em {
      margin-top: 1.5em;
    }
    &.margin-top--2-0-em {
      margin-top: 2em;
    }
    &.margin-top--2-5-em {
      margin-top: 2.5em;
    }
    &.margin-top--3-0-em {
      margin-top: 3em;
    }

    &.margin-bottom--0-em {
      margin-bottom: 0;
    }
    &.margin-bottom--0-em-25-em {
      margin-bottom: 0.25em;
    }
    &.margin-bottom--0-em-5-em {
      margin-bottom: 0.5em;
    }
    &.margin-bottom--0-em-75-em {
      margin-bottom: 0.75em;
    }
    &.margin-bottom--1-0-em {
      margin-bottom: 1em;
    }
    &.margin-bottom--1-5-em {
      margin-bottom: 1.5em;
    }
    &.margin-bottom--2-0-em {
      margin-bottom: 2em;
    }
    &.margin-bottom--2-5-em {
      margin-bottom: 2.5em;
    }
    &.margin-bottom--3-0-em {
      margin-bottom: 3em;
    }

    &.margin-left--0-em {
      margin-left: 0;
    }
    &.margin-left--0-em-25-em {
      margin-left: 0.25em;
    }
    &.margin-left--0-em-5-em {
      margin-left: 0.5em;
    }
    &.margin-left--0-em-75-em {
      margin-left: 0.75em;
    }
    &.margin-left--1-0-em {
      margin-left: 1em;
    }
    &.margin-left--1-5-em {
      margin-left: 1.5em;
    }
    &.margin-left--2-0-em {
      margin-left: 2em;
    }
    &.margin-left--2-5-em {
      margin-left: 2.5em;
    }
    &.margin-left--3-0-em {
      margin-left: 3em;
    }

    &.margin-right--0-em {
      margin-right: 0;
    }
    &.margin-right--0-em-25-em {
      margin-right: 0.25em;
    }
    &.margin-right--0-em-5-em {
      margin-right: 0.5em;
    }
    &.margin-right--0-em-75-em {
      margin-right: 0.75em;
    }
    &.margin-right--1-0-em {
      margin-right: 1em;
    }
    &.margin-right--1-5-em {
      margin-right: 1.5em;
    }
    &.margin-right--2-0-em {
      margin-right: 2em;
    }
    &.margin-right--2-5-em {
      margin-right: 2.5em;
    }
    &.margin-right--3-0-em {
      margin-right: 3em;
    }

    @media screen and (min-width: 480px) and (max-width: 979px) {
      &.padding-top-tablet--0-em {
        padding-top: 0;
      }
      &.padding-top-tablet--0-em-25-em {
        padding-top: 0.25em;
      }
      &.padding-top-tablet--0-em-5-em {
        padding-top: 0.5em;
      }
      &.padding-top-tablet--0-em-75-em {
        padding-top: 0.75em;
      }
      &.padding-top-tablet--1-0-em {
        padding-top: 1em;
      }
      &.padding-top-tablet--1-5-em {
        padding-top: 1.5em;
      }
      &.padding-top-tablet--2-0-em {
        padding-top: 2em;
      }
      &.padding-top-tablet--2-5-em {
        padding-top: 2.5em;
      }
      &.padding-top-tablet--3-0-em {
        padding-top: 3em;
      }

      &.padding-bottom-tablet--0-em {
        padding-bottom: 0;
      }
      &.padding-bottom-tablet--0-em-25-em {
        padding-bottom: 0.25em;
      }
      &.padding-bottom-tablet--0-em-5-em {
        padding-bottom: 0.5em;
      }
      &.padding-bottom-tablet--0-em-75-em {
        padding-bottom: 0.75em;
      }
      &.padding-bottom-tablet--1-0-em {
        padding-bottom: 1em;
      }
      &.padding-bottom-tablet--1-5-em {
        padding-bottom: 1.5em;
      }
      &.padding-bottom-tablet--2-0-em {
        padding-bottom: 2em;
      }
      &.padding-bottom-tablet--2-5-em {
        padding-bottom: 2.5em;
      }
      &.padding-bottom-tablet--3-0-em {
        padding-bottom: 3em;
      }

      &.padding-left-tablet--0-em {
        padding-left: 0;
      }
      &.padding-left-tablet--0-em-25-em {
        padding-left: 0.25em;
      }
      &.padding-left-tablet--0-em-5-em {
        padding-left: 0.5em;
      }
      &.padding-left-tablet--0-em-75-em {
        padding-left: 0.75em;
      }
      &.padding-left-tablet--1-0-em {
        padding-left: 1em;
      }
      &.padding-left-tablet--1-5-em {
        padding-left: 1.5em;
      }
      &.padding-left-tablet--2-0-em {
        padding-left: 2em;
      }
      &.padding-left-tablet--2-5-em {
        padding-left: 2.5em;
      }
      &.padding-left-tablet--3-0-em {
        padding-left: 3em;
      }

      &.padding-right-tablet--0-em {
        padding-right: 0;
      }
      &.padding-right-tablet--0-em-25-em {
        padding-right: 0.25em;
      }
      &.padding-right-tablet--0-em-5-em {
        padding-right: 0.5em;
      }
      &.padding-right-tablet--0-em-75-em {
        padding-right: 0.75em;
      }
      &.padding-right-tablet--1-0-em {
        padding-right: 1em;
      }
      &.padding-right-tablet--1-5-em {
        padding-right: 1.5em;
      }
      &.padding-right-tablet--2-0-em {
        padding-right: 2em;
      }
      &.padding-right-tablet--2-5-em {
        padding-right: 2.5em;
      }
      &.padding-right-tablet--3-0-em {
        padding-right: 3em;
      }

      &.margin-top-tablet--0-em {
        margin-top: 0;
      }
      &.margin-top-tablet--0-em-25-em {
        margin-top: 0.25em;
      }
      &.margin-top-tablet--0-em-5-em {
        margin-top: 0.5em;
      }
      &.margin-top-tablet--0-em-75-em {
        margin-top: 0.75em;
      }
      &.margin-top-tablet--1-0-em {
        margin-top: 1em;
      }
      &.margin-top-tablet--1-5-em {
        margin-top: 1.5em;
      }
      &.margin-top-tablet--2-0-em {
        margin-top: 2em;
      }
      &.margin-top-tablet--2-5-em {
        margin-top: 2.5em;
      }
      &.margin-top-tablet--3-0-em {
        margin-top: 3em;
      }

      &.margin-bottom-tablet--0-em {
        margin-bottom: 0;
      }
      &.margin-bottom-tablet--0-em-25-em {
        margin-bottom: 0.25em;
      }
      &.margin-bottom-tablet--0-em-5-em {
        margin-bottom: 0.5em;
      }
      &.margin-bottom-tablet--0-em-75-em {
        margin-bottom: 0.75em;
      }
      &.margin-bottom-tablet--1-0-em {
        margin-bottom: 1em;
      }
      &.margin-bottom-tablet--1-5-em {
        margin-bottom: 1.5em;
      }
      &.margin-bottom-tablet--2-0-em {
        margin-bottom: 2em;
      }
      &.margin-bottom-tablet--2-5-em {
        margin-bottom: 2.5em;
      }
      &.margin-bottom-tablet--3-0-em {
        margin-bottom: 3em;
      }

      &.margin-left-tablet--0-em {
        margin-left: 0;
      }
      &.margin-left-tablet--0-em-25-em {
        margin-left: 0.25em;
      }
      &.margin-left-tablet--0-em-5-em {
        margin-left: 0.5em;
      }
      &.margin-left-tablet--0-em-75-em {
        margin-left: 0.75em;
      }
      &.margin-left-tablet--1-0-em {
        margin-left: 1em;
      }
      &.margin-left-tablet--1-5-em {
        margin-left: 1.5em;
      }
      &.margin-left-tablet--2-0-em {
        margin-left: 2em;
      }
      &.margin-left-tablet--2-5-em {
        margin-left: 2.5em;
      }
      &.margin-left-tablet--3-0-em {
        margin-left: 3em;
      }

      &.margin-right-tablet--0-em {
        margin-right: 0;
      }
      &.margin-right-tablet--0-em-25-em {
        margin-right: 0.25em;
      }
      &.margin-right-tablet--0-em-5-em {
        margin-right: 0.5em;
      }
      &.margin-right-tablet--0-em-75-em {
        margin-right: 0.75em;
      }
      &.margin-right-tablet--1-0-em {
        margin-right: 1em;
      }
      &.margin-right-tablet--1-5-em {
        margin-right: 1.5em;
      }
      &.margin-right-tablet--2-0-em {
        margin-right: 2em;
      }
      &.margin-right-tablet--2-5-em {
        margin-right: 2.5em;
      }
      &.margin-right-tablet--3-0-em {
        margin-right: 3em;
      }
    }

    @media screen and (max-width: 479px) {
      &.padding-top-mobile--0-em {
        padding-top: 0;
      }
      &.padding-top-mobile--0-em-25-em {
        padding-top: 0.25em;
      }
      &.padding-top-mobile--0-em-5-em {
        padding-top: 0.5em;
      }
      &.padding-top-mobile--0-em-75-em {
        padding-top: 0.75em;
      }
      &.padding-top-mobile--1-0-em {
        padding-top: 1em;
      }
      &.padding-top-mobile--1-5-em {
        padding-top: 1.5em;
      }
      &.padding-top-mobile--2-0-em {
        padding-top: 2em;
      }
      &.padding-top-mobile--2-5-em {
        padding-top: 2.5em;
      }
      &.padding-top-mobile--3-0-em {
        padding-top: 3em;
      }

      &.padding-bottom-mobile--0-em {
        padding-bottom: 0;
      }
      &.padding-bottom-mobile--0-em-25-em {
        padding-bottom: 0.25em;
      }
      &.padding-bottom-mobile--0-em-5-em {
        padding-bottom: 0.5em;
      }
      &.padding-bottom-mobile--0-em-75-em {
        padding-bottom: 0.75em;
      }
      &.padding-bottom-mobile--1-0-em {
        padding-bottom: 1em;
      }
      &.padding-bottom-mobile--1-5-em {
        padding-bottom: 1.5em;
      }
      &.padding-bottom-mobile--2-0-em {
        padding-bottom: 2em;
      }
      &.padding-bottom-mobile--2-5-em {
        padding-bottom: 2.5em;
      }
      &.padding-bottom-mobile--3-0-em {
        padding-bottom: 3em;
      }

      &.padding-left-mobile--0-em {
        padding-left: 0;
      }
      &.padding-left-mobile--0-em-25-em {
        padding-left: 0.25em;
      }
      &.padding-left-mobile--0-em-5-em {
        padding-left: 0.5em;
      }
      &.padding-left-mobile--0-em-75-em {
        padding-left: 0.75em;
      }
      &.padding-left-mobile--1-0-em {
        padding-left: 1em;
      }
      &.padding-left-mobile--1-5-em {
        padding-left: 1.5em;
      }
      &.padding-left-mobile--2-0-em {
        padding-left: 2em;
      }
      &.padding-left-mobile--2-5-em {
        padding-left: 2.5em;
      }
      &.padding-left-mobile--3-0-em {
        padding-left: 3em;
      }

      &.padding-right-mobile--0-em {
        padding-right: 0;
      }
      &.padding-right-mobile--0-em-25-em {
        padding-right: 0.25em;
      }
      &.padding-right-mobile--0-em-5-em {
        padding-right: 0.5em;
      }
      &.padding-right-mobile--0-em-75-em {
        padding-right: 0.75em;
      }
      &.padding-right-mobile--1-0-em {
        padding-right: 1em;
      }
      &.padding-right-mobile--1-5-em {
        padding-right: 1.5em;
      }
      &.padding-right-mobile--2-0-em {
        padding-right: 2em;
      }
      &.padding-right-mobile--2-5-em {
        padding-right: 2.5em;
      }
      &.padding-right-mobile--3-0-em {
        padding-right: 3em;
      }

      &.margin-top-mobile--0-em {
        margin-top: 0;
      }
      &.margin-top-mobile--0-em-25-em {
        margin-top: 0.25em;
      }
      &.margin-top-mobile--0-em-5-em {
        margin-top: 0.5em;
      }
      &.margin-top-mobile--0-em-75-em {
        margin-top: 0.75em;
      }
      &.margin-top-mobile--1-0-em {
        margin-top: 1em;
      }
      &.margin-top-mobile--1-5-em {
        margin-top: 1.5em;
      }
      &.margin-top-mobile--2-0-em {
        margin-top: 2em;
      }
      &.margin-top-mobile--2-5-em {
        margin-top: 2.5em;
      }
      &.margin-top-mobile--3-0-em {
        margin-top: 3em;
      }

      &.margin-bottom-mobile--0-em {
        margin-bottom: 0;
      }
      &.margin-bottom-mobile--0-em-25-em {
        margin-bottom: 0.25em;
      }
      &.margin-bottom-mobile--0-em-5-em {
        margin-bottom: 0.5em;
      }
      &.margin-bottom-mobile--0-em-75-em {
        margin-bottom: 0.75em;
      }
      &.margin-bottom-mobile--1-0-em {
        margin-bottom: 1em;
      }
      &.margin-bottom-mobile--1-5-em {
        margin-bottom: 1.5em;
      }
      &.margin-bottom-mobile--2-0-em {
        margin-bottom: 2em;
      }
      &.margin-bottom-mobile--2-5-em {
        margin-bottom: 2.5em;
      }
      &.margin-bottom-mobile--3-0-em {
        margin-bottom: 3em;
      }

      &.margin-left-mobile--0-em {
        margin-left: 0;
      }
      &.margin-left-mobile--0-em-25-em {
        margin-left: 0.25em;
      }
      &.margin-left-mobile--0-em-5-em {
        margin-left: 0.5em;
      }
      &.margin-left-mobile--0-em-75-em {
        margin-left: 0.75em;
      }
      &.margin-left-mobile--1-0-em {
        margin-left: 1em;
      }
      &.margin-left-mobile--1-5-em {
        margin-left: 1.5em;
      }
      &.margin-left-mobile--2-0-em {
        margin-left: 2em;
      }
      &.margin-left-mobile--2-5-em {
        margin-left: 2.5em;
      }
      &.margin-left-mobile--3-0-em {
        margin-left: 3em;
      }

      &.margin-right-mobile--0-em {
        margin-right: 0;
      }
      &.margin-right-mobile--0-em-25-em {
        margin-right: 0.25em;
      }
      &.margin-right-mobile--0-em-5-em {
        margin-right: 0.5em;
      }
      &.margin-right-mobile--0-em-75-em {
        margin-right: 0.75em;
      }
      &.margin-right-mobile--1-0-em {
        margin-right: 1em;
      }
      &.margin-right-mobile--1-5-em {
        margin-right: 1.5em;
      }
      &.margin-right-mobile--2-0-em {
        margin-right: 2em;
      }
      &.margin-right-mobile--2-5-em {
        margin-right: 2.5em;
      }
      &.margin-right-mobile--3-0-em {
        margin-right: 3em;
      }
    }

  }
}

/* Remove colon from admin form for padding and margin. */
.container-inline.paragraph-behavior label::after, .container-inline .label::after {
  content: "";
}