//
// Variables and Mixins
//
@import "../unify/unify";

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: $g-theme-color-gray-dark-v1;
}

a {
  &:hover,
  &:focus {
    color: $g-color-primary;
  }
}

/* Headings */
.u-heading-v2-4--bottom::after {
  @include px-to-rem("margin-top", 30px);
}

/* Hamburger */
.hamburger {
  padding: 0;
}

.hamburger-box,
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  @include px-to-rem(width, 22px);
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  @include px-to-rem(height, 2px);
  @include px-to-rem("border-radius", 1px);

  .dark-theme & {
    background-color: $g-color-white;
  }

  .hamburger-box:hover & {
    background-color: $g-color-primary;
  }
}

.hamburger-box {
  @include px-to-rem(height, 14px);
}

.hamburger--slider .hamburger-inner {
  top: 0;
}

.hamburger--slider .hamburger-inner:before {
  top: 6px;
}

.hamburger--slider .hamburger-inner:after {
  top: 12px;
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -12px, 0) rotate(-90deg);
}

/* Main navigation */
.navbar-nav {
  .nav-item .nav-link {
    color: $g-theme-color-gray-dark-v1;
  }

  .nav-item .nav-link:hover,
  .nav-item.active .nav-link {
    color: $g-color-primary;
  }
}

/* Colors */
.g-color-primary-dark-v1 {
  color: $g-color-primary-dark-v1 !important;
}

.g-theme-color-gray-light-v3 {
  color: $g-theme-color-gray-light-v3 !important;
}

/* Background */
.g-bg-primary-dark-v1 {
  background-color: $g-color-primary-dark-v1 !important;

  &--hover:hover {
    background-color: $g-color-primary-dark-v1 !important;
  }

  &-opacity {
    &-0_8 {
      background-color: rgba($g-color-primary-dark-v1, .8) !important;
    }

    &-0_9 {
      background-color: rgba($g-color-primary-dark-v1, .9) !important;

      &--hover:hover {
        background-color: rgba($g-color-primary-dark-v1, .9) !important;
      }
    }
  }
}

.g-theme-bg-gray-dark-v1 {
  background-color: $g-theme-color-gray-dark-v1 !important;

  &-opacity {
    &-0_95 {
      background-color: rgba($g-theme-color-gray-dark-v1, .95) !important;

      &--after::after {
        background-color: rgba($g-theme-color-gray-dark-v1, .95) !important;
      }
    }
  }
}

.g-theme-bg-gray-dark-v2 {
  background-color: $g-theme-color-gray-dark-v2 !important;

  &--hover:hover {
    background-color: $g-theme-color-gray-dark-v2 !important;
  }
}

.g-theme-bg-gray-light-v4 {
  background-color: $g-theme-color-gray-light-v4 !important;
}

/* Border */
.g-theme-brd-gray-dark-v3 {
  border-color: $g-theme-color-gray-dark-v3 !important;
}

.g-theme-brd-gray-dark-v4 {
  border-color: $g-theme-color-gray-dark-v4 !important;
}

.g-parent:hover {
  .g-brd-primary {
    &--parent-hover {
      border-color: $g-color-primary !important;
    }
  }

  .g-brd-primary-dark {
    &--parent-hover {
      border-color: $g-color-primary-dark-v1 !important;
    }
  }
}

/* Tabs */
@media (min-width: $g-md) {
  .u-nav-v1-1.u-nav-primary .nav-link.active {
    background-color: $g-color-primary-dark-v1;
  }

  .u-nav-v1-1.u-nav-primary .nav-link,
  .u-nav-v1-1.u-nav-primary .nav-link:focus,
  .u-nav-v1-1.u-nav-primary .nav-link:hover {
    color: $g-color-white;
  }
}

/* Custom select */
.u-select-v1 {
  .chosen-results {
    > li {
      &.highlighted {
        background-color: rgba($g-color-primary, .2);
      }

      &.result-selected {
        background-color: rgba($g-color-primary, .2);
        border-bottom-color: rgba($g-color-primary, .2);
      }
    }
  }
}

.progress-bar {
  width: auto;
  overflow: visible !important;
}