@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
.t-sidebar-mobile .t-navbar-nav li .t-nav-link > span {
  margin-left: auto;
  margin-right: auto;
  max-width: 1152px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (max-width: 1199.98px) {
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span {
      max-width: 960px;
      padding-left: 12px;
      padding-right: 12px; } }
  @media (max-width: 999.98px) {
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span {
      max-width: 720px;
      padding-left: 8px;
      padding-right: 8px; } }
  @media (max-width: 759.98px) {
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span {
      max-width: 568px;
      padding-left: 20px;
      padding-right: 20px; } }

@media (max-width: 999.98px) {
  .region-sidebar .navigation {
    display: none; } }

.region-sidebar .t-menu-level-0 > li {
  border-bottom: 1px solid #dddddd; }
  .region-sidebar .t-menu-level-0 > li:last-child {
    border-bottom: none; }
  .region-sidebar .t-menu-level-0 > li > .t-nav-link {
    display: block;
    padding: 0;
    font-weight: 900;
    letter-spacing: 1px;
    color: #1d1d1b;
    background-color: #f6f6f6;
    padding: 20px 30px; }
    @media (max-width: 1199.98px) {
      .region-sidebar .t-menu-level-0 > li > .t-nav-link {
        padding: 20px 20px; } }
    .region-sidebar .t-menu-level-0 > li > .t-nav-link[target=_blank] > span::after {
      color: #44403f; }
    .no-touch .region-sidebar .t-menu-level-0 > li > .t-nav-link:hover {
      color: #bf165e; }
      .no-touch .region-sidebar .t-menu-level-0 > li > .t-nav-link:hover::before {
        color: #bf165e; }
      .no-touch .region-sidebar .t-menu-level-0 > li > .t-nav-link:hover[target=_blank] span::after {
        color: #bf165e; }
    .region-sidebar .t-menu-level-0 > li > .t-nav-link.t-active {
      color: #bf165e;
      border-bottom: 3px solid #bf165e; }
      .region-sidebar .t-menu-level-0 > li > .t-nav-link.t-active::before {
        color: #bf165e; }

.region-sidebar .t-navbar-nav {
  font-size: 15px;
  line-height: 1.3; }
  .region-sidebar .t-navbar-nav .t-nav-link {
    cursor: pointer;
    font-weight: bold; }
    .region-sidebar .t-navbar-nav .t-nav-link[target=_blank] > span::after {
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: inherit;
      margin-left: 6px;
      font-size: 13.5px;
      line-height: 1.33;
      letter-spacing: 1px;
      color: #626262; }
    .region-sidebar .t-navbar-nav .t-nav-link.t-active[target=_blank] span::after {
      color: #bf165e; }
    .region-sidebar .t-navbar-nav .t-nav-link.show:not(.is-active)::before {
      content: "\f106"; }
    .region-sidebar .t-navbar-nav .t-nav-link.show:not(.is-active) + ul {
      display: block; }
  .region-sidebar .t-navbar-nav .t-dropdown-menu {
    display: none;
    background-color: #f6f6f6; }
    .region-sidebar .t-navbar-nav .t-dropdown-menu > li {
      padding: 0; }
      .region-sidebar .t-navbar-nav .t-dropdown-menu > li:active, .region-sidebar .t-navbar-nav .t-dropdown-menu > li:focus {
        background-color: transparent; }
      .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link {
        display: block;
        padding: 10px 30px;
        font-size: 13.5px;
        line-height: 1.33;
        color: #626262; }
        @media (max-width: 1199.98px) {
          .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link {
            padding: 10px 20px; } }
        .no-touch .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link:hover {
          background-color: #dddddd; }
        .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link.t-active:not(.t-dropdown-toggle), .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link.is-active:not(.t-dropdown-toggle) {
          color: #bf165e;
          font-weight: bold; }
        .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link.t-active.t-dropdown-toggle {
          color: #626262; }
        .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link span::after {
          font-size: 12.5px; }
  .region-sidebar .t-navbar-nav .t-dropdown-toggle {
    position: relative; }
    .region-sidebar .t-navbar-nav .t-dropdown-toggle::after {
      display: none; }
    .region-sidebar .t-navbar-nav .t-dropdown-toggle::before {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: inherit;
      font-size: 13.5px;
      line-height: 1.33;
      letter-spacing: 1px;
      color: #626262; }
      @media (max-width: 1199.98px) {
        .region-sidebar .t-navbar-nav .t-dropdown-toggle::before {
          right: 8px; } }
  .region-sidebar .t-navbar-nav .t-menu-level-1 > li > .t-nav-link.t-active[target=_blank] span::after {
    color: #626262; }
  .region-sidebar .t-navbar-nav .t-menu-level-2 .t-nav-link {
    font-weight: normal;
    padding-left: 45px !important;
    padding-right: 18px !important; }
    @media (max-width: 1199.98px) {
      .region-sidebar .t-navbar-nav .t-menu-level-2 .t-nav-link {
        padding-left: 35px !important;
        padding-right: 11px !important; } }

.t-sidebar-mobile .t-navbar-nav {
  flex-direction: column;
  background-color: #98114B; }
  .t-sidebar-mobile .t-navbar-nav li {
    border-top: 1px solid #6B0833;
    list-style-image: none; }
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link {
      display: block;
      cursor: pointer; }
      .t-sidebar-mobile .t-navbar-nav li .t-nav-link.show > span::after {
        content: "\f106"; }
      .t-sidebar-mobile .t-navbar-nav li .t-nav-link.show + ul {
        display: block; }
      .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active > span {
        position: relative;
        padding-left: 22px; }
        @media (max-width: 759.98px) {
          .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active > span {
            padding-left: 34px; } }
        .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active > span::before {
          content: "";
          font-family: "Font Awesome 5 Pro";
          font-weight: 400;
          color: #bf165e;
          position: absolute;
          top: 50%;
          left: 8px;
          transform: translateY(-50%);
          font-size: 16px;
          line-height: 16px;
          font-weight: 900;
          color: #FFF; }
          @media (max-width: 759.98px) {
            .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active > span::before {
              left: 20px; } }
      .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span {
        display: block;
        padding-top: 16px;
        padding-bottom: 16px;
        line-height: 18px;
        font-size: 14.5px;
        color: #FFF; }
  .t-sidebar-mobile .t-navbar-nav .t-dropdown .t-dropdown-toggle span {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .t-sidebar-mobile .t-navbar-nav .t-dropdown .t-dropdown-toggle span::after {
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: inherit;
      margin-left: 15px;
      border: none;
      font-size: 12px; }
  .t-sidebar-mobile .t-navbar-nav .t-dropdown .t-dropdown-toggle::after {
    display: none; }
  .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: inset 0 -4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 #6B203E;
    border-radius: 0; }
    .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu {
      background-color: #810E3F; }
      .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu a > span,
      .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu span > span {
        padding-left: 28px; }
        @media (max-width: 1199.98px) {
          .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu a > span,
          .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu span > span {
            padding-left: 40px; } }
      .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span {
        padding-left: 44px; }
        @media (max-width: 1199.98px) {
          .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span {
            padding-left: 56px; } }
        .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span::before {
          left: 28px; }
          @media (max-width: 1199.98px) {
            .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span::before {
              left: 40px; } }
  .t-sidebar-mobile .t-navbar-nav .t-dropdown-item {
    padding: 0;
    white-space: normal;
    background-color: transparent; }
    .no-touch .t-sidebar-mobile .t-navbar-nav .t-dropdown-item > .t-nav-link:hover {
      background-color: #790D3C; }

.t-sidebar-mobile .t-menu-level-0 > li > .t-nav-link {
  padding: 0; }
  .no-touch .t-sidebar-mobile .t-menu-level-0 > li > .t-nav-link:hover {
    background-color: #790D3C; }
  .t-sidebar-mobile .t-menu-level-0 > li > .t-nav-link span {
    font-weight: bold; }

.t-sidebar-mobile .t-menu-level-1 {
  background-color: #810E3F !important; }

.t-sidebar-collapse {
  display: none; }

@media (max-width: 999.98px) {
  .is-sidebar .t-sidebar-mobile {
    display: block; } }

.t-sidebar-mobile {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 0;
  transform: translateY(100%);
  max-height: calc(100vh - 60px);
  overflow: auto; }
  @media (max-width: 999.98px) {
    .t-sidebar-mobile .t-dropdown-menu {
      position: static !important;
      transform: none !important; } }
  .t-sidebar-mobile .t-sidebar-collapse {
    display: block; }
  .t-sidebar-mobile .t-menu-level-1 > li > .t-nav-link span {
    padding-left: 28px !important; }
    @media (max-width: 1199.98px) {
      .t-sidebar-mobile .t-menu-level-1 > li > .t-nav-link span {
        padding-left: 40px !important; } }
  .t-sidebar-mobile .t-menu-level-1 > li > .t-nav-link.is-active > span {
    padding-left: 44px !important; }
    @media (max-width: 1199.98px) {
      .t-sidebar-mobile .t-menu-level-1 > li > .t-nav-link.is-active > span {
        padding-left: 56px !important; } }
    .t-sidebar-mobile .t-menu-level-1 > li > .t-nav-link.is-active > span::before {
      left: 28px !important; }
      @media (max-width: 1199.98px) {
        .t-sidebar-mobile .t-menu-level-1 > li > .t-nav-link.is-active > span::before {
          left: 40px !important; } }
  .t-sidebar-mobile .t-menu-level-2 {
    background-color: #6d0b35 !important; }
    .t-sidebar-mobile .t-menu-level-2 > li > .t-nav-link span {
      padding-left: 61px !important; }
      @media (max-width: 1199.98px) {
        .t-sidebar-mobile .t-menu-level-2 > li > .t-nav-link span {
          padding-left: 73px !important; } }
    .t-sidebar-mobile .t-menu-level-2 > li > .t-nav-link.is-active > span {
      padding-left: 77px !important; }
      @media (max-width: 1199.98px) {
        .t-sidebar-mobile .t-menu-level-2 > li > .t-nav-link.is-active > span {
          padding-left: 89px !important; } }
      .t-sidebar-mobile .t-menu-level-2 > li > .t-nav-link.is-active > span::before {
        left: 61px !important; }
        @media (max-width: 1199.98px) {
          .t-sidebar-mobile .t-menu-level-2 > li > .t-nav-link.is-active > span::before {
            left: 73px !important; } }
    .t-sidebar-mobile .t-menu-level-2 > li {
      border-top: 1px solid #60072c; }
      .no-touch .t-sidebar-mobile .t-menu-level-2 > li > a:hover {
        background-color: #61092e !important; }

.node--type-cityu-service .region-sidebar .t-menu-level-0 > li {
  display: none; }
  .node--type-cityu-service .region-sidebar .t-menu-level-0 > li > ul {
    display: block !important; }
  .node--type-cityu-service .region-sidebar .t-menu-level-0 > li > .t-dropdown-toggle::before {
    display: none; }
  .node--type-cityu-service .region-sidebar .t-menu-level-0 > li.t-active {
    display: block; }

.node--type-cityu-service .t-sidebar-mobile .t-menu-level-0 > li {
  display: none; }
  .node--type-cityu-service .t-sidebar-mobile .t-menu-level-0 > li.t-active {
    display: block; }