html {
  font-size: 16px;
}

body {
  font-family: $font-family-acumin-condensed !important;
  font-size: 17px !important;;
  font-size: 1.09rem !important;;
  /*line-height: 30px;
  line-height: 1.8rem;*/
  color: $default-color !important;;
}

p {
  font-size: 17px;
  font-size: 1.09rem;
  line-height: 35px;
  line-height: 1.6rem;
  margin-bottom: 5px;
  margin-bottom: 0.4rem;
}

label {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: $font-family-poppins !important;
  font-weight: $font-weight-semibold !important;
  color: $secondary-color;
}

h1 {
  font-size: 56px !important;;
  font-size: 3.5rem !important;;

  &.main-title {
    color: $default-state-color;
  }
}

h2 {
  font-size: 48px !important;;
  font-size: 3rem !important;;

  .trademark, .sup {
    font-size: 13px;
    font-size: 0.7rem;
    top: -25px;
  }
}

h3 {
  font-size: 40px !important;;
  font-size: 2.5rem !important;;

  .trademark, .sup {
    font-size: 13px;
    font-size: 0.7rem;
    top: -20px;
  }
}

h4 {
  font-size: 34.5px !important;;
  font-size: 2.15rem !important;;

  .trademark, .sup {
    font-size: 13px;
    font-size: 0.7rem;
    top: -17px;
  }

  &.section-head {
    color: $black-color;
  }
}

h5 {
  font-size: 24px !important;;
  font-size: 1.5rem !important;;

  .trademark, .sup {
    font-size: 13px;
    font-size: 0.7rem;
    top: -15px;
  }
}

h6 {
  font-size: 19px !important;;
  font-size: 1.2rem !important;;

  .trademark, .sup {
    font-size: 13px;
    font-size: 0.7rem;
    top: -10px;
  }
}

.bg-primary {
  background-color: $primary-color !important;
}

.font-size-base {
  font-size: 16px;
  font-size: 1rem;
}

.font-size-small {
  font-size: 15px;
  font-size: 0.938rem;
}

.text-default-state {
  color: $default-state-color !important;
}

.text-secondary {
  color: $secondary-color !important;
}

.text-curious-blue {
  color: $curious-blue-color !important;
}

.text-shamrock {
  color: $shamrock-color !important;
}

.text-hopbush {
  color: $hopbush-color !important;
}

.text-buttercup {
  color: $buttercup-color !important;
}

.text-underline {
  text-decoration: underline;
}

a {
  color: $default-color;

  &:hover, &:focus {
    color: $default-state-color;
  }
}

nav {
  &.nav-breadcrumb {
    .breadcrumb {
      background-color: transparent;

      .breadcrumb-item {
        font-size: 21px;
        font-size: 1.3rem;
        text-transform: uppercase;
        color: $default-state-color;

        a {
          font-family: $font-family-poppins;
          color: $default-state-color;
        }

        &.active {
          text-decoration: underline;
        }
      }
    }
  }
}

.price {
  font-family: $font-family-poppins;
  color: $shuttle-gray-color;

  label, .label {
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: $font-weight-regular;
  }

  .value {
    font-weight: $font-weight-semibold;
    font-size: 19px;
    font-size: 1.2rem;
    color: $secondary-color;
  }
}

.trademark, .sup {
  font-size: 13px;
  font-size: 0.7rem;
}

.abstract {
  font-family: $font-family-poppins;
  font-weight: $font-weight-regular;
  font-size: 21px;
  font-size: 1.3rem;
  line-height: 27px;
  line-height: 1.69rem;
}

.tooltip {
  .tooltip-inner {
    max-width: 250px;
  }
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.line-white {
  background-color: #fff;
  height: 3px;
  min-width: 200px;
}

.line-default-state {
  background-color: $default-state-color;
  height: 3px;
  min-width: 200px;
}

.modal {
  .modal-header {
    margin-bottom: 0;

    .modal-title {
      font-size: 19px;
      font-size: 1.2rem;
      color: #000;
    }
  }
}

.modal-backdrop {
  background-color: white !important;
  opacity: $modal-backdrop-opacity;
}

// Apply abstracts to third-party-base class only
.third-party-app-route-view {
  a {
    color: $default-color !important;
  }
}

.btn-outline-light {
  color: $black-color !important;
}

form {
  input[type="number"] {
    max-width: 100% !important;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  margin-top: unset !important;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::after {
  margin-top: unset !important;
}

.custom-radio .custom-control-input ~ .custom-control-label::before {
  top: 4px !important;
}

.custom-radio .custom-control-input ~ .custom-control-label::after {
  top: 4px !important;
}

.sticky-top {
  z-index: 50 !important;
}
