body.user-logged-in {
  .header-middle {
    top: 79px !important;
  }
}
.path-user .header-bottom-second{
  display: none !important;
}

body.path-frontpage {
  .get-started-btn {
  
    a {
      background: #1b5377;
    }
  }
}
.get-started-btn {
  margin-left: 14px;
    button{
	  padding: 0 !important;
          background: none !important;
          border: none !important;
    }
  a {
    font-size: 12px;
    font-style: normal;
    background: transparent;
    color: #fff !important;
    line-height: normal;
    padding: 15px 10px;
    display: block;
    white-space: nowrap;
    &:hover {
      background: #1b5377;
      text-decoration: underline;
    }
  }
}
div:has(> .primary-menu) {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 19px;
}
body.user-logged-in:has(#toolbar-administration){
.header-middle.fixed{
	top: 79px !important;
}	
}
header {
  .header-top {
    background: #074159;
  }
  .header-middle {
    background: url(../images/bg-header.jpg) no-repeat center center;
    background-size: 100% 135px;
    transition: all 0.3s ease-in-out;
    height: 110px;
    &.fixed {
      position: fixed;
      top: 0 !important;
      left: 0;
	right: 0;
	z-index: 10;
      width: 100%;
    }
    .site-branding {
      padding-top: 20px;
      padding-left: 8px;
      .navbar-brand {
        > div {
          display: flex;
          align-items: end;
          color: #fff;
          .site-title {
            text-transform: capitalize;
            white-space: nowrap;
            color: #fff;
            font-family: "Signika";
            font-weight: bold;
            /* font-size: clamp(20px, calc(16.4px + 1.125vw), 38px); */
            font-size: 38px;
            padding-right: 19px;
            letter-spacing: 0px;
            line-height: normal;
          }
          .site-slogan {
            font-size: 14px;
            margin-bottom: 7px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0;
          }
        }
      }
    }
    .primary-menu {
      ul {
        flex-direction: row !important;
        color: #fff !important;
        line-height: 110px;
        font-size: 1.25em !important;
        gap: 5px;
        li {
          padding: 0;
          margin: 0;
          a {
            padding: 8px 10px 8px 15px;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 0;
            display: inline;
            position: relative;
            &::before {
              -webkit-transition: width 0.3s linear;
              -moz-transition: width 0.3s linear;
              -o-transition: width 0.3s linear;
              -ms-transition: width 0.3s linear;
              transition: width 0.3s linear;
              height: 2px;
              width: 0;
              background-color: #21c2f8;
              position: absolute;
              top: -2px;
              left: 0;
              content: "";
            }

            &:hover {
              border-top: 2px solid #e6e6e6;
              color: #ffffff33;

              &::before {
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
 /* .block-pas-chapter-list-menu{
    overflow-x: auto !important;
  } */
  .header-bottom {
    .header-bottom-first {
      background: #f36d21;
      ul {
        flex-direction: row !important;
        align-items: center;
        gap: 7px;
        padding-left: 15px;
        li {
          padding: 0 !important;
          &:has(.is-active) {
            background: #aa4c17;
            color: #fff !important;
          }
          a {
            padding: 15px 20px;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            &:hover {
              background: #cf5d1c;
            }
          }
        }
      }
    }
    .header-bottom-second {
      background-color: #20628c;

      ul {
        margin: 0;
        flex-direction: row !important;
        align-items: center;
        gap: 6px;
        list-style: none !important;
        display: flex;
        li {
          &:has(.active) {
            background: #1b5377;
          }

          &:has(.is-active) {
            background: #1b5377;
            color: #fff !important;
          }
          a {
            display: block;
            font-size: 12px;
            white-space: nowrap;
            padding: 15px 10px;
            width: max-content !important;
            color: #fff !important;
            font-weight: 400;
            font-style: normal;
            line-height: normal;
            &:hover {
              background: #1b5377;
              text-decoration: underline;
            }
          }
        }
      }
    }
    .secondary-menu-second {
      > div {
        display: flex;
        align-items: center;
        gap: 6px;
        ul {
          margin: 0;
          padding: 0 !important;
        }
        p {
          margin: 0 !important;
        }
        /* button {
          padding: 0 !important;
          background: none !important;
          border: none !important;
          line-height: 12px;
          a {
            font-size: 12px;
            white-space: nowrap;
            padding: 14px 16px;
            width: max-content !important;
            color: #fff !important;
          }
        } */
      }
    }
  }
}
.account-menu {
  padding: 19px 0 10px 0;
  ul {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 19px;
    margin-right: 15px;
  }
  li {
    border: none;
    text-shadow: none;

    padding: 0;

    a {
      text-transform: uppercase;
      width: max-content;
      background: #25aae1;
      color: #ffffff;
      border-radius: 5px;
      padding: 6px 20px !important;
      font-size: 14px;
      line-height: 20px;
      font-style: normal;
      font-weight: 400;
      &:hover {
        background: #7fcded;
        color: #fff !important;
      }
      &.is-active {
        background: rgb(171, 172, 171);
        color: #fff !important;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
      }
    }
  }
}