.header--content {
  &.type--1 {
    //position: relative;
    z-index: 15;

    &.fixed {
      position: static;

      .hc--top {
      }

      .hc--bottom {
        position: absolute;
        width: 100%;

        .hc-bottom--right-col {
        }
      }
    }

    &.keep-logo {
      .hc--bottom {
        &.is--scrolling {
          .hc-bottom--left-col {
            img {
              opacity: 1;
            }
          }
        }
      }
    }

    .hc--top {
      background-color: var(--bs-primary);
      @include font-size(14px);

      .hc-top--inside {
        padding-top: rfs-value(10px);
        padding-bottom: rfs-value(10px);

        .row {
          flex-flow: nowrap;

          ul {
            margin: 0px;
            @include media-breakpoint-up(md) {
              white-space: nowrap;
            }

            li {
              a {
                color: var(--bs-white);
                text-decoration: none;
                display: inline-block;

                span {
                  @include font-size(16px);
                }

                &:hover {
                  opacity: 0.7;
                }
              }
            }
          }
        }
      }
    }

    .hc--bottom {
      padding: 15px 0;

      &.is--scrolling {
        position: fixed;
        transform: translateZ(0);
        z-index: 99;
        top: 15px;
        width: 100%;
        padding: 0px;

        .hc-bottom--left-col {
          img {
            opacity: 0;
            position: relative;
            //top: -15px;
            //visibility:hidden;
            pointer-events: none;
          }
        }

        &.hc-bottom--right-col {
        }
      }

      .hc-bottom--inside {
        .row {
          flex-wrap: nowrap;

          .hc-bottom--left-col {
            img {
              max-height: rfs-value(80px);
              width: auto;
              transition: opacity 0.15s ease;
            }
          }

          .hc-bottom--right-col {
            padding: rfs-value(0px 30px 0px 30px);
            background-color: $body-bg;
            border-radius: rfs-value(15px);
            box-shadow: $box-shadow;
            display: inline-block;
            text-align: right;

            nav#mainNav {
              ul {
                list-style-type: none;
                padding: 0px;
                margin: 0px;
                text-align: right;
                white-space: nowrap;

                &.level_1 {
                  //position: relative;
                  z-index: 10;

                  > li {
                    display: inline-block;

                    &:not(.mm_container) {
                      position: relative;
                    }

                    &:not(:first-child) {
                      margin-left: 1rem;
                    }

                    > a,
                    > span,
                    > strong {
                      text-decoration: none;
                      font-weight: $font-weight-bold;
                      color: var(--bs-body-color);
                      display: inline-block;
                      z-index: 5001;
                      position: relative;
                      padding-top: rfs-value(10px);
                      padding-bottom: rfs-value(10px);

                      &:hover,
                      &.active,
                      &.trail {
                        text-decoration: none;
                        font-weight: $font-weight-bold;
                        color: var(--bs-primary);
                        display: inline-block;
                      }
                    }

                    &:hover {
                      > ul.level_2 {
                        max-height: rfs-value(400px);
                      }
                    }
                  }
                }

                &.level_2 {
                  transition: all 0.5s ease;
                  @include background-opacity($white, 1);
                  list-style-type: none;
                  margin: 0px 0 0 -15px;
                  max-height: 0px;
                  overflow: hidden;
                  position: absolute;
                  //min-width: rfs-value(200px);
                  text-align: left;
                  border-radius: 0 0 $border-radius $border-radius;
                  box-shadow: $box-shadow;
                  background-color: $body-bg;
                  z-index: 10;
                  left: 0;

                  > li {
                    display: block;
                    padding: 0 1rem;
                    transition: all 0.3s ease;

                    &:first-child {
                      padding-top: 5px;
                    }

                    &:last-child {
                      padding-bottom: 5px;
                    }

                    &:not(:last-child) {
                      border-bottom: 1px solid var(--bs-gray-100);
                    }

                    &:hover,
                    &.active,
                    &.trail {
                      background-color: var(--bs-gray-100);

                      > a,
                      > span {
                        color: var(--bs-primary);
                      }
                    }

                    > a,
                    > span,
                    > strong {
                      padding: 0.25rem 0rem;
                      text-decoration: none;
                      color: var(--bs-body-color);
                      font-weight: $font-weight-normal;
                      display: block;
                      @include font-size(15px);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
