@use '@inside-library/styles/mixins/partials/common-mixin' as *;

// Paragraph global style
.default-text {
  font-weight: 300;
  font-size: var(--font-size-h5);

  a {
    color: var(--color-secondary);

    &:hover {
      font-weight: bold;
    }
  }

  p,
  ul,
  li {
    font-weight: 300;
    font-size: var(--font-size-h5);
  }

  h2 {
    color: var(--color-secondary);
    font-weight: 600;
    line-height: 34px;

    @include fontSize(29);
  }

  h3 {
    font-weight: 600;
    line-height: 29px;
    font-size: var(--font-size-h4);
  }
}

.paragraph-listing {
  div.paragraph-call-to-action {
    background: var(--color-grey-100) !important;
    border: none;

    p.title {
      font-weight: 500;
      line-height: 2;

      @include fontSize(20, true);
    }

    & > div {
      font-weight: 300;
      line-height: 1.5;
      font-size: var(--font-size-h5);
    }

    & > a {
      color: var(--color-light);
      font-weight: 300;
      transition: all 0.4s ease;

      @include fontSize(15);

      &:hover {
        color: var(--color-primary);
        background: transparent;
        transition: all 0.4s ease;
      }
    }
  }

  .paragraph-accordion {
    &__title {
      & > * {
        font-weight: bold;

        @include fontSize(22);
      }
    }
  }

  .paragraph-slider {
    .gallery {
      &__infos {
        display: none;
      }
    }
  }

  .paragraph-video {
    margin: 0 auto;
    max-width: 600px;
  }
}
