/* @wysiwyg-content */
.wysiwyg-content {
  @include poly-padding-x--large;

  position: relative;

  .vertical-section-title {
    position: absolute;
    right: -3em;
    top: 0;
  }

  &__heading {
    margin-bottom: $small-spacing;
  }

  &__intro {
    width: calc(640px + 2em);
    max-width: 100%;

    p {
      background-color: white;
      font-size: 14px;
    }
  }

  &__spacer {
    @include poly-padding-y--large;

    width: 100%;
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    // background-color: silver;
    // background-image:
    //   linear-gradient(
    //     to right,
    //     #cdecf4 1px,
    //     white 1px
    //   );
    background-repeat: repeat-x;
    background-size: 20%;
  }

  &__inner {
    @include poly-padding--large;
    background-color: $white;
    box-sizing: border-box;
    position: relative;
    @include themify($themes) {
      border: 1px solid themed('wysiwygBorder');
    }

    figure[style*='width:'] {
      width: auto !important;
    }

    figure {
      margin-left: auto !important;
      margin-right: auto !important;
    }

    p {
      &:last-child {
        img.size-full {
          margin-bottom: 0 !important;
        }
      }

      @media (max-width: $medium-screen) {
        iframe {
          height: auto;
          overflow: hidden;
        }
      }
    }

    img.size-full {
      @include poly-margin-y;
    }

    img.alignleft {
      float: left;
      margin-right: 1.5rem;
    }

    img.alignright {
      float: right;
      margin-left: 1.5rem;
    }

    .fifty-fifty {
      min-width: 320px;
      @media (min-width: $medium-screen) {
        min-width: 320px;
      }
    }

    iframe {
      margin: 0 auto;
      display: block;
      max-width: 100%;
    }
  }

  h1, h2, h3, h4, h5, h6 {

  }

  .bullet-align {
    ul {
      list-style-type: none;
      padding-inline-start: 0;

      li {
        padding-left: 35px;
        position: relative;
      }

      li::before {
        content: url('/wp-content/themes/ipsen-master/src/static/img/red-tick.png');
        font-size: 14px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
      }
    }
  }

  .bullet-hyphen {
    ul {
      list-style-type: none;
      padding-left: 10px;
    }

    li {
      padding-left: 20px;
      position: relative;
    }

    li::before {
      content: "-";
      font-size: 14px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
    }
  }
}

.content-column {
  margin-top: 0 !important;
  margin-bottom: 1em;

  .ipsen-cares-logo {
    width: 100%;
    height: auto;
    max-width: 420px;
  }

  @media (max-width: 600px) {
    &.one_third {
      > div {
        padding: 0 !important;
      }
    }
  }
}