/*
 * header-top.scss
 * -----------------------------------------------
*/
.tm-header-top-info {
  ul {
    list-style: none;
    li {
      display: inline-block;
      margin-right: 20px;
      > *, a {
        display: inline-block;
        color: #fff;
        font-weight: $body-font-weight;
      }
      i {
        margin-right: 5px;
      }
      &:last-child {
        margin-right: 0;
      }
      @include media-breakpoint-down(md) {
      }
      .prefix {
        margin-right: 5px;
      }
    }
  }
  &.border-style {
    ul {
      list-style: none;
      li {
        display: inline-block;
        padding-right: 20px;
        border-right: 1px solid rgba(200, 200, 200, 0.7);
        @include media-breakpoint-down(md) {
          padding-left: 0;
          padding-right: 0;
          border: none;
        }
        > *, a {
          display: inline-block;
          color: #fff;
        }
        &:last-child {
          margin-right: 0;
          padding-right: 0;
          border-right: none;
        }
      }
    }
  }
  &.align-left {
  }
  &.align-center {
    text-align: center;
  }
  &.align-right {
    text-align: right;
    ul {
      li {
        margin-right: 0;
        margin-left: 20px;
      }
    }
    &.border-style {
      ul {
        li {
          margin-left: 0;
          padding-left: 0;
          border-left: none;
          margin-right: 20px;
          padding-right: 20px;
          border-right: 1px solid rgba(200, 200, 200, 0.7);
          @include media-breakpoint-down(md) {
            padding-left: 0;
            padding-right: 0;
            border: none;
          }
        }
        li:last-child {
          margin-right: 0;
          padding-right: 0;
          border-right: none;
        }
      }
    }
  }
}


body:not(.elementor-editor-active){
  header {
    .elementor-header-top-transparent {
      @media (min-width: $ele-breakpoint-desktop-min) {
        z-index: 11;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
      }
    }
    #elementor-header-top-mobile {
      @media (min-width: $ele-breakpoint-desktop-min) {
        display: none;
      }
    }

    #elementor-header-top-sticky {
      opacity: 0;
      z-index: -1;
      visibility: hidden;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      display: block;

      -webkit-transform: translate(0px, -140px);
      -moz-transform: translate(0px, -140px);
      transform: translate(0px, -140px);
      @include transition( all .4s ease-out);

      &.visible {
        opacity: 1;
        z-index: 11;
        visibility: visible;
        -webkit-transform: translate(0px, );
        -moz-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
      }
    }
  }
}