/* *****************************************************************************
*
*  Global Videotron UI style class
*
* ***************************************************************************** */


// Headings

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: $font-family-secondary;
    font-weight: 700;

    a,
    a:hover {
        color: $body-color;
    }
}

* + {
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
        // @extend .mt-4;
        margin-top: $spacer-4;
    }
}

a,
a:hover {
    color: inherit;
}

h1, .h1 {
  line-height: 3.5rem;
  font-weight: 400;

  @include media-breakpoint-down(sm){
    font-size: $h2-font-size;
    line-height: 2.5rem;
  }
}

h2, .h2 {
    line-height: 2.5rem;
    font-weight: 500;

    @include media-breakpoint-down(sm){
      font-size: 1.75rem;
      line-height: 2rem;
    }
}

h3, .h3 {
  line-height: 1.75rem;

    @include media-breakpoint-down(sm){
      font-size: $h4-font-size;
      line-height: 1.5rem;
    }
}

h4, .h4 {
  line-height: 1.5rem;

    @include media-breakpoint-down(sm){
      font-size: $h5-font-size;
      line-height: 1.25rem;
    }
}

h5, .h5 {
  line-height: 1.25rem;

    @include media-breakpoint-down(sm){
      font-size: $h6-font-size;
      line-height: 1rem;
    }
}

h6, .h6 {
  line-height: 1rem;

    @include media-breakpoint-down(sm){
      font-size: .75rem;
      line-height: .875rem;
    }
}


// Paragraph

.bf-text,
p,
.p,
ul, 
ol {
//   font-size: $h6-font-size;
  font-weight: $font-weight-normal;
  line-height: $line-height-base;

  &.small,
  .small & {
    font-size: $small-font-size;
  }
}

.bf-text {
    font-family: $font-family-base;
    font-size: $font-size-base;
}

b,
strong,
.strong {
  font-weight: $font-weight-bold;
}


// Others
pre {
  background: var(--bf-color-bg-action-secondary);
  color: var(--bf-color-neutral-primary);
}