body {
  color: $black;
  font-size: $font-size_16;
  line-height: $font-size-20;
  font-family: $font-family-raleigh;
  font-weight: 500;
}

%heading {
  text-shadow: none;
  color: $black;
  font-weight: 500;
  letter-spacing: 0;
}

.frame-indent {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;

  @include media-breakpoint-down(md) {
    max-width: 100%;
  }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  padding-bottom: 20px;
}

h1 {
  font-size: 2.1em;
  text-transform: capitalize;
  line-height: 1.4;
  padding-bottom: 20px;

  @include media-breakpoint-down(lg) {
    font-size: 1.8em;
    line-height: 1.3;
  }
}

h2 {
  font-weight: $font-weight-bold;
  padding-bottom: 5px;
  font-size: 2.1em;
  text-transform: capitalize;
  line-height: 1.4;
  font-weight: 500;

  @include media-breakpoint-down(lg) {
    font-size: 1.7em;
    line-height: 1.3;
  }
}

h3 {
  font-size: 1.2em;
  text-transform: capitalize;
  line-height: 1.4;
}

h4 {
  font: bold 1.2em $font-family-roboto;
  text-transform: capitalize;
  padding-bottom: 20px;
}

ul {
  padding-left: 0px;
}

.frame-type-header p {
  font-weight: 500;
  color: $black;
}

.container .container.twocol-50-50,
.container .container.threecol-33-33-33 {
  padding: 0px;
}

.frame-type-text {

  p,
  ul li {
    color: $black;
    font-weight: 400;
  }

}

.btn {
  text-transform: none;
}

p {
  padding-bottom: 20px;

  a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 1px;

    &:hover {
      color: $secondary-color;
      text-decoration: none;
    }
  }
}

.section-bg-color,
section-bg-image {

  h2,
  h3,
  h4,
  h5,
  .frame-type-header p,
  .frame-type-text p {
    color: $secondary-color;
  }
}

@include media-breakpoint-down(md) {
  .row .row>div:last-child .item {
    padding-bottom: 5px;
  }

  .mosaic .item {
    padding-bottom: 50px !important;
  }

}

/* Ticket #31924 - changes start */
.frame-type-header.frame-layout-1 {
  .ce-headline-center {
    color: $primary-color !important;
  }
}

/* Ticket #31924 - changes end */
.brand-nav img {
  max-width: 86%;
  height: auto;
}

.frame-type-text p,
.frame-type-text li,
.avalex-container p,
.avalex-container li,
.frame-type-list p,
.frame-type-list li,
.frame-type-news_newsdetail p,
.frame-type-news_newsdetail li {
  font-family: $font-family-primary;
  font-size: 0.9em;
  line-height: 1.4em;
}

ul li:before {
  top: 5px;
}

@include media-breakpoint-down(sm) {
  .col-6 {
    flex: 0 0 auto;
    width: 100%;
  }
}