.title {
  /* Applies the title theme */
  font-size: $general_font_size_6;
  text-align: center;
  color: $font_colour_information;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  /* Applies the heading theme */
  font-family: $fonts_special;
}

.p {
  /* Applies the text theme */
  color: $font_colour_information;
}

.hr {
  border-color: $divider_colour_navigation_section;
}

.btn {
  /*
      Contains the generic button attributes
  */

  @include button-settings;

}

.bg-primary {
  /* Applies the primary background theme */

  color: $font_colour_data;
  background-color: $light_primary;
}

.bg-success {
  /* Applies the success background theme */

  color: $font_colour_data;
  background-color: $light_success;
}

.bg-info {
  /* Applies the info background theme */

  color: $font_colour_data;
  background-color: $light_info;
}

.bg-warning {
  /* Applies the warning background theme */

  color: $font_colour_data;
  background-color: $light_warning;
}

.bg-danger {
  /* Applies the danger background theme */

  color: $font_colour_data;
  background-color: $light_danger;
}

.btn-primary {
  /* Applies the primary button theme */

  background-color: $primary;
  background-image: none;

  &:hover {
    background-color: $dark_primary;
  }
}

.btn-success {
  /* Applies the success button theme */

  background-color: $success;
  background-image: none;

  &:hover {
    background-color: $dark_success;
  }
}

.btn-info {
  /* Applies the info button theme */

  background-color: $info;
  background-image: none;

  &:hover {
    background-color: $dark_info;
  }
}

.btn-warning {
  /* Applies the warning button theme */

  background-color: $warning;
  background-image: none;

  &:hover {
    background-color: $dark_warning;
  }
}

.btn-danger {
  /* Applies the danger button theme */

  background-color: $danger;
  background-image: none;

  &:hover {
    background-color: $dark_danger;
  }
}