@import "fonts/icomoon/style.css";
.layout + .layout {
  margin: 0 0;
}
body .region-content .layout + .layout .wrapper > h3 {
  margin-top: 20px;
}
.img-center-important {
  text-align: center !important;
}
.img-full-width img {
  width: 100%;
}
body .region-content .block-hkust-blocks .wrapper > h3 {
  text-transform: uppercase;
}
body .region-content .block-hkust-blocks.block-hkust-slideshow {
  margin-bottom: 40px;
}
body .region-content ul,
body .region-content ol {
  line-height: 1.5em;
}
* {
  -webkit-text-size-adjust: none;
}
/* Side Menu */
body .region-content .full-side-menu ul.menu a,
body .region-content .full-side-menu ul.menu span {
  border: none;
}
body .region-content .full-side-menu {
  padding: 30px 48px;
  font-size: 0.92em;
  height: 2300px;
  background: #003d7d;
  position: relative;
  z-index: 2;
  color: #90b5e0;
}
body .region-content .full-side-menu ul.menu a {
  margin: 5px 0;
}
body .region-content .full-side-menu ul li:before {
  content: '';
  height: 9px;
  width: 9px;
  border-radius: 9px;
  background: #007dc3;
  right: 10px;
  top: 32px;
  position: relative;
  display: block;
}
body .region-content .full-side-menu ul li ul li:before {
  content: none;
}
body .region-content .full-side-menu .menu-item.menu-item--expanded {
  list-style-type: none;
}
body .region-content .full-side-menu .menu-item.menu-item--expanded .menu a {
  color: #dae6f2;
  border-left: 2px solid #007dc3 !important;
  margin: 0 0;
  padding-left: 20px;
}
/* Layout Builder */
/*.page-container, .row {
  .layout__region:first-child {
    padding-left: 0;
  }
  .layout__region:last-child {
    padding-right: 0;
  }
}*/
.layout > .page-container > .wrapper {
  margin-left: -15px;
  margin-right: -15px;
}
.layout .block-body {
  zoom: 1;
}
.layout .block-body:before {
  content: '';
  display: block;
}
.layout .block-body:after {
  content: '';
  display: table;
  clear: both;
}
.add-section__link,
.add-block__link,
#layout-builder .add-section a,
#layout-builder .add-block a {
  color: #787878;
  border-bottom: none;
  padding: 0px;
  padding-left: 24px;
  background: url(/core/misc/icons/787878/plus.svg) transparent top left / 16px 16px no-repeat;
}
.hkust-simple-text {
  /*font-size: 20px;
  line-height: 30px;*/
  font-size: 1.28em;
  line-height: 1.43em;
}
.hkust-simple-text ul {
  list-style: initial;
}
.hkust-simple-text p {
  /*font-size: 1.43em;*/
  font-size: 1em;
  line-height: 1.5em;
}
.table-center table {
  border-radius: 5px;
  width: 50%;
  margin: 0px auto;
  float: none;
}
.site-header .site-name {
  text-transform: uppercase;
}
body {
  background-color: #f9f9f9;
}
body.size-small .region-content {
  font-size: 12px;
}
body.size-normal .region-content,
body .region-content {
  font-size: 14px;
}
body.size-large .region-content {
  font-size: 18px;
}
body .region-content,
body.cke_editable {
  color: #333;
  line-height: 1.43em;
  letter-spacing: 0.58px;
}
body .region-content ul li + li,
body.cke_editable ul li + li {
  margin-top: 0.5em;
}
body .region-content h1,
body.cke_editable h1,
body .region-content h2,
body.cke_editable h2,
body .region-content h3,
body.cke_editable h3,
body .region-content h4,
body.cke_editable h4,
body .region-content h5,
body.cke_editable h5 {
  font-weight: 700;
}
body .region-content h1 strong,
body.cke_editable h1 strong,
body .region-content h2 strong,
body.cke_editable h2 strong,
body .region-content h3 strong,
body.cke_editable h3 strong,
body .region-content h4 strong,
body.cke_editable h4 strong,
body .region-content h5 strong,
body.cke_editable h5 strong {
  font-weight: 900;
  text-transform: uppercase;
}
body .region-content h1,
body.cke_editable h1,
body .region-content h2,
body.cke_editable h2,
body .region-content h3,
body.cke_editable h3,
body .region-content h4,
body.cke_editable h4 {
  margin: 15px auto;
}
body .region-content h1,
body.cke_editable h1 {
  font-size: 2.7em;
  font-weight: 900;
  color: #003366;
  line-height: 1.35em;
  text-transform: uppercase;
  padding-bottom: 15px;
}
body .region-content h2,
body.cke_editable h2 {
  font-size: 2em;
  color: #036;
  line-height: 1.13em;
}
body .region-content h3,
body.cke_editable h3 {
  font-size: 1.7em;
  color: #036;
  line-height: 1.25em;
}
body .region-content h4,
body.cke_editable h4 {
  font-size: 1.4em;
  color: #036;
  line-height: 1.25em;
}
body .region-content a,
body.cke_editable a {
  color: #2b6297;
  text-decoration: none;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
body .region-content a:hover,
body.cke_editable a:hover {
  color: #0074bc;
  text-decoration: none;
}
body .region-content h2 a,
body.cke_editable h2 a,
body .region-content h3 a,
body.cke_editable h3 a,
body .region-content h4 a,
body.cke_editable h4 a {
  color: #036;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content h2:hover a,
body.cke_editable h2:hover a,
body .region-content h3:hover a,
body.cke_editable h3:hover a,
body .region-content h4:hover a,
body.cke_editable h4:hover a {
  color: #0074bc;
  text-decoration: none;
}
body .region-content p,
body.cke_editable p {
  line-height: 1.43em;
}
body .region-content p + h1,
body.cke_editable p + h1,
body .region-content p + h2,
body.cke_editable p + h2,
body .region-content p + h3,
body.cke_editable p + h3,
body .region-content p + h4,
body.cke_editable p + h4,
body .region-content p + h5,
body.cke_editable p + h5,
body .region-content p + blockquote,
body.cke_editable p + blockquote {
  margin-top: 30px;
}
body .region-content blockquote,
body.cke_editable blockquote {
  font-size: inherit;
  border-left: 6px solid #e6e7e6;
  padding: 0;
  padding-left: 20px;
  margin: 0;
}
body .region-content blockquote + *,
body.cke_editable blockquote + * {
  margin-top: 20px;
}
body .region-content figcaption,
body.cke_editable figcaption {
  font-size: 0.92em;
  margin-top: 10px;
}
body .region-content p + figure,
body.cke_editable p + figure {
  margin-top: 30px;
}
body .region-content figure + *,
body.cke_editable figure + * {
  margin-top: 30px;
}
body .region-content .field--type-image .field__item,
body.cke_editable .field--type-image .field__item {
  margin-bottom: 20px;
}
body .region-content .visual-img,
body.cke_editable .visual-img,
body .region-content .heading1,
body.cke_editable .heading1,
body .region-content .heading2-with2,
body.cke_editable .heading2-with2,
body .region-content .heading3-with3,
body.cke_editable .heading3-with3,
body .region-content .heading4-with2,
body.cke_editable .heading4-with2,
body .region-content .heading4-with3,
body.cke_editable .heading4-with3,
body .region-content .heading4-with4,
body.cke_editable .heading4-with4,
body .region-content .overlap-content,
body.cke_editable .overlap-content {
  padding-bottom: 20px;
}
body .region-content .header-title,
body.cke_editable .header-title {
  margin-top: 70px;
}
body .region-content .header-title h3,
body.cke_editable .header-title h3 {
  font-size: 3.43em;
  font-weight: 900;
  color: #003366;
  margin-top: 30px;
  margin-bottom: 70px;
  text-align: center;
  text-transform: uppercase;
}
body .region-content .section-break,
body.cke_editable .section-break {
  padding-top: 40px;
}
body .region-content .heading1 .wrapper > h3,
body.cke_editable .heading1 .wrapper > h3 {
  font-size: 3.43em;
  font-weight: 900;
  color: #003366;
  text-align: center;
  line-height: 1.35em;
  padding-bottom: 15px;
  text-transform: uppercase;
}
body .region-content .heading1 p,
body.cke_editable .heading1 p {
  line-height: 1.5em;
}
body .region-content .heading1 .block-body,
body.cke_editable .heading1 .block-body {
  /*text-align: center;*/
}
body .region-content .heading1 .full-width-content .wrapper > h3,
body.cke_editable .heading1 .full-width-content .wrapper > h3 {
  padding-bottom: 45px;
}
body .region-content .heading1 .full-width-content .block-body,
body.cke_editable .heading1 .full-width-content .block-body {
  padding: 0px;
}
body .region-content .heading2-with2,
body.cke_editable .heading2-with2 {
  /*text-align: center;*/
}
body .region-content .heading2-with2 .hkust-simple-text p,
body.cke_editable .heading2-with2 .hkust-simple-text p,
body .region-content .heading2-with2 .hkust-simple-text li,
body.cke_editable .heading2-with2 .hkust-simple-text li {
  font-size: 1.43em;
  line-height: 1.5em;
}
body .region-content .heading2-with2 .block-hkust-slideshow,
body.cke_editable .heading2-with2 .block-hkust-slideshow {
  padding-top: 30px;
}
body .region-content .heading4-with2 .block-hkust-simple-text .wrapper > h3,
body.cke_editable .heading4-with2 .block-hkust-simple-text .wrapper > h3 {
  font-size: 1.86em;
  line-height: 1.19em;
  font-weight: 900;
}
body .region-content .heading4-with2 .block-hkust-simple-text p,
body.cke_editable .heading4-with2 .block-hkust-simple-text p {
  font-size: 1.43em;
  line-height: 1.5em;
}
body .region-content .heading3-with3,
body.cke_editable .heading3-with3 {
  text-align: center;
}
body .region-content .heading3-with3 .page-container .layout__region,
body.cke_editable .heading3-with3 .page-container .layout__region {
  border-bottom: 2px solid #e6e7e6;
  border-top: 2px solid #e6e7e6;
}
body .region-content .heading3-with3 .wrapper > h3,
body.cke_editable .heading3-with3 .wrapper > h3 {
  font-size: 2.33em;
  line-height: 1.19em;
  font-weight: 900;
  padding-top: 35px;
}
body .region-content .heading3-with3 .block-body,
body.cke_editable .heading3-with3 .block-body {
  font-size: 1.43em;
  line-height: 1.5em;
}
body .region-content .heading3-with3 .hkust-simple-text,
body.cke_editable .heading3-with3 .hkust-simple-text {
  margin: 20px 0px;
}
body .region-content .heading4-with3 .wrapper > h3,
body.cke_editable .heading4-with3 .wrapper > h3,
body .region-content .view-id-news.view-display-id-block_4 .wrapper > h3,
body.cke_editable .view-id-news.view-display-id-block_4 .wrapper > h3 {
  text-align: center;
  font-size: 3.43em;
  font-weight: 900;
  margin-top: 40px;
  margin-bottom: 40px;
}
body .region-content .heading4-with3 .view-content,
body.cke_editable .heading4-with3 .view-content,
body .region-content .view-id-news.view-display-id-block_4 .view-content,
body.cke_editable .view-id-news.view-display-id-block_4 .view-content {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 1px;
}
body .region-content .heading4-with3 .views-row,
body.cke_editable .heading4-with3 .views-row,
body .region-content .view-id-news.view-display-id-block_4 .views-row,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row {
  display: table-cell;
  float: none;
  vertical-align: top;
}
body .region-content .heading4-with3 .views-row .wrapper,
body.cke_editable .heading4-with3 .views-row .wrapper,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .wrapper,
body .region-content .heading4-with3 .views-row .details-wrapper,
body.cke_editable .heading4-with3 .views-row .details-wrapper,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details-wrapper {
  height: 100%;
}
body .region-content .heading4-with3 .views-row .views-field-title,
body.cke_editable .heading4-with3 .views-row .views-field-title,
body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .views-field-title {
  font-size: 1.86em;
  font-weight: 900;
  padding: 25px 0px;
  line-height: 1.19em;
}
body .region-content .heading4-with3 .views-row .details,
body.cke_editable .heading4-with3 .views-row .details,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details {
  position: relative;
  padding: 25px 30px;
  padding-top: 18px;
}
body .region-content .heading4-with3 .views-row .details .views-field-title,
body.cke_editable .heading4-with3 .views-row .details .views-field-title,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details .views-field-title,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details .views-field-title {
  padding: 0;
}
body .region-content .heading4-with3 .views-row .views-field-body,
body.cke_editable .heading4-with3 .views-row .views-field-body,
body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-body,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .views-field-body {
  line-height: 2em;
}
body .region-content .heading4-with3 .views-row:last-child .views-field,
body.cke_editable .heading4-with3 .views-row:last-child .views-field,
body .region-content .view-id-news.view-display-id-block_4 .views-row:last-child .views-field,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row:last-child .views-field,
body .region-content .heading4-with3 .views-row:first-child .views-field,
body.cke_editable .heading4-with3 .views-row:first-child .views-field,
body .region-content .view-id-news.view-display-id-block_4 .views-row:first-child .views-field,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row:first-child .views-field {
  /* reset padding */
  padding-left: 0px;
  padding-right: 0px;
}
body .region-content .heading4-with4,
body.cke_editable .heading4-with4,
body .region-content .view-id-news.view-display-id-block_4,
body.cke_editable .view-id-news.view-display-id-block_4 {
  /* @todo Heading with views block title */
}
body .region-content .heading4-with4 .wrapper > h3,
body.cke_editable .heading4-with4 .wrapper > h3,
body .region-content .view-id-news.view-display-id-block_4 .wrapper > h3,
body.cke_editable .view-id-news.view-display-id-block_4 .wrapper > h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 3.43em;
  font-weight: 900;
  margin-bottom: 40px;
  margin-top: 40px;
}
body .region-content .heading4-with4 .view-content,
body.cke_editable .heading4-with4 .view-content,
body .region-content .view-id-news.view-display-id-block_4 .view-content,
body.cke_editable .view-id-news.view-display-id-block_4 .view-content {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 1px;
}
body .region-content .heading4-with4 .views-row,
body.cke_editable .heading4-with4 .views-row,
body .region-content .view-id-news.view-display-id-block_4 .views-row,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row {
  display: table-cell;
  float: none;
  vertical-align: top;
  /* @todo Heading with views block title */
  /*h3 {
        text-align: center;
        //font-size: 57px;
        font-size: 3.43em;
        font-weight: 900;
        margin-bottom: 40px;
      }*/
}
body .region-content .heading4-with4 .views-row .wrapper,
body.cke_editable .heading4-with4 .views-row .wrapper,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .wrapper,
body .region-content .heading4-with4 .views-row .details-wrapper,
body.cke_editable .heading4-with4 .views-row .details-wrapper,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details-wrapper {
  background-color: white;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  height: 100%;
}
body .region-content .heading4-with4 .views-row .image,
body.cke_editable .heading4-with4 .views-row .image,
body .region-content .view-id-news.view-display-id-block_4 .views-row .image,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .image {
  overflow: hidden;
}
body .region-content .heading4-with4 .views-row .image img,
body.cke_editable .heading4-with4 .views-row .image img,
body .region-content .view-id-news.view-display-id-block_4 .views-row .image img,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .image img {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .heading4-with4 .views-row .views-field-title,
body.cke_editable .heading4-with4 .views-row .views-field-title,
body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .views-field-title {
  font-size: 1.29em;
  font-weight: 700;
  line-height: 1.25em;
  padding: 20px 30px;
}
body .region-content .heading4-with4 .views-row .views-field-title a,
body.cke_editable .heading4-with4 .views-row .views-field-title a,
body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title a,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .views-field-title a {
  color: #003366;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .heading4-with4 .views-row .views-field-title a:hover,
body.cke_editable .heading4-with4 .views-row .views-field-title a:hover,
body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title a:hover,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .views-field-title a:hover {
  text-decoration: none;
}
body .region-content .heading4-with4 .views-row .details,
body.cke_editable .heading4-with4 .views-row .details,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details {
  position: relative;
  padding: 25px 30px;
  padding-top: 18px;
}
body .region-content .heading4-with4 .views-row .details .views-field-title,
body.cke_editable .heading4-with4 .views-row .details .views-field-title,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details .views-field-title,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details .views-field-title {
  padding: 0;
}
body .region-content .heading4-with4 .views-row .views-field-body,
body.cke_editable .heading4-with4 .views-row .views-field-body,
body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-body,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .views-field-body {
  font-size: 1.29em;
  line-height: 1.55em;
  padding-left: 20px;
  padding-bottom: 10px;
}
body .region-content .heading4-with4 .views-row .wrapper:hover,
body.cke_editable .heading4-with4 .views-row .wrapper:hover,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper:hover,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .wrapper:hover,
body .region-content .heading4-with4 .views-row .details-wrapper:hover,
body.cke_editable .heading4-with4 .views-row .details-wrapper:hover,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
body .region-content .heading4-with4 .views-row .wrapper:hover .views-field-title a,
body.cke_editable .heading4-with4 .views-row .wrapper:hover .views-field-title a,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper:hover .views-field-title a,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .wrapper:hover .views-field-title a,
body .region-content .heading4-with4 .views-row .details-wrapper:hover .views-field-title a,
body.cke_editable .heading4-with4 .views-row .details-wrapper:hover .views-field-title a,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover .views-field-title a,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover .views-field-title a {
  color: #0074bc;
}
body .region-content .heading4-with4 .views-row .wrapper:hover .image img,
body.cke_editable .heading4-with4 .views-row .wrapper:hover .image img,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper:hover .image img,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .wrapper:hover .image img,
body .region-content .heading4-with4 .views-row .details-wrapper:hover .image img,
body.cke_editable .heading4-with4 .views-row .details-wrapper:hover .image img,
body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover .image img,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
body .region-content .heading4-with4 .views-row:last-child .views-field,
body.cke_editable .heading4-with4 .views-row:last-child .views-field,
body .region-content .view-id-news.view-display-id-block_4 .views-row:last-child .views-field,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row:last-child .views-field,
body .region-content .heading4-with4 .views-row:first-child .views-field,
body.cke_editable .heading4-with4 .views-row:first-child .views-field,
body .region-content .view-id-news.view-display-id-block_4 .views-row:first-child .views-field,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row:first-child .views-field {
  /*padding-left: 0px;
        padding-right: 0px;*/
}
body .region-content .img-hover-zoom .image,
body.cke_editable .img-hover-zoom .image {
  overflow: hidden;
}
body .region-content .img-hover-zoom .image img,
body.cke_editable .img-hover-zoom .image img {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .img-hover-zoom div.wrapper:hover > .image img,
body.cke_editable .img-hover-zoom div.wrapper:hover > .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media only screen and (max-width: 991px) {
  body .region-content .view-id-events.view-display-id-block_2 .views-row .details,
  body.cke_editable .view-id-events.view-display-id-block_2 .views-row .details {
    padding: 0;
  }
}
body .region-content .view-id-news.view-display-id-block_4 .views-row .category,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .category {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
}
body .region-content .view-id-news.view-display-id-block_4 .views-row .category,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .category,
body .region-content .view-id-news.view-display-id-block_4 .views-row .category a,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .category a {
  color: #94771e;
}
body .region-content .view-id-news.view-display-id-block_4 .views-row .category a:hover,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .category a:hover {
  text-decoration: underline;
}
body .region-content .view-id-news.view-display-id-block_4 .views-row .category:before,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .category:before {
  content: "";
  width: 100px;
  height: 5px;
  background-color: #94771e;
  position: absolute;
  top: 0;
}
body .region-content .view-id-news.view-display-id-block_4 .views-row .date,
body.cke_editable .view-id-news.view-display-id-block_4 .views-row .date {
  margin-top: 12px;
}
body .region-content .hkust-simple-text ul,
body.cke_editable .hkust-simple-text ul {
  padding-left: 40px;
}
body .region-content .hkust-simple-text ul li,
body.cke_editable .hkust-simple-text ul li {
  padding: 0;
}
body .region-content .hkust-simple-text ul li:before,
body.cke_editable .hkust-simple-text ul li:before {
  content: none;
}
body .region-content .cso-lists ul,
body.cke_editable .cso-lists ul,
body .region-content ul.cso-lists,
body.cke_editable ul.cso-lists {
  list-style: none;
  margin: 0;
  padding: 0;
}
body .region-content .cso-lists ul li,
body.cke_editable .cso-lists ul li,
body .region-content ul.cso-lists li,
body.cke_editable ul.cso-lists li {
  position: relative;
  padding-left: 12px;
}
body .region-content .cso-lists ul li:before,
body.cke_editable .cso-lists ul li:before,
body .region-content ul.cso-lists li:before,
body.cke_editable ul.cso-lists li:before {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #f0bd32;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
body .region-content .cso-lists ul li + li,
body.cke_editable .cso-lists ul li + li,
body .region-content ul.cso-lists li + li,
body.cke_editable ul.cso-lists li + li {
  margin-top: 20px;
}
body .region-content td,
body.cke_editable td,
body .region-content th,
body.cke_editable th {
  padding: 10px;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right),
body .region-content .overlap-content:not(.overlap-content-right),
body.cke_editable .overlap-content:not(.overlap-content-right) {
  /*.layout__region--first {
      .slideshow-wrapper {
        top: 85px;
        z-index: 1;
      }
    }

    .layout__region--second {
      .block-hkust-simple-text {
        padding-top: 30px;
        height: 100%;
        //min-height: 600px;
        max-width: 800px;
        position: relative;
        right: 75px;
        background-color: #e6e7e6;

        .hkust-simple-text {
          padding-left: 75px;
          padding-right: 35px;
          margin-bottom: 40px;
        }

        .wrapper > h3 {
          //font-size: 46px;
          font-size: 3.29em;
          font-weight: 900;
          //line-height: 50px;
          line-height: 1.08em;
          padding-left: 70px;
          padding-top: 40px;
          padding-bottom: 15px;
          color: black;
          text-transform: uppercase;
        }

        .block-body {
          p {
            //font-size: 18px;
            //line-height: 28px;

            font-size: 1em;
            //line-height: 1.55em;

            //padding-left: 125px;
            //padding-right: 55px;
          }
        }
      }
    }*/
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .block-hkust-blocks.block-hkust-slideshow,
body .region-content .overlap-content:not(.overlap-content-right) .block-hkust-blocks.block-hkust-slideshow,
body.cke_editable .overlap-content:not(.overlap-content-right) .block-hkust-blocks.block-hkust-slideshow {
  margin-bottom: 0;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .row > .wrapper:before,
body .region-content .overlap-content:not(.overlap-content-right) .row > .wrapper:before,
body.cke_editable .overlap-content:not(.overlap-content-right) .row > .wrapper:before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region + .layout__region,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region + .layout__region,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region + .layout__region {
  margin-right: -0.75em;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first {
  z-index: 2;
  width: 55%;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second {
  margin-left: -7.5%;
  z-index: 1;
  background-color: #e6e7e6;
  padding-left: 7.5%;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second:before,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second:before,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second:before {
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second > .block,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second > .block,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second > .block {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second > .block + .block .wrapper,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second > .block + .block .wrapper,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second > .block + .block .wrapper {
  padding-top: 0;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper,
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper {
  padding: 40px;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper > h3:first-child,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper > h3:first-child,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper > h3:first-child,
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper > h3:first-child,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper > h3:first-child,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper > h3:first-child {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 3em;
  font-weight: 900;
  line-height: 1.08em;
  text-transform: uppercase;
}
#layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links a,
body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links a,
body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links a {
  font-weight: 700;
}
.layout.layout--hkust-fullwidth .slick-slide .field--name-field-slideshow-image,
.main-visual .slick-slide .field--name-field-slideshow-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.layout.layout--hkust-fullwidth .slick-slide img,
.main-visual .slick-slide img {
  min-height: 400px;
  visibility: hidden;
}
.main-visual .slick-slide img {
  min-height: 300px;
}
body.path-frontpage .layout__region--top .block,
body.path-frontpage .layout__region--middle .block,
body.path-frontpage .layout__region--bottom .block {
  margin: 0;
}
body.path-frontpage .layout__region--top .block .wrapper,
body.path-frontpage .layout__region--middle .block .wrapper,
body.path-frontpage .layout__region--bottom .block .wrapper {
  padding: 0;
}
body.path-frontpage div.region-breadcrumb {
  display: none;
}
body.path-frontpage .hkust-layouts-hero-header .cso-page-title,
.layout-container .homepage-main-slideshow .cso-page-title {
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: -105px;
  position: relative;
  top: 278px;
  z-index: 2;
}
body.path-frontpage .hkust-layouts-hero-header .cso-page-title h2,
.layout-container .homepage-main-slideshow .cso-page-title h2 {
  font-size: 1.86em;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding: 23px 30px 23px 0;
  color: white;
}
body.path-frontpage .hkust-layouts-hero-header .cso-page-title h2:before,
.layout-container .homepage-main-slideshow .cso-page-title h2:before {
  content: "";
  background-color: #d43f23;
  position: absolute;
  top: 0;
  left: -100vw;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
body.path-frontpage .hkust-layouts-hero-header .cso-page-title h2:after,
.layout-container .homepage-main-slideshow .cso-page-title h2:after {
  content: "";
  background-color: #036;
  position: absolute;
  top: 23px;
  left: -100vw;
  right: -37px;
  bottom: -23px;
  z-index: -2;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
body.path-frontpage .hkust-layouts-hero-header .hkust-slideshow,
.layout-container .homepage-main-slideshow .hkust-slideshow,
body.path-frontpage .hkust-layouts-hero-header .hkust-slideshow-with-description,
.layout-container .homepage-main-slideshow .hkust-slideshow-with-description,
body.path-frontpage .hkust-layouts-hero-header .block-hkust-slideshow,
.layout-container .homepage-main-slideshow .block-hkust-slideshow {
  border-bottom: 4px solid #39240c;
}
body.path-frontpage .homepage-highlights .cso-highlights,
body.path-frontpage .layout__region--middle .cso-highlights {
  text-align: center;
  height: 304px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  padding-top: 78px;
}
body.path-frontpage .homepage-highlights .cso-highlights h2,
body.path-frontpage .layout__region--middle .cso-highlights h2 {
  font-size: 2.14em;
  color: #036;
  letter-spacing: 0.84px;
  line-height: 1.13em;
}
body.path-frontpage .homepage-highlights .cso-highlights p,
body.path-frontpage .layout__region--middle .cso-highlights p {
  font-size: 1em;
  color: #636363;
  letter-spacing: 0.39px;
}
body.path-frontpage .homepage-highlights .cso-highlights .services,
body.path-frontpage .layout__region--middle .cso-highlights .services {
  text-align: center;
  width: 730px;
  margin: 0 auto;
  margin-top: 32px;
  display: table;
  table-layout: fixed;
}
body.path-frontpage .homepage-highlights .cso-highlights .services a,
body.path-frontpage .layout__region--middle .cso-highlights .services a {
  display: table-cell;
  text-align: center;
  color: #7b7b7b;
  text-decoration: none;
  font-size: 1.14em;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body.path-frontpage .homepage-highlights .cso-highlights .services a [class*="icon-"],
body.path-frontpage .layout__region--middle .cso-highlights .services a [class*="icon-"] {
  display: block;
  font-size: 2.21em;
  margin-bottom: 5px;
}
body.path-frontpage .homepage-highlights .cso-highlights .services a [class*="icon-"]:after,
body.path-frontpage .layout__region--middle .cso-highlights .services a [class*="icon-"]:after {
  content: "";
  display: block;
  background-color: #7b7b7b;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 7px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body.path-frontpage .homepage-highlights .cso-highlights .services a.active,
body.path-frontpage .layout__region--middle .cso-highlights .services a.active,
body.path-frontpage .homepage-highlights .cso-highlights .services a:hover,
body.path-frontpage .layout__region--middle .cso-highlights .services a:hover {
  font-weight: 700;
  color: #d43f23;
}
body.path-frontpage .homepage-highlights .cso-highlights .services a.active [class*="icon-"]:after,
body.path-frontpage .layout__region--middle .cso-highlights .services a.active [class*="icon-"]:after,
body.path-frontpage .homepage-highlights .cso-highlights .services a:hover [class*="icon-"]:after,
body.path-frontpage .layout__region--middle .cso-highlights .services a:hover [class*="icon-"]:after {
  background-color: #d43f23;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position],
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] {
  position: relative;
  z-index: 1;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position]:before,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position]:before {
  content: "";
  position: absolute;
  top: 27px;
  left: 50%;
  right: 0;
  bottom: 0;
  margin-left: -403px;
  background-color: #ff8642;
  min-width: 807px;
  max-width: 807px;
  -webkit-box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.5);
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .slick-dots,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-dots {
  visibility: hidden;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .slick-slide,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-slide {
  padding-top: 20px;
  padding-bottom: 48px;
  position: relative;
  z-index: 2;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .slick-slide:before,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-slide:before {
  /*content: "";
        position: absolute;
        top: 23px;
        left: 17px;
        right: 8px;
        bottom: 0;
        background-color: #ff8642;
        z-index: -2;
        box-shadow: 3px 4px 10px 0 rgba(0,0,0,0.50);*/
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-image,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-image {
  width: 412px;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description {
  position: relative;
  width: 420px;
  min-height: 252px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 21px;
  padding-right: 62px;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description:before,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -124px;
  right: 38px;
  bottom: -20px;
  z-index: -1;
  background: #fff;
  -webkit-box-shadow: 2px 5px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 5px 8px 0 rgba(0, 0, 0, 0.5);
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description .wrapper > h3,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description .wrapper > h3 {
  margin: 0;
  color: #d43f23;
  font-size: 1.43em;
  line-height: 1.15em;
  letter-spacing: 0.6px;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #0f595b;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description .wrapper > h3 [class*="icon-"],
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description .wrapper > h3 [class*="icon-"] {
  font-size: 2.5em;
  display: block;
  margin-bottom: 11px;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description p,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description p {
  font-size: 0.85em;
  line-height: 2.08em;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description a.see-more,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description a.see-more {
  display: inline-block;
  font-size: 0.85em;
  line-height: 1.16em;
  letter-spacing: 0.4px;
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: 6px 22px;
  background-color: #d43f23;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] img,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] img {
  border: 6px solid #8c8c8c;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  width: 400px;
}
body.path-frontpage .homepage-highlights .hkust-slideshow-with-description[data-description-position] .slick-current img,
body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-current img {
  border: 6px solid #c0362c;
}
body.path-frontpage .block-views-blocknews-and-events-block-1 {
  margin-top: 0 !important;
}
body.path-frontpage .hkust-layouts-hero-footer {
  position: relative;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-dots {
  position: absolute;
  bottom: 305px;
}
body.path-frontpage .hkust-layouts-hero-footer .slideshow-wrapper {
  padding: 0;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-slide {
  margin: 8px 8px;
  -webkit-box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-filter: saturate(0%);
  filter: saturate(0%);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: relative;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-slide.slick-current {
  -webkit-filter: none;
  filter: none;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-slide .title {
  background-color: #668d3c;
  text-align: center;
  display: table;
  width: 100%;
  max-width: 395px;
  height: 57px;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-slide .title > * {
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-slide .title,
body.path-frontpage .hkust-layouts-hero-footer .slick-slide .title a {
  color: white;
  text-decoration: none;
  font-size: 1.14em;
  font-weight: 700;
  letter-spacing: 0.45px;
  line-height: 1.31em;
}
body.path-frontpage .hkust-layouts-hero-footer .slick-slide .title a:hover {
  text-decoration: underline;
}
footer #block-csofooter,
footer #block-hkust-cso-csofooter {
  height: 360px;
  background: url(../images/bg-footer.jpg) center no-repeat;
  background-size: cover;
}
footer #block-csofooter .field--name-body,
footer #block-hkust-cso-csofooter .field--name-body {
  display: table;
  width: 100%;
}
footer #block-csofooter .field--name-body,
footer #block-hkust-cso-csofooter .field--name-body,
footer #block-csofooter .field--name-body p,
footer #block-hkust-cso-csofooter .field--name-body p,
footer #block-csofooter .field--name-body a,
footer #block-hkust-cso-csofooter .field--name-body a {
  font-size: 0.85em;
  line-height: 1.5em;
  letter-spacing: 0.34px;
  color: white;
  text-decoration: none;
}
footer #block-csofooter .field--name-body a:hover,
footer #block-hkust-cso-csofooter .field--name-body a:hover {
  text-decoration: underline;
}
footer #block-csofooter .field--name-body > .left,
footer #block-hkust-cso-csofooter .field--name-body > .left,
footer #block-csofooter .field--name-body > .right,
footer #block-hkust-cso-csofooter .field--name-body > .right {
  display: table-cell;
  vertical-align: top;
  padding: 47px 0;
}
footer #block-csofooter .field--name-body > .left,
footer #block-hkust-cso-csofooter .field--name-body > .left {
  width: 295px;
  padding-right: 63px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
footer #block-csofooter .field--name-body > .right,
footer #block-hkust-cso-csofooter .field--name-body > .right {
  zoom: 1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
footer #block-csofooter .field--name-body > .right:before,
footer #block-hkust-cso-csofooter .field--name-body > .right:before {
  content: '';
  display: block;
}
footer #block-csofooter .field--name-body > .right:after,
footer #block-hkust-cso-csofooter .field--name-body > .right:after {
  content: '';
  display: table;
  clear: both;
}
footer #block-csofooter h2,
footer #block-hkust-cso-csofooter h2,
footer #block-csofooter h3,
footer #block-hkust-cso-csofooter h3,
footer #block-csofooter i[class*="icon-"],
footer #block-hkust-cso-csofooter i[class*="icon-"] {
  color: #f0bd32;
}
footer #block-csofooter h2,
footer #block-hkust-cso-csofooter h2,
footer #block-csofooter h3,
footer #block-hkust-cso-csofooter h3 {
  margin: 0;
}
footer #block-csofooter h2,
footer #block-hkust-cso-csofooter h2 {
  font-size: 2.14em;
  line-height: 1.2em;
}
footer #block-csofooter h3,
footer #block-hkust-cso-csofooter h3 {
  font-size: 1.07em;
  line-height: 1.2em;
  margin-bottom: 12px;
}
footer #block-csofooter p.ico-wrapper,
footer #block-hkust-cso-csofooter p.ico-wrapper {
  vertical-align: bottom;
  position: relative;
  padding-left: 30px;
}
footer #block-csofooter p.ico-wrapper i[class*="icon-"],
footer #block-hkust-cso-csofooter p.ico-wrapper i[class*="icon-"] {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 1.64em;
}
footer #block-csofooter p.ico-wrapper.inline,
footer #block-hkust-cso-csofooter p.ico-wrapper.inline {
  display: inline-block;
  padding-left: 0;
}
footer #block-csofooter p.ico-wrapper.inline i[class*="icon-"],
footer #block-hkust-cso-csofooter p.ico-wrapper.inline i[class*="icon-"] {
  position: relative;
}
footer #block-csofooter p.ico-wrapper.inline + .ico-wrapper.inline,
footer #block-hkust-cso-csofooter p.ico-wrapper.inline + .ico-wrapper.inline {
  margin-left: 40px;
}
footer #block-csofooter .menu-group-wrapper,
footer #block-hkust-cso-csofooter .menu-group-wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}
footer #block-csofooter .menu-group-wrapper .menu-group,
footer #block-hkust-cso-csofooter .menu-group-wrapper .menu-group {
  display: table-cell;
  width: 33%;
  padding: 0 0 40px 48px;
  position: relative;
  vertical-align: top;
}
footer #block-csofooter .menu-group-wrapper h3 [class*="icon-"],
footer #block-hkust-cso-csofooter .menu-group-wrapper h3 [class*="icon-"] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2.14em;
}
footer #block-csofooter .menu-group-wrapper a,
footer #block-hkust-cso-csofooter .menu-group-wrapper a {
  display: block;
}
body.page-node-type-page article > h2 {
  display: none;
}
/* Responsive */
@media only screen and (max-width: 991px) {
  div.region-breadcrumb {
    display: none;
  }
  /*body .region-content {
    .heading4-with3, .heading4-with4 {
      .region-content {
        padding: 0 10px;
      }
    }
  }*/
  body .region-content .visual-img,
  body .region-content .heading1,
  body .region-content .heading3-with3,
  body .region-content .heading4-with3,
  body .region-content .heading4-with4,
  body .region-content .overlap-content {
    padding-bottom: 0px;
  }
  body .region-content .tablesaw-stack td .tablesaw-cell-label,
  body .region-content .tablesaw-stack th .tablesaw-cell-label {
    width: 40%;
  }
  body .region-content .tablesaw-cell-content {
    max-width: 60% !important;
  }
  body .region-content .visual-img .page-container,
  body .region-content .heading1 .page-container,
  body .region-content .heading4-with2 .page-container,
  body .region-content .heading4-with3 .page-container,
  body .region-content .heading4-with4 .page-container,
  body .region-content .header-title .page-container,
  body .region-content .overlap-content .page-container {
    padding: 0 25px;
  }
  body .region-content .visual-img .wrapper > h3,
  body .region-content .heading1 .wrapper > h3,
  body .region-content .heading4-with2 .wrapper > h3,
  body .region-content .heading4-with3 .wrapper > h3,
  body .region-content .heading4-with4 .wrapper > h3,
  body .region-content .header-title .wrapper > h3,
  body .region-content .overlap-content .wrapper > h3 {
    font-size: 3.36em;
    line-height: 1.06em;
  }
  body .region-content .heading1 {
    padding-bottom: 0px;
  }
  body .region-content .heading1 .block-body {
    padding: 10px 0;
    max-width: 100%;
  }
  body .region-content .heading4-with3 .view-content,
  body .region-content .view-id-news.view-display-id-block_4 .view-content,
  body .region-content .view-id-events.view-display-id-block_2 .view-content {
    display: block;
    height: auto;
  }
  body .region-content .heading4-with3 .views-row,
  body .region-content .view-id-news.view-display-id-block_4 .views-row,
  body .region-content .view-id-events.view-display-id-block_2 .views-row {
    display: block;
  }
  body .region-content .heading4-with3 .views-row,
  body .region-content .view-id-news.view-display-id-block_4 .views-row,
  body .region-content .view-id-events.view-display-id-block_2 .views-row {
    margin-bottom: 30px;
  }
  body .region-content .heading4-with4 .view-content,
  body .region-content .view-id-news.view-display-id-block_4 .view-content,
  body .region-content .view-id-events.view-display-id-block_2 .view-content {
    display: block;
    height: auto;
  }
  body .region-content .heading4-with4 .views-row,
  body .region-content .view-id-news.view-display-id-block_4 .views-row,
  body .region-content .view-id-events.view-display-id-block_2 .views-row {
    display: block;
    margin-bottom: 30px;
  }
  body.path-frontpage .layout__region--top .hkust-slideshow img,
  body.path-frontpage .layout__region--top .hkust-slideshow-with-description img {
    max-width: none;
    width: auto;
    height: 300px;
  }
  body.path-frontpage .layout__region--middle .cso-highlights {
    height: auto;
    padding-top: 20px;
  }
  body.path-frontpage .layout__region--middle .cso-highlights h2 {
    font-size: 1.71em;
  }
  body.path-frontpage .layout__region--middle .cso-highlights .services {
    display: none;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position]:before {
    content: none;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-image,
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description {
    float: none;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description {
    padding: 20px;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description:before {
    content: none;
  }
  body.path-frontpage .layout__region--middle div.news-and-events {
    width: 100%;
    height: 530px;
    padding: 0 20px;
  }
  body.path-frontpage .layout__region--middle div.news-and-events h2 {
    padding-top: 30px;
    font-size: 2.14em;
  }
  .cso-decorated {
    min-width: 0;
    min-height: 0;
    margin: 0;
  }
  .cso-decorated:before,
  .cso-decorated:after {
    content: none;
  }
  .cso-decorated img {
    width: 100%;
    height: auto;
  }
  body.path-frontpage .services-highlight td {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .responsive-table tr,
  .responsive-table td {
    display: block;
    text-align: left;
  }
  .responsive-table tr img,
  .responsive-table td img {
    width: 100%;
    height: auto;
  }
  footer #block-csofooter,
  footer #block-hkust-cso-csofooter {
    height: auto;
  }
  footer #block-csofooter .field--name-body,
  footer #block-hkust-cso-csofooter .field--name-body {
    display: block;
    zoom: 1;
  }
  footer #block-csofooter .field--name-body:before,
  footer #block-hkust-cso-csofooter .field--name-body:before {
    content: '';
    display: block;
  }
  footer #block-csofooter .field--name-body:after,
  footer #block-hkust-cso-csofooter .field--name-body:after {
    content: '';
    display: table;
    clear: both;
  }
  footer #block-csofooter .field--name-body > .left,
  footer #block-hkust-cso-csofooter .field--name-body > .left,
  footer #block-csofooter .field--name-body > .right,
  footer #block-hkust-cso-csofooter .field--name-body > .right {
    display: block;
    width: 100%;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer #block-csofooter h2,
  footer #block-hkust-cso-csofooter h2 {
    font-size: 1.71em;
    line-height: 1.25em;
  }
  footer #block-csofooter .menu-group-wrapper h3 [class*="icon-"],
  footer #block-hkust-cso-csofooter .menu-group-wrapper h3 [class*="icon-"] {
    font-size: 1.71em;
  }
  footer #block-csofooter .left,
  footer #block-hkust-cso-csofooter .left {
    display: table;
    width: 100%;
  }
  footer #block-csofooter .left > *,
  footer #block-hkust-cso-csofooter .left > * {
    display: table-cell;
    vertical-align: middle;
  }
  footer #block-csofooter .left .mobile-left,
  footer #block-hkust-cso-csofooter .left .mobile-left {
    width: 250px;
    padding-right: 100px;
  }
  body.path-node #emergency .content-center .detail .step {
    display: block;
    padding: 0;
    width: 100%;
  }
}
/*
 * People Details Page
 */
/*.node--type-people {
  .people-header.layout--hkust-onecol {
    background-color: white;
    border-bottom-color: #e8e8e8;
    border-bottom-width: 5px;
    border-bottom-style: solid;
  }
  .field--name-title {
    //font-size: 55px;
    //line-height: 65px;
    font-size: 3.93em;
    line-height: 1.18em;
    font-weight: 900;
  }
  .field--name-field-degree,
  .field--name-field-professor-title {
    //font-size: 20px;
    font-size: 1.43em;
    color: #737373;
  }

  .people-header {
    padding: 40px 0;

    &.layout .block + .block {
      margin-top: 8px;
    }

    .block-field-blocknodepeopletitle {
      margin-bottom: 20px;
    }

    .layout__region.name {
      .block {
        display: inline;
      }
    }
  }
}*/
.people-details.layout {
  padding: 40px 0;
}
.people-details.layout .block + .block {
  margin-top: 30px;
}
.people-details.layout .layout__region--first .block + .block {
  margin-top: 20px;
}
.people-details.layout .block-field-blocknodepeoplefield-degree + .block-field-blocknodepeoplefield-professor-title {
  margin-top: 8px;
}
.people-details.layout .layout__region.name {
  font-size: 3.93em;
  line-height: 1.18em;
  font-weight: 900;
  margin-bottom: 14px;
  color: #003366;
}
.people-details.layout .layout__region.name .block {
  display: inline-block;
  margin-top: 0;
}
.people-details.layout .layout__region.name .block-field-blocknodepeoplefield-chinese-name {
  font-size: 0.8em;
  margin-left: 10px;
}
.people-details.layout .layout__region.position,
.people-details.layout .layout__region.contact {
  margin-bottom: 30px;
}
.people-details.layout .header {
  margin-bottom: 16px;
}
.people-details.layout .block-field-blocknodepeoplefield-degree,
.people-details.layout .block-field-blocknodepeoplefield-professor-title {
  font-size: 1.4em;
}
.people-details.layout .block-field-blocknodepeoplefield-professor-title {
  font-weight: 700;
}
.people-details.layout h3 {
  font-size: 1.4em;
  font-weight: 700;
}
.people-details.layout * + h3 {
  margin-top: 30px;
}
.people-details.layout .block-field-blocknodepeoplefield-personal-image {
  margin-bottom: 40px;
}
.people-details.layout .block-field-blocknodepeoplefield-telephone .field__item:before,
.people-details.layout .block-field-blocknodepeoplefield-fax .field__item:before,
.people-details.layout .block-field-blocknodepeoplefield-email .field__item:before,
.people-details.layout .block-field-blocknodepeoplefield-office-location .field__item:before,
.people-details.layout .block-field-blocknodepeoplefield-reference-link .field__item:before {
  min-width: 22px;
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 12px;
  font-size: 1.5em;
  text-align: center;
  vertical-align: middle;
  color: #003366;
}
.people-details.layout .block-field-blocknodepeoplefield-telephone .field__item:before {
  content: "\f095";
}
.people-details.layout .block-field-blocknodepeoplefield-fax .field__item:before {
  content: "\f1ac";
}
.people-details.layout .block-field-blocknodepeoplefield-email .field__item:before {
  content: "\f0e0";
}
.people-details.layout .block-field-blocknodepeoplefield-office-location .field__item:before {
  content: "\f14e";
}
.people-details.layout .block-field-blocknodepeoplefield-reference-link .field__item:before {
  content: "\f0c1";
}
body .region-content .event-wrapper:first-child {
  margin-top: 30px;
}
body .region-content .event-wrapper:last-child {
  margin-bottom: 30px;
}
body .region-content .event-wrapper.eboard {
  margin: 0;
}
body .region-content .event-wrapper.title,
body .region-content .event-wrapper:not(.title) h1 {
  margin-bottom: 30px;
  padding-bottom: 15px;
}
body .region-content .event-wrapper h1 + .event-listing {
  margin-top: 30px;
  padding-top: 15px;
}
body .region-content .event-wrapper h1 {
  font-size: 2.71em;
  color: #036;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 0;
}
body .region-content .event-wrapper .title {
  margin-bottom: 13px;
}
body .region-content .event-wrapper .title .field {
  font-size: 2.51em;
  font-weight: 700;
  line-height: 1.2em;
  color: #036;
}
body .region-content .event-wrapper .title strong {
  font-weight: 900;
}
body .region-content .event-wrapper .details-left .block + .block,
body .region-content .event-wrapper .details-right .block + .block {
  margin-top: 14px;
}
body .region-content .event-wrapper .details-left .block.block-hkust-events-social-share,
body .region-content .event-wrapper .details-right .block.block-hkust-events-social-share {
  margin-top: 34px;
}
body .region-content .event-wrapper .details-right [class*="block-field-"],
body .region-content .event-wrapper .details-right .view {
  font-size: 1.71em;
  line-height: 1.2em;
  font-weight: 700;
  color: #036;
}
body .region-content .event-wrapper .details-right .block-field-blocknodeeventsfield-path-advisor-url {
  font-size: 1.43em;
  font-weight: 400;
}
body .region-content .event-wrapper .details-right .block-field-blocknodeeventsfield-path-advisor-url a,
body .region-content .event-wrapper .information .block-field-blocknodeeventsfield-path-advisor-url a {
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
}
body .region-content .event-wrapper .details-right .block-field-blocknodeeventsfield-path-advisor-url .field__item:before,
body .region-content .event-wrapper .information .block-field-blocknodeeventsfield-path-advisor-url .field__item:before {
  content: "\f3c5";
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  display: inline-block;
  font-size: 0.875em;
  background-color: #D6D9DD;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  color: white;
  margin-right: 8px;
}
body .region-content .event-wrapper .field--name-field-event-image .field__item {
  display: none;
}
body .region-content .event-wrapper .field--name-field-event-image .field__item:first-child {
  display: block;
}
body .region-content .event-wrapper .field--name-field-event-tags {
  font-family: "Arial";
  font-size: 0.9em;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}
body .region-content .event-wrapper .field--name-field-event-tags .field__item {
  background-color: #EAECEE;
  border-radius: 4px;
  padding: 3px 8px;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 10px;
}
body .region-content .event-wrapper .field--name-field-event-tags .field__item,
body .region-content .event-wrapper .field--name-field-event-tags .field__item a {
  color: black;
}
body .region-content .event-wrapper .information {
  font-size: 1.28em;
  line-height: 1.43em;
  margin-bottom: 47px;
}
body .region-content .event-wrapper .information .block {
  margin-top: 38px;
}
body .region-content .event-wrapper .information .block + .block {
  margin-top: 0;
}
body .region-content .event-wrapper .information p {
  margin: 0;
  line-height: 1.43em;
}
body .region-content .event-wrapper .information .field--label-inline,
body .region-content .event-wrapper .information .field--label-hidden,
body .region-content .event-wrapper .information .view-content {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 6px 0;
}
body .region-content .event-wrapper .information .field--label-inline:before,
body .region-content .event-wrapper .information .field--label-hidden:before,
body .region-content .event-wrapper .information .view-content:before,
body .region-content .event-wrapper .information .field--label-inline:after,
body .region-content .event-wrapper .information .field--label-hidden:after,
body .region-content .event-wrapper .information .view-content:after {
  content: none;
}
body .region-content .event-wrapper .information .field--label-inline .field__label,
body .region-content .event-wrapper .information .field--label-hidden .field__label,
body .region-content .event-wrapper .information .view-content .field__label,
body .region-content .event-wrapper .information .field--label-inline .field__item,
body .region-content .event-wrapper .information .field--label-hidden .field__item,
body .region-content .event-wrapper .information .view-content .field__item,
body .region-content .event-wrapper .information .field--label-inline .views-label,
body .region-content .event-wrapper .information .field--label-hidden .views-label,
body .region-content .event-wrapper .information .view-content .views-label,
body .region-content .event-wrapper .information .field--label-inline .field-content,
body .region-content .event-wrapper .information .field--label-hidden .field-content,
body .region-content .event-wrapper .information .view-content .field-content,
body .region-content .event-wrapper .information .field--label-inline .field__items,
body .region-content .event-wrapper .information .field--label-hidden .field__items,
body .region-content .event-wrapper .information .view-content .field__items {
  display: table-cell;
  float: none;
}
body .region-content .event-wrapper .information .field--label-inline.field__items > .field__item,
body .region-content .event-wrapper .information .field--label-hidden.field__items > .field__item,
body .region-content .event-wrapper .information .view-content.field__items > .field__item,
body .region-content .event-wrapper .information .field--label-inline .field__items > .field__item,
body .region-content .event-wrapper .information .field--label-hidden .field__items > .field__item,
body .region-content .event-wrapper .information .view-content .field__items > .field__item {
  display: block;
}
body .region-content .event-wrapper .information .field--label-inline .field__label,
body .region-content .event-wrapper .information .field--label-hidden .field__label,
body .region-content .event-wrapper .information .view-content .field__label,
body .region-content .event-wrapper .information .field--label-inline .views-label,
body .region-content .event-wrapper .information .field--label-hidden .views-label,
body .region-content .event-wrapper .information .view-content .views-label {
  width: 240px;
  text-align: right;
  text-transform: uppercase;
  color: #036;
  padding-right: 45px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-weight: 700;
}
body .region-content .event-wrapper .information .field--label-inline .views-label,
body .region-content .event-wrapper .information .field--label-hidden .views-label,
body .region-content .event-wrapper .information .view-content .views-label {
  visibility: hidden;
}
body .region-content .event-wrapper .information .field--label-inline .views-label.field__label,
body .region-content .event-wrapper .information .field--label-hidden .views-label.field__label,
body .region-content .event-wrapper .information .view-content .views-label.field__label {
  visibility: visible;
}
body .region-content .event-wrapper .information .field--label-inline .views-row:first-child .views-label,
body .region-content .event-wrapper .information .field--label-hidden .views-row:first-child .views-label,
body .region-content .event-wrapper .information .view-content .views-row:first-child .views-label {
  visibility: visible;
}
body .region-content .event-wrapper .information .field--label-inline .views-row + .views-row,
body .region-content .event-wrapper .information .field--label-hidden .views-row + .views-row,
body .region-content .event-wrapper .information .view-content .views-row + .views-row {
  margin-top: 10px;
}
body .region-content .event-wrapper .information .field--label-inline.field--label-hidden,
body .region-content .event-wrapper .information .field--label-hidden.field--label-hidden,
body .region-content .event-wrapper .information .view-content.field--label-hidden {
  padding-left: 285px;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__label,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image .field__label,
body .region-content .event-wrapper .information .view-content.field--type-image .field__label {
  vertical-align: top;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__item + .field__item:before,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image .field__item + .field__item:before,
body .region-content .event-wrapper .information .view-content.field--type-image .field__item + .field__item:before {
  content: none;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__items,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image .field__items,
body .region-content .event-wrapper .information .view-content.field--type-image .field__items {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__item,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image .field__item,
body .region-content .event-wrapper .information .view-content.field--type-image .field__item {
  display: block;
  margin-bottom: 20px;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__item figure,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image .field__item figure,
body .region-content .event-wrapper .information .view-content.field--type-image .field__item figure {
  padding: 10px;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__item img,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image .field__item img,
body .region-content .event-wrapper .information .view-content.field--type-image .field__item img {
  width: 100%;
}
body .region-content .event-wrapper .information .field--label-inline.field--type-image figcaption,
body .region-content .event-wrapper .information .field--label-hidden.field--type-image figcaption,
body .region-content .event-wrapper .information .view-content.field--type-image figcaption {
  font-size: 0.75em;
}
body .region-content .event-wrapper .information .field--label-inline.field--name-field-event-gallery,
body .region-content .event-wrapper .information .field--label-hidden.field--name-field-event-gallery,
body .region-content .event-wrapper .information .view-content.field--name-field-event-gallery {
  margin-top: 30px;
}
body .region-content .event-wrapper .description .field {
  margin-top: 30px;
  font-size: 1.29em;
  line-height: 1.5em;
  letter-spacing: 0;
}
body .region-content .event-wrapper .tags .block:first-child {
  border-top: 1px solid #979797;
  padding-top: 26px;
}
body .region-content .event-wrapper .tags .block:last-child {
  margin-bottom: 60px;
}
body .region-content .event-wrapper .block > .wrapper > h3,
body .region-content .event-wrapper h3.block-title {
  text-transform: uppercase;
  font-size: 1.29em;
  border-bottom: 1px solid #EAECEE;
  padding-bottom: 8px;
}
body .region-content .event-summary .details-wrapper {
  background-color: white;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .event-summary .details {
  padding: 0 30px 30px;
}
body .region-content .event-summary .dates {
  display: inline-block;
  vertical-align: middle;
  background-color: #003366;
  padding: 10px 10px;
  color: white;
  margin-top: -41px;
  position: relative;
  z-index: 1;
}
body .region-content .event-summary .dates .date {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 0 10px;
}
body .region-content .event-summary .dates .date .d {
  font-size: 2.29em;
  line-height: 1.25em;
  font-weight: 700;
}
body .region-content .event-summary .dates .date .m {
  text-transform: uppercase;
  font-size: 1.29em;
  line-height: 1.25em;
}
body .region-content .event-summary .image {
  overflow: hidden;
  min-height: 41px;
}
body .region-content .event-summary .image img {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .event-summary .category {
  margin-top: 15px;
  margin-bottom: 11px;
  text-transform: uppercase;
  color: #94771e;
  font-weight: 700;
}
body .region-content .event-summary .title a {
  font-size: 1.29em;
  font-weight: 700;
  line-height: 1.25em;
  color: #003366;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .event-summary .title a:hover {
  text-decoration: none;
}
body .region-content .event-summary .details-wrapper:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
body .region-content .event-summary .details-wrapper:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
body .region-content .event-summary .details-wrapper:hover .title a {
  color: #0074bc;
}
@media only screen and (max-width: 1079px) {
  body .region-content .event-summary .dates .date .m {
    font-size: 1.1em;
  }
  body .region-content .event-summary .dates .date .d {
    font-size: 2.08em;
  }
}
@media only screen and (max-width: 991px) {
  body .region-content .event-wrapper .information .field--label-inline .field__item + .field__item:before,
  body .region-content .event-wrapper .information .field--label-hidden .field__item + .field__item:before,
  body .region-content .event-wrapper .information .view-content .field__item + .field__item:before {
    content: none;
  }
  body .region-content .event-wrapper .information .field--label-inline.field--type-image figcaption {
    font-size: 0.9em;
  }
  body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-bottom: 5px;
  }
  body .region-content .event-wrapper .information .field--label-inline.field--name-field-event-gallery {
    margin-top: 30px;
  }
  body .region-content .event-summary .image {
    display: none;
  }
  body .region-content .event-summary .details {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  body .region-content .event-summary .dates {
    display: table-cell;
    width: 65px;
    margin: 0;
    text-align: center;
    padding: 10px 0;
  }
  body .region-content .event-summary .dates .date {
    display: block;
  }
  body .region-content .event-summary .dates .date .m {
    font-size: 1.25em;
  }
  body .region-content .event-summary .dates .date .d {
    font-size: 2.08em;
  }
  body .region-content .event-summary .det-right {
    display: table-cell;
    vertical-align: top;
    padding-left: 14px;
    padding-right: 14px;
  }
  body .region-content .event-summary .details {
    padding: 0;
  }
  body .region-content .event-summary .category {
    margin-top: 12px;
    margin-bottom: 7px;
  }
  body .region-content .event-summary .title {
    height: auto;
    margin-bottom: 16px;
  }
}
.view.event-listing .view-filters {
  display: none;
}
.view.event-listing .group-title {
  margin: 0;
  font-weight: 800;
  font-size: 1.75em;
}
.view.event-listing .views-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0;
  padding-top: 35px;
  padding-bottom: 27px;
  border-bottom: 1px solid #D6D9DD;
}
.view.event-listing .views-row:first-child {
  padding-top: 0;
}
.view.event-listing .views-row .image,
.view.event-listing .views-row .detail {
  display: table-cell;
  vertical-align: top;
}
.view.event-listing .views-row .image {
  width: 221px;
}
.view.event-listing .views-row .image > a {
  display: block;
  margin-right: 26px;
}
.view.event-listing .views-row .detail .category-wrapper {
  zoom: 1;
  margin-bottom: 4px;
}
.view.event-listing .views-row .detail .category-wrapper:before {
  content: '';
  display: block;
}
.view.event-listing .views-row .detail .category-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
.view.event-listing .views-row .detail .category {
  font-size: 1.1em;
  line-height: 1.4em;
  color: #036;
  text-transform: uppercase;
}
.view.event-listing .views-row .detail .category + .category:before {
  content: "; ";
}
.view.event-listing .views-row .detail h2 {
  margin: 0;
  font-size: 1.71em;
  line-height: 1.4em;
  font-weight: 700;
}
.view.event-listing .views-row .detail h2 > a {
  color: #036;
}
.view.event-listing .views-row .detail h2 > a:hover {
  text-decoration: none;
  color: #0074bc;
}
.view.event-listing .views-row .detail h2 strong {
  text-transform: none;
}
.view.event-listing .views-row .detail .venue {
  margin-top: 7px;
  font-size: 1.3em;
  line-height: 1.4em;
}
.view.event-listing .views-row .detail .date {
  margin-top: 7px;
  font-size: 1.14em;
  font-weight: 700;
  color: #94771E;
}
.view.event-listing .grouping + .grouping {
  margin-top: 30px;
}
.view.event-listing .grouping .group-title + .views-row {
  padding-top: 27px;
}
main form .form-item select {
  height: 45px;
  border: 1px solid #d6d9dd;
  border-radius: 0;
  font-size: 1.14em;
  padding: 0 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  background: linear-gradient(#ffffff, #f2f2f2);
  -moz-appearance: none;
  outline: none;
}
main form .form-item select::-ms-expand {
  display: none;
}
main form .form-item select::-ms-value {
  color: inherit;
  background: transparent;
}
main form .form-item.form-type-select {
  position: relative;
}
main form .form-item.form-type-select:after {
  content: "\f078";
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  bottom: 12px;
  right: 16px;
  pointer-events: none;
}
main form details {
  position: relative;
  border: 0;
}
main form details .details-wrapper {
  padding: 12px 21px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
main form details summary {
  font-size: 1.28em;
  background-color: #F3F3F3;
  padding: 15px 20px;
  padding-right: 40px;
  font-weight: 700;
  color: #6F6F6F;
  position: relative;
  cursor: pointer;
  outline: none;
}
main form details summary:after {
  position: absolute;
  top: 50%;
  right: 22px;
  height: 20px;
  font-family: Font Awesome\ 5 Free;
  content: "\f078";
  font-size: 0.78em;
  margin-top: -10px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
main form details summary[aria-expanded=true]:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
main form details summary::-webkit-details-marker {
  display: none;
}
#social_share_row_block a.link,
#social_share_column_block a.link {
  background-color: #9DB2C6;
  border-radius: 8px;
}
#social_share_row_block a.link i,
#social_share_column_block a.link i {
  vertical-align: middle;
}
body .region-content a.btn,
body.cke_editable a.btn {
  background-color: #4A8FD5;
  font-size: 0.9em;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.9em;
  min-width: 300px;
  color: white;
  border-radius: 0;
  display: inline-block;
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content a.btn:hover,
body.cke_editable a.btn:hover {
  background-color: #036;
  text-decoration: none;
}
.layout.btn-view-more {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  body .region-content .visual-img .page-container,
  body .region-content .heading1 .page-container,
  body .region-content .heading4-with2 .page-container,
  body .region-content .heading4-with3 .page-container,
  body .region-content .heading4-with4 .page-container,
  body .region-content .header-title .page-container,
  body .region-content .overlap-content .page-container {
    padding: 0 15px;
  }
  body .region-content article.node--type-events {
    font-size: 1.2em;
  }
  body .region-content article.node--type-events .block-hkust-events-featured-tags,
  body .region-content article.node--type-events .tags {
    font-size: 12px;
  }
  body .region-content .event-wrapper .information .field--label-inline.field--type-image .field__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 991px) {
  footer {
    margin-top: 50px;
  }
  div[class*="col-"] div[class*="col-"] {
    padding: 0;
  }
  .people-details.layout .layout__region.name {
    font-size: 2.5em;
  }
  .people-details.layout .block-field-blocknodepeoplefield-degree,
  .people-details.layout .block-field-blocknodepeoplefield-professor-title {
    font-size: 1.2em;
  }
  .people-details.layout .layout__region.position,
  .people-details.layout .layout__region.contact {
    margin-bottom: 20px;
  }
  .people-details.layout .block + .block {
    margin-top: 10px;
  }
  body .region-content .event-wrapper .title .field {
    font-size: 1.43em;
  }
  body .region-content .event-wrapper .details-right [class*="block-field-"],
  body .region-content .event-wrapper .details-right .view {
    font-size: 1em;
  }
  body .region-content .event-wrapper .details-left .block + .block,
  body .region-content .event-wrapper .details-right .block + .block {
    margin-top: 5px;
  }
  body .region-content .event-wrapper .details-left > .block {
    margin-bottom: 16px;
  }
  body .region-content .event-wrapper .details-right .block-field-blocknodeeventsfield-path-advisor-url,
  body .region-content .event-wrapper .information .block-field-blocknodeeventsfield-path-advisor-url {
    font-size: 1em;
  }
  body .region-content .event-wrapper .details-right .block-field-blocknodeeventsfield-path-advisor-url .field__item:before,
  body .region-content .event-wrapper .information .block-field-blocknodeeventsfield-path-advisor-url .field__item:before {
    font-size: 1.2em;
    padding-top: 0.5em;
  }
  body .region-content .event-wrapper .description .field {
    font-size: 1em;
  }
  body .region-content .event-wrapper .information {
    font-size: 1em;
  }
  body .region-content .event-wrapper .information .field--label-inline,
  body .region-content .event-wrapper .information .field--label-hidden,
  body .region-content .event-wrapper .information .view {
    display: block;
  }
  body .region-content .event-wrapper .information .field--label-inline .field__label,
  body .region-content .event-wrapper .information .field--label-hidden .field__label,
  body .region-content .event-wrapper .information .view .field__label,
  body .region-content .event-wrapper .information .field--label-inline .views-label,
  body .region-content .event-wrapper .information .field--label-hidden .views-label,
  body .region-content .event-wrapper .information .view .views-label,
  body .region-content .event-wrapper .information .field--label-inline .field__item,
  body .region-content .event-wrapper .information .field--label-hidden .field__item,
  body .region-content .event-wrapper .information .view .field__item {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0;
  }
  body .region-content .event-wrapper .information .field--label-inline.field--label-hidden,
  body .region-content .event-wrapper .information .field--label-hidden.field--label-hidden,
  body .region-content .event-wrapper .information .view.field--label-hidden {
    padding-left: 0;
  }
  body .region-content .event-wrapper .information .block {
    margin-top: 0;
  }
  body .region-content .event-wrapper .layout__region {
    margin: 10px 0;
  }
  body .region-content .event-wrapper h1 {
    font-size: 1.43em;
  }
  body .region-content .event-wrapper.title,
  body .region-content .event-wrapper:not(.title) h1 {
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  body .region-content .event-wrapper h1 + .event-listing {
    margin-top: 30px;
    padding-top: 0;
  }
  body .region-content .event-wrapper .listing {
    margin-top: -10px;
  }
  body.page-node-type-events .region-content article .event-wrapper.layout > .row > .wrapper {
    margin: 0 -15px;
  }
  .view.event-listing .group-title {
    font-size: 1.4em;
  }
  .view.event-listing .views-row {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .view.event-listing .views-row .image {
    width: 108px;
  }
  .view.event-listing .views-row .image > a {
    margin-right: 18px;
  }
  .view.event-listing .views-row .detail .category {
    font-size: 1em;
  }
  .view.event-listing .views-row .detail h2 {
    font-size: 1.1em;
  }
  .view.event-listing .views-row .detail .venue {
    font-size: 1em;
    margin-top: 3px;
  }
  .view.event-listing .views-row .detail .date {
    font-size: 1em;
    margin-top: 3px;
  }
  main form .form-item select {
    font-size: 1em;
  }
}
.field--label-above .field__label {
  font-size: 2em;
  line-height: 1.5em;
  margin-bottom: 16px;
}
.field__item p {
  line-height: 1.75em;
}
nav.breadcrumb {
  padding: 0;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 20px;
  background: transparent;
}
nav.breadcrumb li {
  font-size: 1.14em;
  line-height: 1.25em;
}
nav.breadcrumb li,
nav.breadcrumb li a {
  color: #003366;
}
nav.breadcrumb li:last-child,
nav.breadcrumb li:last-child a {
  font-weight: bold;
}
nav.breadcrumb li:before {
  content: ">";
}
.block .hkust-block--static-content-column .wrapper .description {
  padding: 15px 20px;
}
.layout.footer-menu {
  background-color: #EAECEE;
}
.layout.footer-menu .page-container {
  max-width: 1000px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.layout.footer-menu ul {
  margin: 0;
  padding: 0;
}
.layout.footer-menu ul,
.layout.footer-menu li {
  list-style: none;
}
.layout.footer-menu li span,
.layout.footer-menu li a {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #003366;
}
.layout.footer-menu li ul {
  margin-top: 8px;
}
.layout.footer-menu li li span,
.layout.footer-menu li li a {
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  font-weight: 400;
}
.layout.footer-menu nav > ul > li + li {
  margin-top: 27px;
}
.node__content > .layout:first-child {
  margin-top: 40px;
}
.node__content > .layout.layout--hkust-fullwidth {
  margin-top: 0;
}
main fieldset:not(.webform-radios-other--wrapper):not(.radios--wrapper) legend,
main form fieldset:not(.webform-radios-other--wrapper):not(.radios--wrapper) legend {
  font-size: 1.14em;
  font-weight: 700;
  color: #036;
  border-bottom: none;
  text-transform: uppercase;
  margin: 0;
}
main fieldset fieldset + fieldset,
main form fieldset fieldset + fieldset,
main fieldset .form-item + fieldset,
main form fieldset .form-item + fieldset,
main fieldset fieldset + .form-item,
main form fieldset fieldset + .form-item,
main fieldset .webform-message + fieldset,
main form fieldset .webform-message + fieldset,
main fieldset fieldset + .webform-message,
main form fieldset fieldset + .webform-message {
  margin-top: 20px;
}
main fieldset .fieldset-wrapper,
main form fieldset .fieldset-wrapper {
  margin-top: 16px;
}
main fieldset.webform-radios-other--wrapper legend,
main form fieldset.webform-radios-other--wrapper legend,
main fieldset.radios--wrapper legend,
main form fieldset.radios--wrapper legend {
  border-bottom: 0;
  font-weight: 400;
  font-size: 1.13em;
  margin-bottom: 10px;
}
main fieldset + fieldset,
main form fieldset + fieldset,
main .form-item + fieldset,
main form .form-item + fieldset,
main fieldset + .form-item,
main form fieldset + .form-item,
main .webform-message + fieldset,
main form .webform-message + fieldset,
main fieldset + .webform-message,
main form fieldset + .webform-message {
  margin-top: 30px;
}
main .webform-element label:after,
main form .webform-element label:after {
  content: ": ";
}
main .view.hide-actions form .form-actions {
  position: fixed;
  top: -9999px;
}
main .view.bef-filters form .bef-links {
  text-align: center;
  white-space: normal;
  margin-top: 16px;
}
main .view.bef-filters form .bef-links:after {
  content: none;
}
main .view.bef-filters form .bef-links > div {
  display: inline-block;
  margin: 5px 10px;
}
main .view.bef-filters form .bef-links > div > a {
  display: block;
  padding: 6px 20px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: black;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: 700;
  font-size: 0.9em;
}
main .view.bef-filters form .bef-links > div.bef-link-active > a {
  border: 1px solid black;
}
main form {
  /*.form-type-date {
    position: relative;

    &:after {
      content: "\f073";
      font-family: Font Awesome\ 5 Free;
      font-weight: 700;
      display: inline-block;
      position: absolute;
      bottom: 12px;
      right: 16px;
      pointer-events: none;
      color: #ABB1BA;
    }
  }*/
}
main form.bef-exposed-form {
  margin-bottom: 30px;
}
main form .form-wrapper.inline,
main form.bef-exposed-form > div {
  display: table;
  width: 100%;
}
main form .form-wrapper.inline > .form-item:first-child,
main form.bef-exposed-form > div > .form-item:first-child {
  padding-left: 0;
}
main form .form-wrapper.inline > .form-item:last-child,
main form.bef-exposed-form > div > .form-item:last-child {
  padding-right: 0;
}
main form .form-wrapper.inline .form-item,
main form.bef-exposed-form > div .form-item,
main form .form-wrapper.inline .form-wrapper,
main form.bef-exposed-form > div .form-wrapper,
main form .form-wrapper.inline.form--inline > .form-item,
main form.bef-exposed-form > div.form--inline > .form-item {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  position: relative;
  white-space: nowrap;
  padding: 0 10px;
  float: none;
}
main form .form-wrapper.inline .form-item.separator,
main form.bef-exposed-form > div .form-item.separator,
main form .form-wrapper.inline .form-wrapper.separator,
main form.bef-exposed-form > div .form-wrapper.separator,
main form .form-wrapper.inline .form-actions,
main form.bef-exposed-form > div .form-actions {
  width: 1px;
}
main form .form-wrapper.inline .form-wrapper:not(.form-actions),
main form.bef-exposed-form > div .form-wrapper:not(.form-actions) {
  padding: 0;
}
main form .form-wrapper.inline .field-prefix,
main form.bef-exposed-form > div .field-prefix {
  display: inline-block;
  vertical-align: middle;
  margin-left: -15px;
}
main form .form-wrapper.inline .field-prefix + *,
main form.bef-exposed-form > div .field-prefix + *,
main form .form-wrapper.inline .field-prefix + * + *,
main form.bef-exposed-form > div .field-prefix + * + * {
  display: inline-block;
  vertical-align: middle;
}
main form .form-item,
main form .form-wrapper.inline {
  margin-top: 0;
  margin-bottom: 16px;
}
main form .form-item label {
  font-weight: 400;
  font-size: 1.14em;
  margin-bottom: 10px;
}
main form .form-item input[type=text],
main form .form-item input[type=password],
main form .form-item input[type=email],
main form .form-item input[type=number],
main form .form-item input[type="tel"],
main form .form-item input[type="date"],
main form .form-item input[type="time"],
main form .form-item select,
main form .form-item textarea,
main form .form-item .selectize-input {
  border-radius: 0;
  padding: 12px 16px 11px;
  min-height: 45px;
}
main form .form-item.form-type-select.form-item-selectize:after {
  content: none;
}
main form .form-item .selectize-input {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  margin: 0;
  white-space: normal;
}
main form .form-item .selectize-input > input {
  font-size: 1.1em;
  margin: 0;
}
main form .form-item .selectize-control.selectized:after {
  content: none;
}
main form .form-item .selectize-control.single .selectize-input {
  padding-right: 30px;
  color: #6F6F6F;
  white-space: nowrap;
}
main form .form-item .selectize-control.single .selectize-input:after {
  border: none;
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  content: "\f078";
  font-size: 0.9em;
  margin-top: -10px;
  margin-right: 8px;
}
main form .form-item .selectize-control.single .selectize-input.input-active {
  display: block;
}
main form .form-item .selectize-control.plugin-remove_button [data-value] {
  padding-right: 30px !important;
}
main form .form-item .selectize-control.plugin-remove_button [data-value] .remove {
  font-size: 1.4em;
  margin-top: 2px;
  border-left: 0;
  margin-right: 6px;
}
main form .form-item select {
  padding-right: 40px;
}
main form .form-item .container-inline {
  margin: 0;
}
main form .form-item .container-inline > .form-item {
  display: block;
}
main form .form-item + .form-item {
  margin-top: 16px;
}
main form .form-item .selectize-control.multi .selectize-input [data-value],
main form .selected-items-token {
  margin: 0;
  margin-top: 2px;
  margin-right: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.17em;
  vertical-align: middle;
  padding: 6px 12px;
  border: 0;
  background-color: #2b6297;
  background-image: none;
  font-weight: 700;
  border-radius: 4px;
  color: white;
}
main form .form-item .selectize-control.multi .selectize-input [data-value].active,
main form .selected-items-token.active {
  background-color: #0074bc;
}
main form a.tabledrag-handle .handle {
  width: 28px;
  height: 28px;
}
main form .form-composite th,
main form .form-type-webform-custom-composite th,
main form .form-item.form-composite .fieldset-wrapper th,
main form .form-composite td,
main form .form-type-webform-custom-composite td,
main form .form-item.form-composite .fieldset-wrapper td,
main form .form-composite .webform-multiple-table td.webform-multiple-table--handle,
main form .form-type-webform-custom-composite .webform-multiple-table td.webform-multiple-table--handle,
main form .form-item.form-composite .fieldset-wrapper .webform-multiple-table td.webform-multiple-table--handle {
  padding: 0;
}
main form .form-composite th + th,
main form .form-type-webform-custom-composite th + th,
main form .form-item.form-composite .fieldset-wrapper th + th,
main form .form-composite td + th,
main form .form-type-webform-custom-composite td + th,
main form .form-item.form-composite .fieldset-wrapper td + th,
main form .form-composite .webform-multiple-table td.webform-multiple-table--handle + th,
main form .form-type-webform-custom-composite .webform-multiple-table td.webform-multiple-table--handle + th,
main form .form-item.form-composite .fieldset-wrapper .webform-multiple-table td.webform-multiple-table--handle + th,
main form .form-composite th + td,
main form .form-type-webform-custom-composite th + td,
main form .form-item.form-composite .fieldset-wrapper th + td,
main form .form-composite td + td,
main form .form-type-webform-custom-composite td + td,
main form .form-item.form-composite .fieldset-wrapper td + td,
main form .form-composite .webform-multiple-table td.webform-multiple-table--handle + td,
main form .form-type-webform-custom-composite .webform-multiple-table td.webform-multiple-table--handle + td,
main form .form-item.form-composite .fieldset-wrapper .webform-multiple-table td.webform-multiple-table--handle + td {
  padding-left: 20px;
}
main form .form-composite th,
main form .form-type-webform-custom-composite th,
main form .form-item.form-composite .fieldset-wrapper th {
  vertical-align: bottom;
  padding-bottom: 10px;
}
main form .form-composite td,
main form .form-type-webform-custom-composite td,
main form .form-item.form-composite .fieldset-wrapper td,
main form .form-composite .webform-multiple-table td.webform-multiple-table--handle,
main form .form-type-webform-custom-composite .webform-multiple-table td.webform-multiple-table--handle,
main form .form-item.form-composite .fieldset-wrapper .webform-multiple-table td.webform-multiple-table--handle {
  vertical-align: middle;
}
main form .form-composite tr + tr > td:not([class]),
main form .form-type-webform-custom-composite tr + tr > td:not([class]),
main form .form-item.form-composite .fieldset-wrapper tr + tr > td:not([class]) {
  border-top: 1px solid #dddddd;
  padding-top: 10px;
}
main form .form-composite tr > td,
main form .form-type-webform-custom-composite tr > td,
main form .form-item.form-composite .fieldset-wrapper tr > td {
  margin-bottom: 20px;
}
main form .form-composite .form-item,
main form .form-type-webform-custom-composite .form-item,
main form .form-item.form-composite .fieldset-wrapper .form-item {
  margin-bottom: 10px;
}
main form .form-composite .form-item label,
main form .form-type-webform-custom-composite .form-item label,
main form .form-item.form-composite .fieldset-wrapper .form-item label {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: normal;
}
main form .form-composite .form-item legend,
main form .form-type-webform-custom-composite .form-item legend,
main form .form-item.form-composite .fieldset-wrapper .form-item legend {
  text-transform: none;
  color: inherit;
  font-weight: normal;
  font-size: 1.14em;
}
main form .form-composite .form-item label,
main form .form-type-webform-custom-composite .form-item label,
main form .form-item.form-composite .fieldset-wrapper .form-item label,
main form .form-composite .form-item legend,
main form .form-type-webform-custom-composite .form-item legend,
main form .form-item.form-composite .fieldset-wrapper .form-item legend {
  margin-bottom: 10px;
}
main form .form-composite .form-item input + label,
main form .form-type-webform-custom-composite .form-item input + label,
main form .form-item.form-composite .fieldset-wrapper .form-item input + label {
  margin-left: 5px;
}
main form .form-composite .form-radios > *,
main form .form-type-webform-custom-composite .form-radios > *,
main form .form-item.form-composite .fieldset-wrapper .form-radios > *,
main form .form-composite .form-checkboxes > *,
main form .form-type-webform-custom-composite .form-checkboxes > *,
main form .form-item.form-composite .fieldset-wrapper .form-checkboxes > * {
  margin-bottom: 0;
}
main form .form-composite .form-radios > * + *,
main form .form-type-webform-custom-composite .form-radios > * + *,
main form .form-item.form-composite .fieldset-wrapper .form-radios > * + *,
main form .form-composite .form-checkboxes > * + *,
main form .form-type-webform-custom-composite .form-checkboxes > * + *,
main form .form-item.form-composite .fieldset-wrapper .form-checkboxes > * + * {
  margin-left: 10px;
}
main form .form-composite td fieldset,
main form .form-type-webform-custom-composite td fieldset,
main form .form-item.form-composite .fieldset-wrapper td fieldset {
  display: inline-block;
}
main form .form-composite td .form-item,
main form .form-type-webform-custom-composite td .form-item,
main form .form-item.form-composite .fieldset-wrapper td .form-item {
  display: block;
}
main form .form-composite td .form-item > *,
main form .form-type-webform-custom-composite td .form-item > *,
main form .form-item.form-composite .fieldset-wrapper td .form-item > * {
  display: block;
}
main form .form-composite input[type="date"],
main form .form-type-webform-custom-composite input[type="date"],
main form .form-item.form-composite .fieldset-wrapper input[type="date"] {
  width: 100%;
}
main form .form-item.form-type-textarea label {
  padding-top: 0;
}
main form div[role=status] {
  margin-top: 5px;
}
main form .form-actions {
  text-align: center;
}
main form .button,
main form .image-button {
  margin: 0 5px;
}
main form .sidebar {
  border-right: 1px solid #cccccc;
}
main form .form-actions input[type=submit],
main form .form-actions .button,
main form.user-login-form a.cas-login-link {
  font-size: 1.14em;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  background-color: #ABB1BA;
  color: white;
  padding: 12px 28px;
  display: inline-block;
}
main form .form-actions input[type=submit].cas-login-link,
main form .form-actions .button.cas-login-link,
main form.user-login-form a.cas-login-link.cas-login-link {
  background-color: #036;
}
main form .form-actions input[type=submit].button-delete,
main form .form-actions .button.button-delete,
main form.user-login-form a.cas-login-link.button-delete {
  background-color: #ed1b2f;
}
.webform-dropbutton .dropbutton-wrapper .dropbutton-widget {
  background-color: white;
}
main form.search-form .form-item label {
  display: none;
}
main form.search-form .form-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
}
main form.search-form .form-wrapper > * {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
main form.search-form .form-wrapper .form-item {
  padding-right: 24px;
}
main form.search-form .form-wrapper input {
  width: 100%;
}
main form.search-form .form-wrapper input[type="search"] {
  font-size: 1.29em;
  height: 45px;
  padding: 0 20px;
  border: 1px solid #CCCCCC;
}
main form.search-form .form-wrapper input[type="submit"] {
  margin: 0;
  height: 45px;
  -webkit-appearance: none;
  border: 0;
  opacity: 0;
}
main form.search-form .form-wrapper .submit-wrapper {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  width: 124px;
  position: relative;
  background-color: #ABB1BA;
  text-align: center;
}
main form.search-form .form-wrapper .submit-wrapper input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main form.search-form .form-wrapper .submit-wrapper:before {
  content: "\f002";
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  color: white;
  font-size: 1.5em;
}
body.path-search h2 {
  display: none;
}
body.path-search ol.search-results {
  padding: 0;
  margin: 0;
  margin-top: 18px;
}
body.path-search ol.search-results li {
  margin: 0;
  padding: 20px 0;
}
body.path-search ol.search-results li + li {
  border-top: 1px solid #D6D9DD;
}
body.path-search ol.search-results h3 {
  font-size: 1.71em;
  text-decoration: underline;
  margin: 13px 0;
}
body .region-content .sitemap {
  zoom: 1;
}
body .region-content .sitemap:before {
  content: '';
  display: block;
}
body .region-content .sitemap:after {
  content: '';
  display: table;
  clear: both;
}
body .region-content .sitemap h2 {
  display: none;
}
body .region-content .sitemap .sitemap-item {
  float: left;
  width: 33%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 32px;
}
body .region-content .sitemap .sitemap-item > div > ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
body .region-content .sitemap .sitemap-item > div > ul li + li {
  margin-top: 0;
}
body .region-content .sitemap .sitemap-item > div > ul,
body .region-content .sitemap .sitemap-item > div > ul li {
  list-style: none;
}
body .region-content .sitemap .sitemap-item > div > ul a,
body .region-content .sitemap .sitemap-item > div > ul span {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}
body .region-content .sitemap .sitemap-item > div > ul > li > a,
body .region-content .sitemap .sitemap-item > div > ul > li > span {
  font-size: 1.29em;
  text-transform: uppercase;
  font-weight: 700;
  color: #036;
  border-bottom: 2px solid #0074bc;
  padding: 4px 16px;
  margin: 0;
  margin-bottom: 12px;
}
body .region-content .sitemap .sitemap-item > div > ul li.expanded + li {
  margin-top: 30px;
}
body .region-content .sitemap .sitemap-item > div > ul ul a,
body .region-content .sitemap .sitemap-item > div > ul ul span {
  font-size: 1.14em;
}
body .region-content .hkust-simple-text,
body.cke_editable .hkust-simple-text {
  overflow-x: auto;
}
body .region-content table.tablesaw,
body.cke_editable table.tablesaw {
  border: 0;
}
body .region-content table.tablesaw caption,
body.cke_editable table.tablesaw caption {
  font-weight: 700;
  color: #003366;
  font-size: 1.5em;
  padding: 30px 0 20px 0;
}
body .region-content table.tablesaw th,
body.cke_editable table.tablesaw th,
body .region-content table.tablesaw td,
body.cke_editable table.tablesaw td {
  border: 0;
  padding: 16px 20px;
  vertical-align: top;
}
body .region-content table.tablesaw th h4,
body.cke_editable table.tablesaw th h4,
body .region-content table.tablesaw td b.tablesaw-cell-label h4,
body.cke_editable table.tablesaw td b.tablesaw-cell-label h4 {
  font-size: 1em;
  line-height: 1.1em;
  margin: 0;
  margin-top: 10px;
}
body .region-content table.tablesaw td b.tablesaw-cell-label h4,
body.cke_editable table.tablesaw td b.tablesaw-cell-label h4 {
  margin-top: 0;
}
body .region-content table.tablesaw th,
body.cke_editable table.tablesaw th,
body .region-content table.tablesaw tbody tr:nth-child(even) td,
body.cke_editable table.tablesaw tbody tr:nth-child(even) td {
  background-color: white;
}
body .region-content table.tablesaw tbody tr:nth-child(odd) td,
body.cke_editable table.tablesaw tbody tr:nth-child(odd) td {
  background-color: #f3f3f3;
}
body .region-content table.tablesaw b.tablesaw-cell-label,
body.cke_editable table.tablesaw b.tablesaw-cell-label,
body .region-content table.tablesaw span.tablesaw-cell-content,
body.cke_editable table.tablesaw span.tablesaw-cell-content {
  vertical-align: middle;
}
body .region-content table.tablesaw span.tablesaw-cell-content b.tablesaw-cell-label,
body.cke_editable table.tablesaw span.tablesaw-cell-content b.tablesaw-cell-label {
  display: none;
}
body .region-content *:not(.tablesaw-bar) + table.tablesaw,
body.cke_editable *:not(.tablesaw-bar) + table.tablesaw {
  margin-top: 32px;
}
@media only screen and (max-width: 991px) {
  body .region-content .sitemap .sitemap-box {
    width: 100%;
    float: none;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  main form.search-form .form-wrapper .submit-wrapper {
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.path-search ol.search-results {
    margin-top: 8px;
  }
  body.path-search ol.search-results li {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 991px) {
  /*body .region-content .overlap-content .layout__region--second .block-hkust-simple-text {
    min-height: 0;
  }*/
  #layout-builder .layout-section .overlap-content .layout__region,
  body .region-content .overlap-content .layout__region,
  body.cke_editable .overlap-content .layout__region,
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region {
    float: left;
    display: block;
  }
  #layout-builder .layout-section .overlap-content .layout__region.layout__region--first,
  body .region-content .overlap-content .layout__region.layout__region--first,
  body.cke_editable .overlap-content .layout__region.layout__region--first,
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
  #layout-builder .layout-section .overlap-content .layout__region.layout__region--second,
  body .region-content .overlap-content .layout__region.layout__region--second,
  body.cke_editable .overlap-content .layout__region.layout__region--second,
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second {
    width: 100%;
  }
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--first {
    padding: 0 25px;
  }
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second {
    margin: 0;
    margin-top: -20px;
    padding: 0;
    min-height: 0;
  }
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper,
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-links .wrapper {
    padding: 30px;
    padding-top: 50px;
  }
  body .region-content .col-md-12 .block-hkust-blocks.block-hkust-slideshow {
    margin-bottom: 40px;
  }
  body .region-content .col-md-6 .block-hkust-blocks.block-hkust-slideshow {
    margin-bottom: 0;
  }
  /*body .region .overlap-content {
    .layout__region--second {
      margin-top: -50px;
      position: relative;
      z-index: -1;

      .block {
        margin-right: 0;
        max-width: none;
      }
    }

    .layout__region[class*="col-"] {
      padding: 0;
    }
  }*/
}
@media only screen and (max-width: 1280px) {
  main form .form-wrapper.inline,
  main form.bef-exposed-form > div {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  main form .form-wrapper.inline .form-item,
  main form.bef-exposed-form > div .form-item,
  main form .form-wrapper.inline.form--inline > .form-item,
  main form.bef-exposed-form > div.form--inline > .form-item {
    display: block;
    width: 100%;
    padding: 0;
  }
  main form .form-wrapper.inline .form-wrapper,
  main form.bef-exposed-form > div .form-wrapper {
    display: table;
    width: 100%;
    margin: 16px 0;
  }
  main form .form-wrapper.inline .form-wrapper.input-range > .form-item,
  main form.bef-exposed-form > div .form-wrapper.input-range > .form-item {
    width: 50%;
  }
  main form .form-wrapper.inline .form-wrapper > .form-item,
  main form.bef-exposed-form > div .form-wrapper > .form-item {
    display: table-cell;
    width: auto;
  }
  main form .form-wrapper.inline .form-wrapper.separator,
  main form.bef-exposed-form > div .form-wrapper.separator,
  main form .form-wrapper.inline .form-item.separator,
  main form.bef-exposed-form > div .form-item.separator {
    display: table-cell;
    padding: 0 0.6em;
  }
  main form .form-wrapper.inline .field-prefix + *,
  main form.bef-exposed-form > div .field-prefix + *,
  main form .form-wrapper.inline .field-prefix + * + *,
  main form.bef-exposed-form > div .field-prefix + * + * {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  main form .sidebar {
    border-right: none;
  }
  .row .row {
    margin: 0;
  }
}
@media only screen and (max-width: 1080px) {
  main form .form-composite td:not([class]),
  main form .form-type-webform-custom-composite td:not([class]),
  main form .form-item.form-composite .fieldset-wrapper td:not([class]) {
    display: table;
    width: 100%;
  }
  main form .form-composite td .form-item,
  main form .form-type-webform-custom-composite td .form-item,
  main form .form-item.form-composite .fieldset-wrapper td .form-item {
    display: table-cell;
    padding: 0 8px;
    margin-top: 10px;
    margin-bottom: 0;
    width: auto;
  }
  main form .form-composite td .form-item label,
  main form .form-type-webform-custom-composite td .form-item label,
  main form .form-item.form-composite .fieldset-wrapper td .form-item label {
    white-space: nowrap;
  }
  main form .form-composite td .form-item legend,
  main form .form-type-webform-custom-composite td .form-item legend,
  main form .form-item.form-composite .fieldset-wrapper td .form-item legend {
    margin: 0;
    margin-bottom: 10px;
  }
  main form .form-composite td .form-item .form-item,
  main form .form-type-webform-custom-composite td .form-item .form-item,
  main form .form-item.form-composite .fieldset-wrapper td .form-item .form-item {
    padding: 0;
  }
  main form .form-composite td .form-item .form-item label,
  main form .form-type-webform-custom-composite td .form-item .form-item label,
  main form .form-item.form-composite .fieldset-wrapper td .form-item .form-item label {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .node__content > .layout:first-child {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .node__content > .layout:first-child {
    margin-top: 20px;
  }
  main form .form-actions input[type=submit],
  main form .form-actions .button,
  main form.user-login-form a.cas-login-link {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  main form .selectize-dropdown .optgroup {
    width: 100% !important;
    height: auto !important;
  }
  main form .selectize-dropdown .optgroup + .optgroup {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 960px) {
  .layout.footer-menu .layout__region {
    padding: 0;
  }
  .layout.footer-menu nav > ul > li + li {
    margin-top: 0;
  }
  .layout.footer-menu li span,
  .layout.footer-menu li a {
    font-size: 16px;
    line-height: 29px;
  }
  .layout.footer-menu li li span,
  .layout.footer-menu li li a {
    font-size: 12px;
    line-height: 22px;
  }
  .layout.footer-menu ul {
    margin-bottom: 10px;
  }
  .layout.footer-menu .page-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .block .hkust-block--static-content-column .wrapper .description {
    padding: 8px 0;
  }
}
@media only screen and (max-width: 767px) {
  footer {
    margin-top: 40px;
  }
  body.path-frontpage .services-highlight td {
    height: 150px;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position]:before {
    content: none;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-slide {
    margin: 0 5px;
    padding-bottom: 0px;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-slide h3 {
    position: relative;
    padding-top: 7px;
    padding-left: 56px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-slide h3 [class*="icon-"] {
    position: absolute;
    top: 0;
    left: 0;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .slick-slide,
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-description {
    width: 280px;
  }
  body.path-frontpage .layout__region--middle .hkust-slideshow-with-description[data-description-position] .field--name-field-slideshow-image img {
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.path-frontpage .layout__region--middle div.news-and-events {
    height: 426px;
  }
  body.path-frontpage .layout__region--bottom {
    margin-top: -258px;
    height: 258px;
  }
  body.path-frontpage .layout__region--bottom .slick-slide,
  body.path-frontpage .layout__region--bottom img {
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.path-frontpage .layout__region--bottom .slick-dots {
    bottom: 242px;
  }
  footer #block-csofooter h2 br,
  footer #block-hkust-cso-csofooter h2 br {
    display: none;
  }
  footer #block-csofooter .field--name-body > .right .menu-group-wrapper,
  footer #block-hkust-cso-csofooter .field--name-body > .right .menu-group-wrapper,
  footer #block-csofooter .field--name-body > .right .menu-group,
  footer #block-hkust-cso-csofooter .field--name-body > .right .menu-group {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer #block-csofooter .field--name-body > .right .menu-group,
  footer #block-hkust-cso-csofooter .field--name-body > .right .menu-group {
    padding-left: 40px;
    padding-bottom: 25px;
  }
  footer #block-csofooter .left,
  footer #block-hkust-cso-csofooter .left {
    display: block;
    width: 100%;
  }
  footer #block-csofooter .left > *,
  footer #block-hkust-cso-csofooter .left > * {
    display: block;
  }
  footer #block-csofooter .left .mobile-left,
  footer #block-hkust-cso-csofooter .left .mobile-left {
    width: auto;
    padding-right: 0;
  }
  footer #block-csofooter p.ico-wrapper.inline + .ico-wrapper.inline,
  footer #block-hkust-cso-csofooter p.ico-wrapper.inline + .ico-wrapper.inline {
    margin-left: 20px;
  }
  body .region-content,
  body.cke_editable {
    font-size: 12px;
  }
  body .region-content h1,
  body .cke_editable h1 {
    font-size: 2.33em;
  }
  body .region-content .visual-img .wrapper > h3,
  body .region-content .heading1 .wrapper > h3,
  body .region-content .heading4-with2 .wrapper > h3,
  body .region-content .heading4-with3 .wrapper > h3,
  body .region-content .heading4-with4 .wrapper > h3,
  body .region-content .header-title .wrapper > h3,
  body .region-content .overlap-content .wrapper > h3 {
    font-size: 2.33em;
  }
  #layout-builder .layout-section .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper > h3:first-child,
  body .region-content .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper > h3:first-child,
  body.cke_editable .overlap-content:not(.overlap-content-right) .layout__region.layout__region--second .block-hkust-simple-text .wrapper > h3:first-child {
    font-size: 2.33em;
  }
  body .region-content .heading1 .wrapper > h3,
  body.cke_editable .heading1 .wrapper > h3 {
    margin-top: 0;
    padding-bottom: 10px;
  }
  body .region-content .heading4-with4 .wrapper > h3,
  body.cke_editable .heading4-with4 .wrapper > h3 {
    margin-bottom: 40px;
  }
  .hkust-simple-text {
    font-size: 1.14em;
    line-height: 1.14em;
  }
}
body .region-content .news-wrapper .page-container.row > .wrapper,
body .region-content .news-wrapper.recommended-article .posts {
  margin-left: -15px;
  margin-right: -15px;
}
body .region-content .news-wrapper .page-container.row > .wrapper > .col-md-9 {
  padding-right: 0;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .view-content,
body .region-content .news-wrapper .view.view-display-id-news_external .view-content,
body .region-content .news-wrapper.recommended-article .view-content,
body .region-content .news-wrapper .view.view-display-id-news_internal .posts,
body .region-content .news-wrapper .view.view-display-id-news_external .posts,
body .region-content .news-wrapper.recommended-article .posts {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row,
body .region-content .news-wrapper.recommended-article .views-row,
body .region-content .news-wrapper .view.view-display-id-news_internal .post,
body .region-content .news-wrapper .view.view-display-id-news_external .post,
body .region-content .news-wrapper.recommended-article .post {
  /*width: 25%;
      float: left;*/
  padding: 15px;
  /*padding-top: 30px;
      padding-bottom: 500em;
      margin-bottom: -500em;
      box-sizing: border-box;*/
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .left-content > a,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .left-content > a,
body .region-content .news-wrapper.recommended-article .views-row .left-content > a,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .left-content > a,
body .region-content .news-wrapper .view.view-display-id-news_external .post .left-content > a,
body .region-content .news-wrapper.recommended-article .post .left-content > a,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .left-content .post-thumbnail,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .left-content .post-thumbnail,
body .region-content .news-wrapper.recommended-article .views-row .left-content .post-thumbnail,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .left-content .post-thumbnail,
body .region-content .news-wrapper .view.view-display-id-news_external .post .left-content .post-thumbnail,
body .region-content .news-wrapper.recommended-article .post .left-content .post-thumbnail,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .post-wrapper > .post-thumbnail > a,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .post-wrapper > .post-thumbnail > a,
body .region-content .news-wrapper.recommended-article .views-row .post-wrapper > .post-thumbnail > a,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .post-wrapper > .post-thumbnail > a,
body .region-content .news-wrapper .view.view-display-id-news_external .post .post-wrapper > .post-thumbnail > a,
body .region-content .news-wrapper.recommended-article .post .post-wrapper > .post-thumbnail > a {
  display: block;
  overflow: hidden;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .left-content > a img,
body .region-content .news-wrapper.recommended-article .views-row .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_external .post .left-content > a img,
body .region-content .news-wrapper.recommended-article .post .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .left-content .post-thumbnail img,
body .region-content .news-wrapper.recommended-article .views-row .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_external .post .left-content .post-thumbnail img,
body .region-content .news-wrapper.recommended-article .post .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .post-wrapper > .post-thumbnail > a img,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .post-wrapper > .post-thumbnail > a img,
body .region-content .news-wrapper.recommended-article .views-row .post-wrapper > .post-thumbnail > a img,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .post-wrapper > .post-thumbnail > a img,
body .region-content .news-wrapper .view.view-display-id-news_external .post .post-wrapper > .post-thumbnail > a img,
body .region-content .news-wrapper.recommended-article .post .post-wrapper > .post-thumbnail > a img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .first-content,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .first-content,
body .region-content .news-wrapper.recommended-article .views-row .first-content,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .first-content,
body .region-content .news-wrapper .view.view-display-id-news_external .post .first-content,
body .region-content .news-wrapper.recommended-article .post .first-content,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .first,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .first,
body .region-content .news-wrapper.recommended-article .views-row .first,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .first,
body .region-content .news-wrapper .view.view-display-id-news_external .post .first,
body .region-content .news-wrapper.recommended-article .post .first {
  height: 100%;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .first,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .first,
body .region-content .news-wrapper.recommended-article .views-row .first,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .first,
body .region-content .news-wrapper .view.view-display-id-news_external .post .first,
body .region-content .news-wrapper.recommended-article .post .first,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .post-wrapper,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .post-wrapper,
body .region-content .news-wrapper.recommended-article .views-row .post-wrapper,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .post-wrapper,
body .region-content .news-wrapper .view.view-display-id-news_external .post .post-wrapper,
body .region-content .news-wrapper.recommended-article .post .post-wrapper {
  position: relative;
  padding-bottom: 40px;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .right-content,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .right-content,
body .region-content .news-wrapper.recommended-article .views-row .right-content,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .right-content,
body .region-content .news-wrapper .view.view-display-id-news_external .post .right-content,
body .region-content .news-wrapper.recommended-article .post .right-content,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .details,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .details,
body .region-content .news-wrapper.recommended-article .views-row .details,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .details,
body .region-content .news-wrapper .view.view-display-id-news_external .post .details,
body .region-content .news-wrapper.recommended-article .post .details {
  padding: 25px 30px;
  padding-top: 0;
  /*.date {
          display: none;
        }

        .date_mobile, .post-date {
          position: absolute;
          bottom: 25px;
        }*/
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .right-content .category a,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .right-content .category a,
body .region-content .news-wrapper.recommended-article .views-row .right-content .category a,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .right-content .category a,
body .region-content .news-wrapper .view.view-display-id-news_external .post .right-content .category a,
body .region-content .news-wrapper.recommended-article .post .right-content .category a,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .details .category a,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .details .category a,
body .region-content .news-wrapper.recommended-article .views-row .details .category a,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .details .category a,
body .region-content .news-wrapper .view.view-display-id-news_external .post .details .category a,
body .region-content .news-wrapper.recommended-article .post .details .category a {
  display: inline-block;
  position: relative;
  padding-top: 18px;
  font-size: 1.14em;
  font-weight: bold;
  color: #94771e;
  text-transform: uppercase;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .right-content .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .right-content .category a:before,
body .region-content .news-wrapper.recommended-article .views-row .right-content .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .right-content .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_external .post .right-content .category a:before,
body .region-content .news-wrapper.recommended-article .post .right-content .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .details .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .details .category a:before,
body .region-content .news-wrapper.recommended-article .views-row .details .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .details .category a:before,
body .region-content .news-wrapper .view.view-display-id-news_external .post .details .category a:before,
body .region-content .news-wrapper.recommended-article .post .details .category a:before {
  content: "";
  width: 100px;
  height: 5px;
  background-color: #94771e;
  position: absolute;
  top: 0;
  left: 0;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .right-content .title,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .right-content .title,
body .region-content .news-wrapper.recommended-article .views-row .right-content .title,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .right-content .title,
body .region-content .news-wrapper .view.view-display-id-news_external .post .right-content .title,
body .region-content .news-wrapper.recommended-article .post .right-content .title,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .details .title,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .details .title,
body .region-content .news-wrapper.recommended-article .views-row .details .title,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .details .title,
body .region-content .news-wrapper .view.view-display-id-news_external .post .details .title,
body .region-content .news-wrapper.recommended-article .post .details .title {
  padding-top: 15px;
  font-size: 1.29em;
  font-weight: 700;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .right-content .date,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .right-content .date,
body .region-content .news-wrapper.recommended-article .views-row .right-content .date,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .right-content .date,
body .region-content .news-wrapper .view.view-display-id-news_external .post .right-content .date,
body .region-content .news-wrapper.recommended-article .post .right-content .date,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .details .date,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .details .date,
body .region-content .news-wrapper.recommended-article .views-row .details .date,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .details .date,
body .region-content .news-wrapper .view.view-display-id-news_external .post .details .date,
body .region-content .news-wrapper.recommended-article .post .details .date,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .right-content .post-date,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .right-content .post-date,
body .region-content .news-wrapper.recommended-article .views-row .right-content .post-date,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .right-content .post-date,
body .region-content .news-wrapper .view.view-display-id-news_external .post .right-content .post-date,
body .region-content .news-wrapper.recommended-article .post .right-content .post-date,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row .details .post-date,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row .details .post-date,
body .region-content .news-wrapper.recommended-article .views-row .details .post-date,
body .region-content .news-wrapper .view.view-display-id-news_internal .post .details .post-date,
body .region-content .news-wrapper .view.view-display-id-news_external .post .details .post-date,
body .region-content .news-wrapper.recommended-article .post .details .post-date {
  margin-top: 16px;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row > div,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row > div,
body .region-content .news-wrapper.recommended-article .views-row > div,
body .region-content .news-wrapper .view.view-display-id-news_internal .post > div,
body .region-content .news-wrapper .view.view-display-id-news_external .post > div,
body .region-content .news-wrapper.recommended-article .post > div {
  background-color: white;
  height: 100%;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row > div:hover,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row > div:hover,
body .region-content .news-wrapper.recommended-article .views-row > div:hover,
body .region-content .news-wrapper .view.view-display-id-news_internal .post > div:hover,
body .region-content .news-wrapper .view.view-display-id-news_external .post > div:hover,
body .region-content .news-wrapper.recommended-article .post > div:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row > div:hover .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row > div:hover .left-content > a img,
body .region-content .news-wrapper.recommended-article .views-row > div:hover .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_internal .post > div:hover .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_external .post > div:hover .left-content > a img,
body .region-content .news-wrapper.recommended-article .post > div:hover .left-content > a img,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row > div:hover .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row > div:hover .left-content .post-thumbnail img,
body .region-content .news-wrapper.recommended-article .views-row > div:hover .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_internal .post > div:hover .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_external .post > div:hover .left-content .post-thumbnail img,
body .region-content .news-wrapper.recommended-article .post > div:hover .left-content .post-thumbnail img,
body .region-content .news-wrapper .view.view-display-id-news_internal .views-row > div:hover.post-wrapper > .post-thumbnail > a > img,
body .region-content .news-wrapper .view.view-display-id-news_external .views-row > div:hover.post-wrapper > .post-thumbnail > a > img,
body .region-content .news-wrapper.recommended-article .views-row > div:hover.post-wrapper > .post-thumbnail > a > img,
body .region-content .news-wrapper .view.view-display-id-news_internal .post > div:hover.post-wrapper > .post-thumbnail > a > img,
body .region-content .news-wrapper .view.view-display-id-news_external .post > div:hover.post-wrapper > .post-thumbnail > a > img,
body .region-content .news-wrapper.recommended-article .post > div:hover.post-wrapper > .post-thumbnail > a > img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:not(:first-child) .summary,
body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:not(:first-child) .summary,
body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:not(:first-child) .summary {
  display: none;
}
@media only screen and (min-width: 1080px) {
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
    /*.date {
            display: block;
            padding-top: 15px;
          }
    
          .date_mobile {
            display: none;
          }*/
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .first,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .first,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .first {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-bottom: 0;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .first > *,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .first > *,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .first > * {
    display: table-cell;
    vertical-align: top;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .right-content,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .right-content,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .right-content {
    width: 550px;
    padding-left: 40px;
    padding-right: 40px;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .category a,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .category a,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .category a {
    font-size: 1.43em;
    padding-top: 40px;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .category a:before,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .category a:before,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .category a:before {
    content: none;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .title,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .title,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .title {
    font-size: 3em;
    line-height: 1.26em;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row:first-child .summary,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_internal .views-row:first-child .summary,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_internal .views-row:first-child .summary {
    padding-top: 30px;
    font-size: 1.29em;
    line-height: 1.28em;
  }
}
body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row,
body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row,
body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}
body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row .stories-posts,
body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row .stories-posts,
body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row .stories-posts {
  position: relative;
}
@media only screen and (min-width: 1080px) {
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:first-child,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:first-child,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:nth-child(4),
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4),
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:nth-child(4) {
    -ms-flex-preferred-size: 66.67%;
    flex-basis: 66.67%;
    max-width: 66.67%;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:first-child .right-content,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child .right-content,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:first-child .right-content,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:nth-child(4) .right-content,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4) .right-content,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:nth-child(4) .right-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7) 80%);
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:first-child .category a:before,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child .category a:before,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:first-child .category a:before,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:nth-child(4) .category a:before,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4) .category a:before,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:nth-child(4) .category a:before {
    content: none;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:first-child .category a,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child .category a,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:first-child .category a,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:nth-child(4) .category a,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4) .category a,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:nth-child(4) .category a,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:first-child .title a,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child .title a,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:first-child .title a,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:nth-child(4) .title a,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4) .title a,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:nth-child(4) .title a,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:first-child .date,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child .date,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:first-child .date,
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row:nth-child(4) .date,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4) .date,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row:nth-child(4) .date {
    color: white;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row .post-thumbnail a,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row .post-thumbnail a,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row .post-thumbnail a {
    display: block;
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_external .views-row .post-thumbnail a img,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row .post-thumbnail a img,
  body .region-content .news-wrapper.recommended-article.view-display-id-news_external .views-row .post-thumbnail a img {
    width: 100%;
  }
}
body .region-content .news-wrapper .view-news-sidebar {
  margin-left: 10px;
}
body .region-content .news-wrapper .view-news-sidebar .view-header h3 {
  font-size: 1.28em;
  text-transform: uppercase;
  font-weight: 700;
}
body .region-content .news-wrapper .view-news-sidebar .view-content .views-row + .views-row {
  margin-top: 10px;
}
body .region-content .news-wrapper .view-news-sidebar .view-content .views-row a {
  color: #838D8F;
  font-size: 0.92em;
  font-weight: bold;
  text-transform: uppercase;
}
body .region-content .news-wrapper .view-news-sidebar .view-content .views-row a:hover {
  color: #4A8FD5;
}
body .region-content .news-wrapper .view-news-sidebar.topics .view-content .views-row a {
  color: #94771E;
}
body .region-content .news-wrapper .view-news-sidebar.topics .view-content .views-row a:hover {
  text-decoration: underline;
}
body .region-content .news-wrapper .view-news-sidebar.tag-by-year .view-content .views-row {
  display: inline-block;
  margin: 0 12px 16px 0;
}
body .region-content .news-wrapper .view-news-sidebar.tag-by-year .view-content .views-row a {
  text-decoration: underline;
}
body .region-content .news-wrapper .news-list-view .views-row {
  padding: 27px 0;
}
body .region-content .news-wrapper .news-list-view .views-row + .views-row {
  border-top: 1px solid #d6d9dd;
}
body .region-content .news-wrapper .news-list-view .views-row > div > .post {
  display: table;
  width: 100%;
  table-layout: fixed;
}
body .region-content .news-wrapper .news-list-view .left,
body .region-content .news-wrapper .news-list-view .right {
  display: table-cell;
  vertical-align: top;
}
body .region-content .news-wrapper .news-list-view .left:empty {
  display: none;
}
body .region-content .news-wrapper .news-list-view .left {
  width: 220px;
}
body .region-content .news-wrapper .news-list-view .left img {
  display: inline-block;
  width: 195px;
}
body .region-content .news-wrapper .news-list-view .right .category,
body .region-content .news-wrapper .news-list-view .right .date {
  margin-bottom: 11px;
}
body .region-content .news-wrapper .news-list-view .right .category a,
body .region-content .news-wrapper .news-list-view .right .date {
  font-size: 0.93em;
  font-weight: 700;
  text-transform: uppercase;
  color: #94771E;
}
body .region-content .news-wrapper .news-list-view .right .category a:hover {
  text-decoration: underline;
}
body .region-content .news-wrapper .news-list-view .right .link a {
  font-size: 1.29em;
  font-weight: 700;
}
body .region-content .news-wrapper .news-list-view .right .description {
  margin-top: 10px;
}
body .region-content .view-external-media-listing-filter-form .view-content {
  margin: 0 -15px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body .region-content .view-external-media-listing-filter-form .views-row {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}
body .region-content .view-external-media-listing-filter-form .views-row > div {
  margin: 0 15px;
  padding: 20px 0 26px;
  border-bottom: 1px solid #D6D9DD;
  height: 100%;
}
body .region-content .view-external-media-listing-filter-form .views-row > div > span,
body .region-content .view-external-media-listing-filter-form .views-row .media-content {
  height: inherit;
}
body .region-content .view-external-media-listing-filter-form .media-content {
  display: table;
  width: 100%;
}
body .region-content .view-external-media-listing-filter-form .media-content .left,
body .region-content .view-external-media-listing-filter-form .media-content .right {
  display: table-cell;
}
body .region-content .view-external-media-listing-filter-form .media-content .left {
  width: 135px;
  padding-right: 30px;
  font-size: 0.92em;
  color: #94771E;
  font-weight: 700;
  text-transform: uppercase;
}
body .region-content .view-external-media-listing-filter-form .view-all-content {
  margin-top: 70px;
  text-align: center;
}
body .region-content .view-external-media-listing-filter-form .link a {
  font-size: 1.29em;
  font-weight: 400;
  color: inherit;
}
body .region-content .view-external-media-listing-filter-form .link a:hover {
  color: #4A8FD5;
}
body .region-content .view-external-media-listing-filter-form .publisher {
  margin-top: 21px;
  font-size: 1.14em;
  color: #036;
  font-weight: 700;
}
body .region-content .view-external-media-listing-filter-form.page {
  zoom: 1;
}
body .region-content .view-external-media-listing-filter-form.page:before {
  content: '';
  display: block;
}
body .region-content .view-external-media-listing-filter-form.page:after {
  content: '';
  display: table;
  clear: both;
}
body .region-content .view-external-media-listing-filter-form.page .views-row {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
body .region-content .view-external-media-listing-filter-form.page .view-filters {
  float: right;
  width: 20%;
}
body .region-content .view-external-media-listing-filter-form.page .view-content {
  float: left;
  width: 80%;
}
body .region-content .view-external-media-listing-filter-form.page .media-content .left {
  width: 175px;
}
body .region-content .block-hkust-news-listing-title h1 {
  font-size: 3.29em;
  color: #036;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 50px;
  text-align: center;
}
body.page-node-type-news .region-content article {
  margin-top: 56px;
  font-size: 1.29em;
}
body.page-node-type-news .region-content article .page-container {
  max-width: 960px;
}
body.page-node-type-news .region-content article .title > h1 {
  color: #036;
  font-size: 2em;
}
body.page-node-type-news .region-content article .summary {
  color: #036;
}
body.page-node-type-news .region-content article .banner {
  margin: 26px 0;
}
body.page-node-type-news .region-content article figure {
  font-size: 0.78em;
}
body.page-node-type-news .region-content article .date {
  color: #996600;
  height: 53px;
}
body.page-node-type-news .region-content article .date .field {
  display: inline-block;
  vertical-align: middle;
}
body.page-node-type-news .region-content article .row [class*="col-md-"]:first-child {
  padding-left: 0;
}
body.page-node-type-news .region-content article .row [class*="col-md-"]:last-child {
  padding-right: 0;
}
body.page-node-type-news .region-content article .date:before,
body.page-node-type-news .region-content article .social-sharing:before,
body.page-node-type-news .region-content article .tag .field__items:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
  margin-left: -4px;
}
body.page-node-type-news .region-content article .social-sharing {
  text-align: right;
}
body.page-node-type-news .region-content article .tag .field__item {
  display: inline-block;
  vertical-align: middle;
}
body.page-node-type-news .region-content article .tag .field__item a {
  display: block;
  padding: 4px 8px;
  font-size: 0.67em;
  color: #555;
  line-height: 1.17em;
  border-radius: 4px;
  background-color: #eaecee;
  font-family: "Arial";
  text-transform: uppercase;
  letter-spacing: 2.4px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body.page-node-type-news .region-content article .tag .field__item a:hover {
  color: #eaecee;
  background-color: #555;
}
body.page-node-type-news .region-content article a.share-btn {
  display: inline-block;
  width: 43px;
  height: 43px;
  border-radius: 8px;
  background-color: #9DB2C6;
  position: relative;
  margin: 2px;
  text-align: left;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body.page-node-type-news .region-content article a.share-btn:before {
  color: white;
  content: "";
  position: absolute;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  font-family: Font Awesome\ 5 Brands;
  top: 50%;
  margin-top: -10px;
  text-align: center;
}
body.page-node-type-news .region-content article a.share-btn:hover {
  background-color: #7d8e9e;
}
body.page-node-type-news .region-content article a.share-btn.share-fb:before {
  content: "\f39e";
}
body.page-node-type-news .region-content article a.share-btn.share-linkedin:before {
  content: "\f0e1";
}
body.page-node-type-news .region-content article a.share-btn.share-email:before {
  font-family: Font Awesome\ 5 Free;
  content: "\f0e0";
}
body.page-node-type-news .region-content article .meta {
  margin-top: 10px;
}
body.page-node-type-news .region-content article .tags .wrapper {
  margin-top: 56px;
  padding-top: 16px;
  border-top: 1px solid #979797;
}
body.page-node-type-news .region-content article .images .field {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px -15px;
}
body.page-node-type-news .region-content article .images .field .field__item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 15px;
  margin: 0 auto;
}
body.page-node-type-news .region-content .recommended-article {
  margin-top: 84px;
  /*.posts {
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      margin-top: 65px;
      margin-left: -15px;
      margin-right: -15px;
    }

    .post {
      flex-basis: 25%;
    }*/
}
body.page-node-type-news .region-content .recommended-article h2.title {
  text-align: center;
  font-size: 2.57em;
  font-weight: 900;
  text-transform: uppercase;
}
body.page-node-type-news .region-content .recommended-article .posts {
  margin-top: 65px;
}
@media only screen and (max-width: 1079px) {
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 auto;
    max-width: none;
    /*&:first-child, & {
          flex-basis: 50%;

          .first {
            display: block;
          }

          .first > * {
            display: block;
          }

          .title {
            padding-top: 15px;
            font-size: 1.29em;
            font-weight: 700;
          }

          .right-content {
            width: auto;
            padding: 25px 30px;
            padding-top: 0;
          }
        }*/
  }
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row .summary {
    display: none;
  }
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 auto;
    max-width: none;
  }
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:first-child,
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(4),
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row:nth-child(7) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
  }
  body .region-content .view-external-media-listing-filter-form .views-row {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  body .region-content .view-external-media-listing-filter-form.page .view-filters,
  body .region-content .view-external-media-listing-filter-form.page .view-content {
    float: none;
    width: 100%;
  }
  body.page-node-type-news .region-content article .row [class*="col-md-"]:last-child {
    text-align: left;
  }
  body.page-node-type-news .region-content article .row [class*="col-md-"].social-sharing {
    text-align: right;
  }
  body.page-node-type-news .region-content article .images .field .field__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  body.page-node-type-news .region-content article .images .field .field__item img {
    display: block;
    margin: 0 auto;
  }
  body.page-node-type-news .region-content .recommended-article {
    margin-top: 74px;
  }
  body .region-content .news-wrapper.recommended-article .post {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  body .region-content .news-wrapper .view-news-sidebar {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .layout > .page-container > .wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  body .region-content .block-hkust-news-listing-title h1 {
    font-size: 1.43em;
    margin-bottom: 4px;
  }
  body .region-content .news-wrapper .block-views-blocknews-category-block-1,
  body .region-content .news-wrapper .block-views-blocknews-category-block-2,
  body .region-content .news-wrapper .block-views-blocknews-category-block-3,
  body .region-content .news-wrapper .block-views-blocknews-sidebar-news-categories,
  body .region-content .news-wrapper .block-views-blocknews-sidebar-news-tags,
  body .region-content .news-wrapper .block-views-blocknews-sidebar-tag-by-year {
    margin: 0 15px;
  }
  body .region-content .news-wrapper .news-list-view .left {
    width: 110px;
    padding-right: 20px;
  }
  body.page-node-type-news .region-content article .row [class*="col-md-"] {
    padding: 0;
  }
  body.page-node-type-news .region-content article .row [class*="col-md-"].social-sharing {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  body .region-content .news-wrapper .view.view-display-id-news_internal.view-display-id-news_internal .views-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
  }
  body .region-content .news-wrapper .view.view-display-id-news_external.view-display-id-news_external .views-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
  }
  body .region-content .view-external-media-listing-filter-form .views-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
  }
  body .region-content .view-external-media-listing-filter-form.page .views-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
  }
  body .region-content .view-external-media-listing-filter-form.page .views-row > div {
    margin: 0;
  }
  body .region-content .view-external-media-listing-filter-form.page .view-filters,
  body .region-content .view-external-media-listing-filter-form.page .view-content {
    float: none;
    width: 100%;
    margin: 0;
  }
  body .region-content .view-external-media-listing-filter-form.page .form-item {
    margin-top: 0;
    margin-bottom: 16px;
  }
  body.page-node-type-news .region-content article .row [class*="col-md-"]:last-child {
    text-align: left;
  }
  body.page-node-type-news .region-content article .images .field .field__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  body.page-node-type-news .region-content article .images .field .field__item img {
    display: block;
    margin: 0 auto;
  }
  body.page-node-type-news .region-content article .tag .field__item a {
    font-size: 0.8em;
  }
  body.page-node-type-news .region-content article .tags .wrapper {
    margin-top: 0;
  }
  body.page-node-type-news .region-content article .tags .social-sharing {
    margin-top: 20px;
  }
  body .region-content .news-wrapper.recommended-article .posts {
    margin-top: 10px;
  }
  body .region-content .news-wrapper.recommended-article .post {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none;
  }
}
.region__empty {
  display: none;
  /*& + .layout__region {
    padding-left: 0;
  }*/
}
#layout-builder .region__empty {
  display: block;
}
body.page-node-type-people .region-content .field.field--label-above {
  margin: 30px 0;
  font-size: 1.29em;
}
body.page-node-type-people .region-content .field.field--label-above .field__label {
  margin-bottom: 15px;
  font-size: 1.5em;
  color: #036;
  line-height: 1.2em;
}
body.page-node-type-people .region-content .field--name-field-research-interests .field__item,
body.page-node-type-people .region-content .field--name-field-research-area .field__item {
  margin: 5px 0;
}
body.page-node-type-people .region-content article .profiles {
  background-color: #EDEFF1;
  margin-bottom: 40px;
}
body.page-node-type-people .region-content article .profiles .photo figcaption {
  display: none;
}
body.page-node-type-people .region-content article .profiles .wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
  caption-side: bottom;
}
body.page-node-type-people .region-content article .profiles .photo,
body.page-node-type-people .region-content article .profiles .profile,
body.page-node-type-people .region-content article .profiles .contact {
  display: table-cell;
  vertical-align: top;
}
body.page-node-type-people .region-content article .profiles .photo {
  width: 200px;
  vertical-align: middle;
}
body.page-node-type-people .region-content article .profiles .profile {
  padding: 30px 40px;
}
body.page-node-type-people .region-content article .profiles .contact {
  padding: 30px 40px;
  width: 300px;
  vertical-align: middle;
  font-size: 1.29em;
  white-space: nowrap;
}
body.page-node-type-people .region-content article .profiles .contact > * + * {
  margin-top: 20px;
}
body.page-node-type-people .region-content article .profiles .contact .field {
  display: inline-block;
}
body.page-node-type-people .region-content article .profiles .contact i {
  width: 1em;
  text-align: center;
  font-size: 1.2em;
  color: #036;
  vertical-align: top;
}
body.page-node-type-people .region-content article .profiles .contact i:before {
  display: inline-block;
  vertical-align: middle;
}
body.page-node-type-people .region-content article .profiles .contact i + .field {
  margin-left: 10px;
}
body.page-node-type-people .region-content article .profiles h1.title {
  margin: 0;
  margin-bottom: 10px;
  font-size: 3.43em;
  color: #036;
  font-weight: 900;
}
body.page-node-type-people .region-content article .profiles h1.title > * {
  display: inline-block;
}
body.page-node-type-people .region-content article .profiles .degree {
  color: #036;
  font-size: 1.57em;
  margin-bottom: 20px;
}
body.page-node-type-people .region-content article .profiles .prof-title {
  font-size: 1.29em;
}
body.page-node-type-people .region-content article .details {
  font-size: 1.28em;
}
nav.tabs ul.tabs.secondary li a {
  text-transform: uppercase;
  padding: 6px 18px;
  font-weight: 700;
  border-radius: 0;
}
nav.tabs ul.tabs.secondary li:last-child a {
  background-color: #da1919;
}
.accordion-tabs .tab-headings {
  border-bottom: 1px solid #036;
  line-height: 1.3;
  zoom: 1;
  margin-bottom: 30px;
}
.accordion-tabs .tab-headings:before {
  content: '';
  display: block;
}
.accordion-tabs .tab-headings:after {
  content: '';
  display: table;
  clear: both;
}
.accordion-tabs .tab-headings .tab-heading {
  background-color: #f3f3f3;
  color: #6F6F6F;
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.accordion-tabs .tab-headings .tab-heading + .tab-heading {
  margin-left: 10px;
}
.accordion-tabs .tab-headings .tab-heading.active,
.accordion-tabs .tab-headings .tab-heading:hover {
  background-color: #036;
  color: white;
}
.accordion-tabs .tab > .tab-heading {
  width: 100%;
  padding: 0;
  font-weight: 700;
}
.accordion-tabs .tab > .tab-heading:hover,
.accordion-tabs .tab > .tab-heading.active {
  background-color: transparent;
}
.accordion-tabs .tab > .tab-heading > span {
  display: block;
  padding: 18px 0;
}
.accordion-tabs .tab + .tab > .tab-heading {
  border-top: 1px solid #e2e2e2;
}
.accordion-tabs .tab > .tab-content {
  display: none;
  width: 100%;
  overflow: hidden;
}
.accordion-tabs .tab > .tab-content > div {
  margin-bottom: 30px;
}
.accordion-tabs .tab.active > .tab-content {
  display: block;
}
body .tabs a:hover {
  background-color: transparent;
}
@media only screen and (min-width: 992px) {
  .accordion-tabs .tab > .tab-heading {
    display: none;
  }
}
@media only screen and (max-width: calc(991px)) {
  body.page-node-type-people .region-content article .profiles .contact {
    display: table-caption;
    padding: 15px 0;
    width: 100%;
    font-size: 1em;
    text-align: center;
    white-space: normal;
  }
  body.page-node-type-people .region-content article .profiles .contact > * {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 15px;
  }
  .accordion-tabs .tab-headings {
    display: none;
  }
  .accordion-tabs .tab-heading {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: calc(767px)) {
  body.page-node-type-people .region-content article .profiles .wrapper {
    display: block;
    text-align: center;
    padding-top: 20px;
  }
  body.page-node-type-people .region-content article .profiles .wrapper > * {
    display: block;
    width: 100%;
  }
  body.page-node-type-people .region-content article .profiles h1.title {
    font-size: 2.5em;
  }
  body.page-node-type-people .region-content article .profiles .profile {
    padding-bottom: 10px;
  }
  body.page-node-type-people .region-content article .profiles .photo img {
    width: 200px;
    display: block;
    margin: 0 auto;
  }
}
.tabs .tab-content a {
  display: inline-block;
  padding: 0;
}
nav.tabs ul.tabs.primary li a {
  border-radius: 0;
  background-color: #f3f3f3;
  color: #6F6F6F;
  font-weight: 700;
  font-size: 14px;
  padding: 6px 16px;
  line-height: 1.3em;
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
nav.tabs ul.tabs.primary li a:hover {
  background-color: #003366;
  color: white;
}
#layout-builder .layout-section .configure-section,
#layout-builder .layout-builder__section .layout-builder__link--configure {
  border-radius: 0;
  background-color: #003366;
  color: white;
  font-weight: 700;
  font-size: 14px;
  padding: 6px 16px;
  line-height: 1.3em;
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
article.node--unpublished {
  position: relative;
  background-color: transparent;
}
article.node--unpublished:before {
  content: "(Unpublished)";
  position: fixed;
  bottom: 0;
  left: 20px;
  display: block;
  z-index: 1;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1em;
  font-weight: 800;
  background-color: #003366;
  padding: 7px 16px;
  color: white;
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
}
body #drupal-off-canvas .ui-dialog-title,
body .ui-dialog.ui-dialog-off-canvas .ui-dialog-title,
body #drupal-off-canvas *,
body .ui-dialog.ui-dialog-off-canvas * {
  font-family: 'Muli', 'Microsoft JhengHei', sans-serif;
}
body #drupal-off-canvas .ui-dialog-title,
body .ui-dialog.ui-dialog-off-canvas .ui-dialog-title,
body #drupal-off-canvas summary,
body .ui-dialog.ui-dialog-off-canvas summary {
  font-weight: 900;
}
div#sliding-popup {
  background-color: #036;
}
.eu-cookie-compliance-banner {
  letter-spacing: 0.4px;
}
.eu-cookie-compliance-banner .popup-content {
  display: block;
  max-width: 1500px;
  padding: 10px 20px;
  zoom: 1;
}
.eu-cookie-compliance-banner .popup-content:before {
  content: '';
  display: block;
}
.eu-cookie-compliance-banner .popup-content:after {
  content: '';
  display: table;
  clear: both;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message h2 {
  font-size: 1.2em;
  margin: 0;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message p {
  font-weight: 400;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button {
  font-family: "Muli", "Arial";
  background: #ABB1BA;
  font-weight: 700;
  color: white;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  letter-spacing: 0.2px;
  padding: 6px 18px;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button.agree-button {
  background: #4A8FD5;
}
.faq-display .views-row {
  font-size: 1.28em;
  position: relative;
}
.faq-display .views-row:before {
  content: "Q";
  position: absolute;
  top: -2px;
  left: -14px;
  font-size: 2em;
  font-weight: 900;
  color: rgba(111, 111, 111, 0.2);
}
.faq-display .views-row .title,
.faq-display .views-row .body {
  padding: 14px 20px;
  padding-left: 25px;
}
.faq-display .views-row .title {
  color: #6F6F6F;
  background-color: #F3F3F3;
  font-weight: 700;
}
.faq-display .views-row .body {
  border: 4px solid #F3F3F3;
  background-color: white;
}
.masonry .view-content,
.masonry .hkust-block--static-content-column {
  zoom: 1;
}
.masonry .view-content:before,
.masonry .hkust-block--static-content-column:before {
  content: '';
  display: block;
}
.masonry .view-content:after,
.masonry .hkust-block--static-content-column:after {
  content: '';
  display: table;
  clear: both;
}
.masonry .views-row,
.masonry [class*="col-md-"] {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.masonry.column-3 .views-row,
.masonry.column-3 [class*="col-md-"] {
  width: 33.33%;
}
.masonry.column-4 .views-row,
.masonry.column-4 [class*="col-md-"] {
  width: 25%;
}
.masonry .faq-display .views-row,
.masonry .faq-display [class*="col-md-"] {
  border: 20px solid transparent;
}
.node-preview-container {
  position: fixed;
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}
.node-preview-container form {
  zoom: 1;
}
.node-preview-container form:before {
  content: '';
  display: block;
}
.node-preview-container form:after {
  content: '';
  display: table;
  clear: both;
}
.node-preview-container .node-preview-backlink {
  float: left;
}
.node-preview-container .form-item-view-mode {
  float: right;
  margin: 0;
}
body .region-content .layout.table .block {
  overflow: auto;
}
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) {
  border-radius: 0;
  padding: 0;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas),
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-titlebar,
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-buttonpane {
  border: 0;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-titlebar {
  background-color: #036;
  color: white;
  font-weight: 900;
  font-size: 1.2em;
  text-transform: uppercase;
  border-radius: 0;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-titlebar button {
  background: none;
  border: 0;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content {
  padding-top: 14px;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-buttonpane {
  background-color: transparent;
  border: 0;
  padding-top: 0;
  margin: 0;
  padding-left: 14px;
  padding-right: 14px;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  width: 100%;
  text-align: center;
}
.ui-widget.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-buttonpane button {
  display: inline-block;
  background-color: #ABB1BA;
  border: 0;
  color: white;
  padding: 8px 28px;
  font-size: 1.14em;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-left: 5px;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  body .region-content .section-break,
  body.cke_editable .section-break {
    padding-top: 20px;
  }
  body .region-content h1,
  body.cke_editable h1,
  body .region-content h2,
  body.cke_editable h2,
  body .region-content h3,
  body.cke_editable h3,
  body .region-content h4,
  body.cke_editable h4 {
    margin: 8px auto;
  }
  .masonry .faq-display .views-row,
  .masonry .faq-display [class*="col-md-"] {
    width: 100%;
    border-right-width: 0;
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
}
body .region-content div.embedded-entity.align-center,
body.cke_editable div.embedded-entity.align-center {
  text-align: center;
}
body .region-content div.embedded-entity.align-right,
body.cke_editable div.embedded-entity.align-right {
  text-align: right;
}
body .region-content > .messages {
  position: relative;
  z-index: 3;
  width: 100%;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
body .region-content > .messages,
body .layout-builder__message > .messages,
body .layout-builder > .messages {
  color: white;
  border: none;
  background-image: none;
  padding: 10px 20px;
}
body .region-content > .messages.messages--status,
body .layout-builder__message > .messages.messages--status,
body .layout-builder > .messages.messages--status {
  background-color: #1abc9c;
}
body .region-content > .messages.messages--warning,
body .layout-builder__message > .messages.messages--warning,
body .layout-builder > .messages.messages--warning {
  background-color: #f1c40f;
}
body .region-content > .messages.messages--error,
body .layout-builder__message > .messages.messages--error,
body .layout-builder > .messages.messages--error {
  background-color: #e74c3c;
}
body section.comment-wrapper .comment__meta > a,
body.path-comment .region-content .comment__meta > a {
  display: none;
}
body section.comment-wrapper article,
body.path-comment .region-content article {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
}
body section.comment-wrapper article > .author,
body.path-comment .region-content article > .author,
body section.comment-wrapper article > .content,
body.path-comment .region-content article > .content {
  display: table-cell;
  vertical-align: top;
}
body section.comment-wrapper article > .author,
body.path-comment .region-content article > .author {
  width: 4em;
  padding-right: 20px;
  box-sizing: content-box;
}
body section.comment-wrapper article > .author .user-picture:before,
body.path-comment .region-content article > .author .user-picture:before {
  content: '\f2bd';
  font-weight: 900;
  font-family: Font Awesome\ 5 Free;
  display: block;
  font-size: 4em;
  line-height: 1em;
  margin-bottom: 10px;
  color: #aaaaaa;
}
body section.comment-wrapper article > .content > .meta,
body.path-comment .region-content article > .content > .meta {
  margin-bottom: 10px;
}
body section.comment-wrapper article > .content > .meta > *,
body.path-comment .region-content article > .content > .meta > * {
  display: inline-block;
}
body section.comment-wrapper article > .content > .meta .user,
body.path-comment .region-content article > .content > .meta .user {
  font-weight: 700;
  margin-right: 10px;
}
body section.comment-wrapper article > .content > .meta .time,
body.path-comment .region-content article > .content > .meta .time {
  font-weight: 700;
  font-style: italic;
  font-size: 0.9em;
  color: #aaaaaa;
}
body section.comment-wrapper article span[rel="schema:author"] > a,
body.path-comment .region-content article span[rel="schema:author"] > a {
  color: black;
}
body section.comment-wrapper article ul.links li,
body.path-comment .region-content article ul.links li {
  padding: 0;
  margin-right: 10px;
}
body section.comment-wrapper .indented,
body.path-comment .region-content .indented {
  margin-left: 4em;
  padding-left: 20px;
}
body section.comment-wrapper .indented article > .author,
body.path-comment .region-content .indented article > .author {
  width: 2em;
}
body section.comment-wrapper .indented article > .author .user-picture:before,
body.path-comment .region-content .indented article > .author .user-picture:before {
  font-size: 2em;
}
body section.comment-wrapper h2.comment-form__title,
body.path-comment .region-content h2.comment-form__title {
  font-size: 1.29em;
}
body section.comment-wrapper * + h2.comment-form__title,
body.path-comment .region-content * + h2.comment-form__title {
  border-top: 1px solid #EAECEE;
  padding-top: 20px;
}
body.path-checkout form legend,
body.path-checkout form h3 {
  font-size: 1.5em;
  font-weight: 900;
  margin-top: 0;
  text-transform: uppercase;
}
body.path-checkout form fieldset fieldset legend {
  font-size: 1em;
  text-transform: none;
  font-weight: normal;
  color: inherit;
}
body.path-checkout form .checkout-pane-order-summary table {
  width: 100%;
}
body.path-checkout form .checkout-pane-order-summary table td {
  border-top: 1px solid #dadada;
}
body.path-checkout form .checkout-pane-order-summary table td:last-child {
  text-align: right;
}
body.path-checkout form .checkout-pane-order-summary .order-total-line {
  border-top: 1px solid #dadada;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 1.2em;
  font-weight: 700;
  zoom: 1;
}
body.path-checkout form .checkout-pane-order-summary .order-total-line:before {
  content: '';
  display: block;
}
body.path-checkout form .checkout-pane-order-summary .order-total-line:after {
  content: '';
  display: table;
  clear: both;
}
body.path-checkout form .checkout-pane-order-summary .order-total-line span {
  float: left;
  width: auto;
}
body.path-checkout form .checkout-pane-order-summary .order-total-line span:last-child {
  float: right;
}
body.path-checkout form .checkout-pane-order-summary .order-total-line__total {
  font-size: 1.5em;
}
body.path-checkout form .layout-region-checkout-footer {
  width: 100%;
  clear: both;
  margin-top: 20px;
}
body.path-checkout .checkout-pane + .checkout-pane {
  margin-top: 20px;
}