@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
#headline-carousel + .announcement-content p,
#headline-carousel + .announcement-content header,
#headline-carousel + .announcement-content .field--name-field-cityu-posting-date {
  margin-left: auto;
  margin-right: auto;
  max-width: 1152px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (max-width: 1199.98px) {
    #headline-carousel + .announcement-content p,
    #headline-carousel + .announcement-content header,
    #headline-carousel + .announcement-content .field--name-field-cityu-posting-date {
      max-width: 960px;
      padding-left: 12px;
      padding-right: 12px; } }
  @media (max-width: 999.98px) {
    #headline-carousel + .announcement-content p,
    #headline-carousel + .announcement-content header,
    #headline-carousel + .announcement-content .field--name-field-cityu-posting-date {
      max-width: 720px;
      padding-left: 8px;
      padding-right: 8px; } }
  @media (max-width: 759.98px) {
    #headline-carousel + .announcement-content p,
    #headline-carousel + .announcement-content header,
    #headline-carousel + .announcement-content .field--name-field-cityu-posting-date {
      max-width: 568px;
      padding-left: 20px;
      padding-right: 20px; } }

.announcement-carousel .announcement-content .date {
  margin-right: 16px;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 18px;
  color: #1d1d1b; }

.announcement-carousel .announcement-content .tags {
  font-size: 13.5px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #717171;
  font-weight: bold; }

.announcement-carousel {
  position: relative; }
  @media (max-width: 999.98px) {
    .announcement-carousel > .content {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse; } }
  .announcement-carousel .paragraph--type--cityu-carousel {
    position: relative;
    height: 460px;
    min-height: 0; }
    @media (max-width: 1199.98px) {
      .announcement-carousel .paragraph--type--cityu-carousel {
        height: 375px; } }
    @media (max-width: 999.98px) {
      .announcement-carousel .paragraph--type--cityu-carousel {
        height: 475px; } }
    @media (max-width: 999.98px) {
      .announcement-carousel .paragraph--type--cityu-carousel {
        height: 468px; } }
    .announcement-carousel .paragraph--type--cityu-carousel::after {
      display: none; }
    .announcement-carousel .paragraph--type--cityu-carousel > .container {
      position: relative;
      height: 100%; }
      .announcement-carousel .paragraph--type--cityu-carousel > .container > .row {
        height: 100%; }
  .announcement-carousel .carousel-inner .field--name-field-cityu-banner img {
    height: 100%;
    display: none\0; }
  .announcement-carousel .carousel-inner .field--name-field-cityu-banner > a,
  .announcement-carousel .carousel-inner .field--name-field-cityu-banner > span {
    display: block;
    height: 100%;
    background-position: center center;
    background-size: cover; }
  .announcement-carousel .carousel-control {
    z-index: 60; }
  .announcement-carousel .announcement-content {
    position: relative;
    z-index: 59;
    max-height: 422px;
    padding: 72px 30px 42px;
    background-color: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2); }
    .announcement-carousel .announcement-content::before {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 8px;
      background-image: linear-gradient(105deg, #6b203e, #bf165e); }
    @media (max-width: 1199.98px) {
      .announcement-carousel .announcement-content {
        padding: 55px 20px 23px;
        max-height: 367px; } }
    @media (max-width: 999.98px) {
      .announcement-carousel .announcement-content {
        margin-top: -29px;
        padding: 72px 30px 41px;
        max-height: 430px;
        height: auto; } }
    @media (max-width: 759.98px) {
      .announcement-carousel .announcement-content {
        margin-top: -36px;
        padding: 72px 18px 40px; } }
    .announcement-carousel .announcement-content .symbol-dbl {
      position: absolute;
      z-index: 1;
      top: 10px;
      left: 5px; }
      @media (max-width: 1199.98px) {
        .announcement-carousel .announcement-content .symbol-dbl {
          top: 5px; } }
      @media (max-width: 999.98px) {
        .announcement-carousel .announcement-content .symbol-dbl {
          top: 7px; } }
    .announcement-carousel .announcement-content .symbol-dbl-opp {
      position: absolute;
      z-index: 1;
      right: 15px;
      bottom: 0;
      transform: scaleX(-1) scaleY(-1); }
    .announcement-carousel .announcement-content .textimonials-symbol {
      display: inline-block;
      margin-right: 5px;
      filter: alpha(opacity=10);
      opacity: 0.1; }
      .announcement-carousel .announcement-content .textimonials-symbol::before {
        content: '';
        display: block;
        width: 4px;
        height: 25px;
        background-color: #bf165e;
        transform: rotate(50deg);
        transform-origin: 50% 100%; }
      .announcement-carousel .announcement-content .textimonials-symbol::after {
        content: '';
        display: block;
        width: 25px;
        height: 25px;
        background-color: #bf165e;
        border-radius: 50%; }
      @media (max-width: 999.98px) {
        .announcement-carousel .announcement-content .textimonials-symbol::before {
          height: 31px; }
        .announcement-carousel .announcement-content .textimonials-symbol::after {
          width: 29px;
          height: 29px; } }
    .announcement-carousel .announcement-content .anno-date-tags {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .announcement-carousel .announcement-content .node__title {
      margin-top: 13px;
      margin-bottom: 0;
      font-size: 22px;
      line-height: 1.3em;
      max-height: 143px;
      overflow: hidden; }
      @media (max-width: 1199.98px) {
        .announcement-carousel .announcement-content .node__title {
          margin-top: 11px; } }
      @media (max-width: 999.98px) {
        .announcement-carousel .announcement-content .node__title {
          margin-top: 13px; } }
      .announcement-carousel .announcement-content .node__title a {
        display: block;
        color: #bf165e; }
        .no-touch .announcement-carousel .announcement-content .node__title a:hover, .announcement-carousel .announcement-content .node__title a:active {
          color: #6b203e; }
      .announcement-carousel .announcement-content .node__title a[target=_blank] .field--name-title::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #bf165e;
        margin-left: 6px;
        font-size: 13.5px;
        line-height: 1.3;
        letter-spacing: 1px;
        vertical-align: middle; }
      .announcement-carousel .announcement-content .node__title a[target=_blank] .field--name-title:hover:after {
        color: #6b203e; }
      .announcement-carousel .announcement-content .node__title a[target=_blank] .field--name-title[data-title]::after {
        display: none; }
      .announcement-carousel .announcement-content .node__title .field--name-title {
        display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        font-weight: 900; }
    .announcement-carousel .announcement-content .node__content {
      margin-top: 10px;
      max-height: 78px;
      overflow: hidden; }
    .announcement-carousel .announcement-content .field--name-body {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      font-size: 16px;
      line-height: 1.6em;
      color: #44403f; }
  .announcement-carousel .carousel-des {
    top: -50%;
    transform: translateY(-50%);
    bottom: auto;
    z-index: 56; }
    @media (max-width: 999.98px) {
      .announcement-carousel .carousel-des {
        top: -55%; } }
    .announcement-carousel .carousel-des h2 {
      margin-bottom: 0;
      max-height: 140.4px;
      font-size: 36px;
      line-height: 1.3em;
      letter-spacing: -0.27px;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
      @media (max-width: 759.98px) {
        .announcement-carousel .carousel-des h2 {
          font-size: 28px;
          max-height: 109.2px;
          letter-spacing: -0.21px; } }
    .announcement-carousel .carousel-des .field--name-field-cityu-description {
      display: block;
      max-height: 140px;
      overflow: hidden; }
      @media (max-width: 1199.98px) {
        .announcement-carousel .carousel-des .field--name-field-cityu-description {
          max-height: 132px; } }
      @media (max-width: 999.98px) {
        .announcement-carousel .carousel-des .field--name-field-cityu-description {
          max-height: 140px; } }
      @media (max-width: 759.98px) {
        .announcement-carousel .carousel-des .field--name-field-cityu-description {
          max-height: 88.8px; } }
      .announcement-carousel .carousel-des .field--name-field-cityu-description p {
        max-height: 100%;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 25px;
        line-height: 1.6em;
        font-weight: normal;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
        @media (max-width: 1199.98px) {
          .announcement-carousel .carousel-des .field--name-field-cityu-description p {
            margin-top: 12px; } }
        @media (max-width: 999.98px) {
          .announcement-carousel .carousel-des .field--name-field-cityu-description p {
            margin-top: 20px; } }
        @media (max-width: 759.98px) {
          .announcement-carousel .carousel-des .field--name-field-cityu-description p {
            margin-top: 12px;
            font-size: 16px; } }
    .announcement-carousel .carousel-des .field--name-field-cityu-link {
      margin-top: 20px;
      line-height: 36px; }
      @media (max-width: 1199.98px) {
        .announcement-carousel .carousel-des .field--name-field-cityu-link {
          margin-top: 12px; } }
    @media (max-width: 759.98px) {
      .announcement-carousel .carousel-des .field--name-field-cityu-link {
        margin-bottom: 20px; } }
  .announcement-carousel .field--name-field-cityu-anno-carousel {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%; }
    @media (max-width: 999.98px) {
      .announcement-carousel .field--name-field-cityu-anno-carousel {
        position: relative;
        display: block; } }
  .announcement-carousel .announcement-carousel-wrapper {
    margin-bottom: 0; }
  .announcement-carousel .carousel-indicators {
    width: auto;
    top: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin-bottom: 0;
    bottom: 23px;
    justify-content: center; }
    @media (max-width: 999.98px) {
      .announcement-carousel .carousel-indicators {
        bottom: 49px; } }
    @media (max-width: 999.98px) {
      .announcement-carousel .carousel-indicators {
        bottom: 55px; } }
    @media (max-width: 759.98px) {
      .announcement-carousel .carousel-indicators li {
        width: 16px;
        height: 16px; }
        .announcement-carousel .carousel-indicators li.active .progress-all {
          width: 16px;
          height: 16px; } }
    .announcement-carousel .carousel-indicators li:last-child {
      margin-right: 0; }

@media (min-width: 760px) {
  #headline-carousel + .announcement-content {
    display: none; } }

.home .announcement-carousel {
  margin-bottom: 10px; }

.carousel-des .field--name-field-cityu-link a {
  text-transform: none !important; }