@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
.t-header-nav-wrapper {
  margin-top: 18px;
  padding: 0;
  background-color: #bf165e; }
  @media (max-width: 999.98px) {
    .t-header-nav-wrapper {
      display: none; } }

.t-primary-menu {
  display: flex;
  align-items: center; }
  .no-touch .t-primary-menu .t-menu-level-0 > li:hover > .t-nav-link {
    background-color: #6b203e; }
  .no-touch .t-primary-menu .t-menu-level-0 > li:hover > .t-dropdown-menu {
    display: block; }
  .t-primary-menu .t-menu-level-0 > li > .t-nav-link.show {
    background-color: #6b203e; }
    .t-primary-menu .t-menu-level-0 > li > .t-nav-link.show + .t-dropdown-menu {
      display: block; }
  .t-primary-menu .t-menu-level-0 > li > .t-nav-link {
    position: relative;
    display: block;
    color: #FFF;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px; }
    @media (max-width: 1199.98px) {
      .t-primary-menu .t-menu-level-0 > li > .t-nav-link {
        font-size: 13px;
        line-height: 33px; } }
    .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-active {
      background-color: #6b203e; }
    .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-dropdown-toggle span {
      position: relative;
      display: block;
      padding-right: 12px; }
      .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-dropdown-toggle span::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        transform: translateY(-60%);
        display: block;
        width: 0;
        height: 0;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-bottom: 0;
        border-left: 4px solid transparent; }
  .t-primary-menu .t-dropdown-menu {
    position: absolute;
    display: none;
    width: 264px;
    padding: 0;
    margin: 0;
    top: 100%;
    left: 0;
    z-index: 61;
    font-size: 16px;
    border: none;
    border-radius: 0;
    background: #6b203e; }
    @media (max-width: 1199.98px) {
      .t-primary-menu .t-dropdown-menu {
        width: 215px; } }
    .t-primary-menu .t-dropdown-menu .t-dropdown-item {
      padding: 0;
      white-space: normal; }
      .no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item:hover, .t-primary-menu .t-dropdown-menu .t-dropdown-item:focus {
        background-color: #5c1230; }
      .t-primary-menu .t-dropdown-menu .t-dropdown-item > .t-nav-link.show {
        background-color: #5c1230; }
    .t-primary-menu .t-dropdown-menu a,
    .t-primary-menu .t-dropdown-menu .t-dropdown-toggle,
    .t-primary-menu .t-dropdown-menu .t-dropdown-item > span {
      display: block;
      padding: 15px 15px 15px 20px;
      font-size: 14px;
      line-height: 1.29;
      color: #FFF; }
      @media (max-width: 1199.98px) {
        .t-primary-menu .t-dropdown-menu a,
        .t-primary-menu .t-dropdown-menu .t-dropdown-toggle,
        .t-primary-menu .t-dropdown-menu .t-dropdown-item > span {
          padding: 15px 12px 15px 16px;
          font-size: 13px;
          line-height: 1.38; } }
      .t-primary-menu .t-dropdown-menu a.menu-external-link::after,
      .t-primary-menu .t-dropdown-menu .t-dropdown-toggle.menu-external-link::after,
      .t-primary-menu .t-dropdown-menu .t-dropdown-item > span.menu-external-link::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #FFF;
        margin-left: 10px;
        font-size: 13.5px;
        line-height: 1.33;
        letter-spacing: 1px; }
        @media (max-width: 1199.98px) {
          .t-primary-menu .t-dropdown-menu a.menu-external-link::after,
          .t-primary-menu .t-dropdown-menu .t-dropdown-toggle.menu-external-link::after,
          .t-primary-menu .t-dropdown-menu .t-dropdown-item > span.menu-external-link::after {
            font-size: 11.5px; } }
      .t-primary-menu .t-dropdown-menu a.t-dropdown-toggle,
      .t-primary-menu .t-dropdown-menu .t-dropdown-toggle.t-dropdown-toggle,
      .t-primary-menu .t-dropdown-menu .t-dropdown-item > span.t-dropdown-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .t-primary-menu .t-dropdown-menu a.t-dropdown-toggle::after,
        .t-primary-menu .t-dropdown-menu .t-dropdown-toggle.t-dropdown-toggle::after,
        .t-primary-menu .t-dropdown-menu .t-dropdown-item > span.t-dropdown-toggle::after {
          content: "";
          font-family: "Font Awesome 5 Pro";
          font-weight: 400;
          color: #FFF;
          margin-left: 4px;
          font-size: 13.5px;
          line-height: 1.33;
          letter-spacing: 1px;
          font-weight: 900;
          border: none;
          width: auto;
          height: auto; }
    .t-primary-menu .t-dropdown-menu .t-dropdown {
      position: relative; }
      .no-touch .t-primary-menu .t-dropdown-menu .t-dropdown:hover .t-dropdown-menu {
        display: block; }
      .t-primary-menu .t-dropdown-menu .t-dropdown > .t-nav-link.show + .t-dropdown-menu {
        display: block; }
      .t-primary-menu .t-dropdown-menu .t-dropdown .t-dropdown-menu {
        display: none;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 100%;
        width: 259px; }
        @media (max-width: 1199.98px) {
          .t-primary-menu .t-dropdown-menu .t-dropdown .t-dropdown-menu {
            width: 185px; } }
  .t-primary-menu .t-dropdown-toggle::after {
    margin-left: 5px; }
  .t-primary-menu .t-navbar-nav {
    display: flex;
    justify-content: space-between; }
    .t-primary-menu .t-navbar-nav > li {
      position: relative;
      margin-left: 1px; }
    .t-primary-menu .t-navbar-nav::after {
      display: none; }

.t-backhome-icon {
  position: relative;
  display: block;
  text-align: center;
  width: 53px;
  height: 40px;
  line-height: 40px;
  color: #FFF; }
  .t-backhome-icon::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #FFF;
    font-size: 18.5px; }
    @media (max-width: 1199.98px) {
      .t-backhome-icon::after {
        font-size: 16.5px; } }
  .no-touch .t-backhome-icon:hover {
    background-color: #6b203e; }
  @media (max-width: 1199.98px) {
    .t-backhome-icon {
      width: 50px;
      height: 33px;
      line-height: 33px; } }

.home .t-backhome-icon {
  background-color: #6b203e; }

.cityu-template-department-websites .t-header-nav-wrapper,
.cityu-template-department-service .t-header-nav-wrapper {
  position: relative;
  background-color: #FFF; }
  .cityu-template-department-websites .t-header-nav-wrapper::before,
  .cityu-template-department-service .t-header-nav-wrapper::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #bf165e; }

.cityu-template-department-websites .t-backhome-icon,
.cityu-template-department-service .t-backhome-icon {
  position: relative;
  height: 40px;
  line-height: 38px; }
  @media (max-width: 1199.98px) {
    .cityu-template-department-websites .t-backhome-icon,
    .cityu-template-department-service .t-backhome-icon {
      height: 33px;
      line-height: 30px; } }
  .cityu-template-department-websites .t-backhome-icon::after,
  .cityu-template-department-service .t-backhome-icon::after {
    color: #bf165e; }
  .no-touch .cityu-template-department-websites .t-backhome-icon:hover, .no-touch
  .cityu-template-department-service .t-backhome-icon:hover {
    background-color: transparent; }
    .no-touch .cityu-template-department-websites .t-backhome-icon:hover::before, .no-touch
    .cityu-template-department-service .t-backhome-icon:hover::before {
      content: "";
      position: absolute;
      z-index: 1;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px;
      background-color: #6b203e; }
    .no-touch .cityu-template-department-websites .t-backhome-icon:hover::after, .no-touch
    .cityu-template-department-service .t-backhome-icon:hover::after {
      color: #6b203e; }

.cityu-template-department-websites .t-primary-menu,
.cityu-template-department-service .t-primary-menu {
  position: relative;
  z-index: 61; }
  .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li > .t-nav-link,
  .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li > .t-nav-link {
    color: #bf165e;
    line-height: 40px; }
    @media (max-width: 1199.98px) {
      .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li > .t-nav-link,
      .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li > .t-nav-link {
        line-height: 33px; } }
    .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-active,
    .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-active {
      color: #6b203e;
      background-color: transparent; }
      .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-active::before,
      .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li > .t-nav-link.t-active::before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-color: #6b203e; }
    .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li > .t-nav-link.show,
    .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li > .t-nav-link.show {
      color: #6b203e;
      background-color: transparent; }
      .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li > .t-nav-link.show::before,
      .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li > .t-nav-link.show::before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-color: #6b203e; }
  .no-touch .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li:hover > .t-nav-link, .no-touch
  .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li:hover > .t-nav-link {
    color: #6b203e;
    background-color: transparent; }
  .no-touch .cityu-template-department-websites .t-primary-menu .t-menu-level-0 > li:hover::before, .no-touch
  .cityu-template-department-service .t-primary-menu .t-menu-level-0 > li:hover::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #6b203e; }
  .cityu-template-department-websites .t-primary-menu .nav-item,
  .cityu-template-department-service .t-primary-menu .nav-item {
    position: relative; }

.home .cityu-template-department-websites .t-backhome-icon,
.home .cityu-template-department-service .t-backhome-icon {
  background-color: transparent; }
  .home .cityu-template-department-websites .t-backhome-icon::before,
  .home .cityu-template-department-service .t-backhome-icon::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #6b203e; }
  .home .cityu-template-department-websites .t-backhome-icon::after,
  .home .cityu-template-department-service .t-backhome-icon::after {
    color: #6b203e; }