@import "fonts/fontawesome/css/fontawesome-all.min.css";
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPBQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ISg.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPBQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqZPBQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPBQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYag.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}
img {
  max-width: 100%;
  height: auto;
}
body {
  /*h1, h2, h3, h4, h5, p {
    margin: 0;

    & + h1, & + h2, & + h3, & + h4, & + h5, & + p {
      margin-top: 1em;
    }
  }*/
  font-weight: 500;
  line-height: 1.5;
  color: #30383b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .region-content,
body.size-normal .region-content,
body .region-content p,
body.size-normal .region-content p {
  font-size: 14px;
}
body .region-content h1,
body.size-normal .region-content h1,
body .region-content h1 span,
body.size-normal .region-content h1 span {
  font-size: 28px;
}
body .region-content h2,
body.size-normal .region-content h2,
body .region-content h2 span,
body.size-normal .region-content h2 span {
  font-size: 21px;
}
body .region-content h3,
body.size-normal .region-content h3,
body .region-content h3 span,
body.size-normal .region-content h3 span {
  font-size: 16.38px;
}
body .region-content h4,
body.size-normal .region-content h4,
body .region-content h4 span,
body.size-normal .region-content h4 span {
  font-size: 14px;
}
body .region-content h5,
body.size-normal .region-content h5,
body .region-content h5 span,
body.size-normal .region-content h5 span {
  font-size: 11.62px;
}
body.size-small .region-content,
body.size-small .region-content a,
body.size-small .region-content p,
body.size-small .region-content span {
  font-size: 7px !important;
}
body.size-small .region-content h1,
body.size-small .region-content h1 span {
  font-size: 14px !important;
}
body.size-small .region-content h2,
body.size-small .region-content h2 span {
  font-size: 10.5px !important;
}
body.size-small .region-content h3,
body.size-small .region-content h3 span {
  font-size: 8.19px !important;
}
body.size-small .region-content h4,
body.size-small .region-content h4 span {
  font-size: 7px !important;
}
body.size-small .region-content h5,
body.size-small .region-content h5 span {
  font-size: 5.81px !important;
}
body.size-large .region-content,
body.size-large .region-content a,
body.size-large .region-content p,
body.size-large .region-content span {
  font-size: 21px !important;
}
body.size-large .region-content h1,
body.size-large .region-content h1 span {
  font-size: 42px !important;
}
body.size-large .region-content h2,
body.size-large .region-content h2 span {
  font-size: 31.5px !important;
}
body.size-large .region-content h3,
body.size-large .region-content h3 span {
  font-size: 24.57px !important;
}
body.size-large .region-content h4,
body.size-large .region-content h4 span {
  font-size: 21px !important;
}
body.size-large .region-content h5,
body.size-large .region-content h5 span {
  font-size: 17.43px !important;
}
body .layout {
  display: block;
}
body .region-content {
  /*.hkust-slideshow, .hkust-slideshow-with-description {
        margin: 0;
        max-width: 100vw;
        position: relative;
        
        & > .wrapper {
            max-width: none;
            padding: 0;
        }
        .slick-slider {
            margin: 0;
        }
        .slick-dots {
            position: absolute;
            bottom: 0;
            margin: 20px 0;
            
            li {
                width: 12px;
                height: 12px;
                margin: 5px;
                border: 2px solid transparent;
                border-radius: 50%;
                box-sizing: border-box;
                box-shadow: 0 0 4px rgba(0,0,0,0.6);
                background: white;
                transition: 0.25s ease-out;
            }
            .slick-active {
                background: transparent;
                border-color: white;
            }
            button,
            button:before {
                width: 100%;
                height: 100%;
            }
            button:before {
                content: "";
                opacity: 1;
            }
        }

        &[data-description-position] .slick-slide {
          .clearfix();
        }

        &[data-description-position] {
          // Default sizes
          .field--name-field-slideshow-description {
            .border-box();
            width: 200px;
            padding: 40px;
          }
        }
        &[data-description-position="_none"] {
          .field--name-field-slideshow-description {
            display: none;
          }
        }
        &[data-description-position="left"] {
          .field--name-field-slideshow-image {
            float: right;
          }

          .field--name-field-slideshow-description {
            float: right;
          }
        }
        &[data-description-position="right"] {
          .field--name-field-slideshow-image {
            float: left;
          }

          .field--name-field-slideshow-description {
            float: right;
          }
        }
        &[data-description-position="bottom"] {
          .field--name-field-slideshow-image {
            width: 100%;
          }

          .field--name-field-slideshow-description {
            width: 100%;
          }
        }

        &[data-description-as-overlay] {
          .slick-slide {
            position: relative;

            .field--name-field-slideshow-image {
              width: 100%;
            }
  
            .field--name-field-slideshow-description {
              .border-box();
              width: auto;
              padding: 40px;
            }
          }

          .field--name-field-slideshow-description {
            position: absolute;
            bottom: 0;
            height: 100%;
            background-color: rgba(0,0,0,0.5);

            &, p, h1, h2, h3, h4, h5, a {
              color: white;
            }
          }

          &[data-description-position="left"] {
            .field--name-field-slideshow-description {
              left: 0;
            }
          }
          &[data-description-position="right"] {
            .field--name-field-slideshow-description {
              right: 0;
            }
          }
          &[data-description-position="bottom"] {
            .field--name-field-slideshow-description {
              height: auto;
              max-height: 200px;
              width: 100%;
            }
          }
        }
    }*/
}
body .region-content .panel-panel {
  padding: 0;
}
body .region-content ul.menu li {
  padding: 0;
}
body .region-content ul.menu a,
body .region-content ul.menu span {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 10px 0;
  padding: 0.5em 1em;
  border: 1px solid #ccc;
}
body.path-webform .region-content {
  padding-bottom: 30px;
}
div.messages {
  background-position: 20px;
  padding: 10px 50px;
  /*position: absolute;
  z-index: 1;
  left: 0;
  right: 0;*/
}
.messages__item + .messages__item {
  margin-top: 0;
}
nav.tabs ul.tabs.primary {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 2;
  margin: 0;
}
nav.tabs ul.tabs.primary li {
  margin: 0;
}
nav.tabs ul.tabs.primary li a {
  background-color: #ccc;
  font-size: 12px;
  font-weight: 700;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
nav.tabs ul.tabs.primary li a.is-active {
  background-color: #003366;
  color: white;
}
nav.tabs ul.tabs.secondary {
  margin: 10px 0;
  text-align: right;
}
nav.tabs ul.tabs.secondary li a {
  margin: 0;
  background-color: #003366;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: white;
  display: inline-block;
}
/* Slick */
.slick-slide img {
  width: 100%;
  height: auto;
  min-height: 100px;
}
/*.slick-slide {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;  

  img {
    position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;

    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
  }
}*/
.slick-prev {
  left: 12px;
  z-index: 2;
}
.slick-next {
  right: 12px;
  z-index: 2;
}
/* IPE tabs */
#panels-ipe-tray,
#panels-ipe-tray a {
  font-size: 14px;
  font-family: "Lato";
}
#panels-ipe-tray .ipe-tab .ipe-icon {
  font-size: 16px;
  margin-top: -4px;
}
#panels-ipe-tray .ipe-tab .ipe-tab-title {
  font-weight: 700;
}
#panels-ipe-tray .ipe-tab a {
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#panels-ipe-tray .ipe-tab.active a,
#panels-ipe-tray .ipe-tab a:hover {
  color: #2299dd;
  border-bottom-color: #2299dd;
}
#panels-ipe-tray .ipe-tab-content {
  padding: 8px 0 0;
}
#panels-ipe-tray .ipe-category-picker-bottom {
  padding-top: 0;
}
#panels-ipe-tray input[type=text],
#panels-ipe-tray input[type=number],
#panels-ipe-tray select {
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
}
.region-content > .views-element-container > .view {
  margin: 20px 0;
}
/* Breadcrumb */
.block.block-system-breadcrumb-block {
  margin: 0 0 16px;
}
/* Homepage */
/* Search */
.view-hkust-search.page-container {
  margin-top: 20px;
}
.view-hkust-search .views-field-hkust-entity-title {
  margin-bottom: 8px;
}
.view-hkust-search .views-field-hkust-entity-title a {
  font-size: 20px;
  color: black;
  text-decoration: none;
}
.view-hkust-search .views-row + .views-row {
  margin-top: 20px;
}
.view-hkust-search .layout-container form {
  position: relative;
  margin-bottom: 20px;
}
.view-hkust-search .layout-container form .form-item {
  width: 100%;
  margin: 0;
  padding-left: 0;
}
.view-hkust-search .layout-container form .form-item-keywords {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: none;
}
.view-hkust-search .layout-container form .form-item-keywords label {
  display: none;
}
.view-hkust-search .layout-container form .form-item-keywords input[type="text"] {
  width: 100%;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #eee;
  padding: 0 60px 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.view-hkust-search .layout-container form input[type="text"],
.view-hkust-search .layout-container form input[type="submit"] {
  border: 0;
  padding: 0;
  height: 40px;
  outline: none;
}
.view-hkust-search .layout-container form .form-actions {
  width: 40px;
  height: 40px;
  clear: none;
  margin: 0;
  position: absolute;
  top: 0;
  right: 20px;
}
.view-hkust-search .layout-container form .form-actions input[type="submit"] {
  width: 32px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  width: 40px;
  height: 40px;
  background: transparent;
}
.view-hkust-search .layout-container form .form-actions:before {
  content: "\e900";
  font-family: 'custom', 'FontAwesome', sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  color: #ccc;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -0.5em;
  pointer-events: none;
  z-index: 1;
}
.view-document-library .views-exposed-form {
  margin: 20px 0;
}
.view-document-library .views-exposed-form .form--inline {
  display: table;
  width: 100%;
}
.view-document-library .views-exposed-form .form-item,
.view-document-library .views-exposed-form .form-actions {
  float: none;
  display: table-cell;
  position: relative;
}
.view-document-library .views-exposed-form .form-item label,
.view-document-library .views-exposed-form .form-actions label {
  position: absolute;
  top: 10px;
  left: 0;
}
.view-document-library .views-exposed-form .form-item input[type=text],
.view-document-library .views-exposed-form .form-actions input[type=text],
.view-document-library .views-exposed-form .form-item select,
.view-document-library .views-exposed-form .form-actions select {
  width: 100%;
  padding: 10px;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.view-document-library .views-exposed-form .form-item {
  padding-left: 78px;
  padding-right: 40px;
}
.view-document-library .views-exposed-form .form-actions {
  width: 1px;
}
.view-document-library .views-exposed-form input[type="submit"] {
  background-color: #003366;
  border: 0;
  color: white;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  padding: 13px 16px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.view-document-library table.views-table {
  width: 100%;
}
.view-document-library table.views-table th {
  font-size: 12px;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
main form .filter-wrapper {
  margin-left: 120px;
}
main form .form-item {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto;
  margin-top: 16px;
}
main form .form-item .container-inline .form-item {
  margin-top: 0;
}
main form .form-item .description {
  margin-top: 5px;
  font-size: 12px;
}
main form .form-item label {
  display: table-cell;
  width: 150px;
  font-weight: 700;
  vertical-align: middle;
  padding-right: 20px;
}
main form .form-item.form-composite {
  zoom: 1;
}
main form .form-item.form-composite:before {
  content: '';
  display: block;
}
main form .form-item.form-composite:after {
  content: '';
  display: table;
  clear: both;
}
main form .form-item.form-composite > legend {
  display: inline-block;
  float: left;
  width: 150px;
  padding-right: 20px;
}
main form .form-item.form-composite .fieldset-wrapper {
  float: left;
  zoom: 1;
}
main form .form-item.form-composite .fieldset-wrapper:before {
  content: '';
  display: block;
}
main form .form-item.form-composite .fieldset-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
main form .form-item.form-composite .fieldset-wrapper .form-item {
  margin: 0;
  display: inline-block;
  width: auto;
}
main form .form-item.form-composite .fieldset-wrapper input,
main form .form-item.form-composite .fieldset-wrapper label {
  display: inline-block;
  width: auto;
}
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 .container-inline {
  display: table-cell;
}
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 {
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
main form .form-item input[type="date"] {
  width: auto;
}
main form .form-item input[type="checkbox"],
main form .form-item input[type="radio"] {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
main form .form-item.form-type-checkbox {
  width: 100%;
}
main form .form-item.form-type-checkbox label {
  vertical-align: top;
  width: 100%;
  padding-left: 20px;
}
main form .form-item.form-type-textarea label,
main form .form-item.form-type-webform-custom-composite label {
  vertical-align: top;
  padding-top: 10px;
}
main form .form-item.form-type-webform-radios-other > label,
main form .form-item.form-type-webform-checkboxes-other > label {
  vertical-align: top;
  padding-top: 10px;
}
main form .form-item.form-type-webform-radios-other .webform-options-display-one-column .form-item,
main form .form-item.form-type-webform-checkboxes-other .webform-options-display-one-column .form-item {
  display: block;
}
main form .form-item.form-type-webform-radios-other .form-item label,
main form .form-item.form-type-webform-checkboxes-other .form-item label,
main form .form-item.form-type-webform-radios-other .form-item input,
main form .form-item.form-type-webform-checkboxes-other .form-item input {
  display: inline-block;
  width: auto;
}
main form .form-item.form-type-webform-custom-composite {
  /*div[class*="-add-more-items"] {
        .clearfix();

        & > * {
          float: left;
          width: auto;
        }

        .field-suffix {
          margin-left: 1em;
          margin-top: 10px;
        }
      }*/
}
main form .form-item.form-type-webform-custom-composite .container-inline {
  display: inline-block;
}
main form .form-item.form-type-webform-custom-composite button.tabledrag-toggle-weight,
main form .form-item.form-type-webform-custom-composite input[data-drupal-selector*="-add-submit"],
main form .form-item.form-type-webform-custom-composite div[class*="-add-more-items"] {
  display: none;
}
main form .form-item.form-type-webform-custom-composite div.webform-multiple-table > table {
  width: 100%;
}
main form fieldset {
  padding: 0;
  border: 0;
}
main form fieldset legend {
  font-weight: 700;
  font-size: 20px;
}
main form .form-item + fieldset {
  margin-top: 30px;
}
main form form.block-content-form .form-item label {
  margin-top: 0;
  line-height: 1.25em;
}
main form .form-item.text-format-wrapper,
main form .form-item.form-type-vertical-tabs,
main form [id*="-add-more-wrapper-"] > .form-item {
  padding-left: 0;
}
main form .text-format-wrapper .filter-wrapper {
  position: relative;
  margin-bottom: 40px;
  overflow: visible;
}
main form .text-format-wrapper .filter-wrapper .filter-help {
  position: absolute;
  bottom: -25px;
  right: 0;
}
main form .text-format-wrapper .filter-wrapper .tips {
  margin-left: 15px;
}
main form .text-format-wrapper .filter-wrapper label {
  margin-top: 5px;
}
main form .field-multiple-table {
  width: 100%;
}
main form .vertical-tabs .vertical-tabs__menu {
  position: absolute;
  left: 0;
  float: none;
}
main form .form-actions {
  margin-top: 2em;
}
main form .form-actions input[type=submit] {
  -webkit-appearance: none;
  border: 0;
  background-color: #003366;
  color: white;
  font-family: 'muli', 'arial', sans-serif;
  padding: 8px 13px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
main form .form-actions > * + * {
  margin-left: 5px;
}
main form.user-login-form a.cas-login-link {
  display: inline-block;
  border: 0;
  background-color: #5c8a1c;
  color: white;
  font-family: 'muli', 'arial', sans-serif;
  padding: 8px 13px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
}
body .block.block-hkust-page-title {
  position: relative;
  margin: 0 auto;
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
}
body .block.block-hkust-page-title .wrapper {
  max-width: none;
}
body .block.block-hkust-page-title h1,
body .block.block-hkust-page-title h2,
body .block.block-hkust-page-title h3,
body .block.block-hkust-page-title h4,
body .block.block-hkust-page-title h5,
body .block.block-hkust-page-title h6,
body .block.block-hkust-page-title p {
  margin: 0;
}
body .block.block-hkust-page-title h1 + *,
body .block.block-hkust-page-title h2 + *,
body .block.block-hkust-page-title h3 + *,
body .block.block-hkust-page-title h4 + *,
body .block.block-hkust-page-title h5 + *,
body .block.block-hkust-page-title h6 + *,
body .block.block-hkust-page-title p + * {
  margin-top: 10px;
}
body .block.block-hkust-page-title h1 {
  font-size: 30px;
  line-height: 34px;
}
body .block.block-hkust-page-title.has-image {
  height: 300px;
  margin: 0 auto;
}
body .block.block-hkust-page-title.has-image .page-container {
  height: inherit;
}
body .block.block-hkust-page-title.has-image h1,
body .block.block-hkust-page-title.has-image h2,
body .block.block-hkust-page-title.has-image h3,
body .block.block-hkust-page-title.has-image h4,
body .block.block-hkust-page-title.has-image h5,
body .block.block-hkust-page-title.has-image h6,
body .block.block-hkust-page-title.has-image p {
  color: white;
}
body .block.block-hkust-page-title.has-image .page-title {
  position: absolute;
  bottom: 50px;
}
body .block.block-hkust-page-title.has-image .page-title:before {
  content: "";
  position: absolute;
  top: -25px;
  right: -25px;
  width: 100vw;
  height: 100%;
  padding: 25px;
  background-color: #003366;
  color: white;
}
body .block.block-hkust-page-title.has-image .page-title > .content {
  position: relative;
  z-index: 1;
}
body .block.block-hkust-page-title.no-image {
  margin: 32px auto;
}
body .block.block-hkust-page-title .page-hero-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
}
body .block.block-hkust-page-title .page-title {
  position: relative;
  z-index: 1;
}
body.path-webform .submission-nav-wrapper {
  display: table;
  width: 100%;
  border-bottom: 1px solid #dddddd;
}
body.path-webform .submission-nav-wrapper > * {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
}
body.path-webform .submission-nav-wrapper > * + * {
  padding-left: 20px;
}
body.path-webform .submission-nav-wrapper .submission-actions {
  text-align: right;
}
body.path-webform .submission-nav-wrapper .submission-list,
body.path-webform .submission-nav-wrapper .submission-actions {
  width: 1px;
  white-space: nowrap;
}
body.path-webform .submission-nav-wrapper .submission-list {
  border-right: 1px solid #dddddd;
  padding-right: 20px;
}
body.path-webform .submission-nav-wrapper .submission-return {
  font-family: 'muli';
  text-decoration: none;
  font-weight: 700;
}
body.path-webform .submission-nav-wrapper .title {
  font-family: 'muli';
  letter-spacing: normal;
  font-size: 20px;
  font-weight: 700;
}
body.path-webform .submission-nav-wrapper .btn {
  display: inline-block;
  background-color: #003366;
  border: 0;
  color: white;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  padding: 13px 16px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  letter-spacing: normal;
  font-family: 'muli';
}
body.path-webform .submission-nav-wrapper .btn.btn-cancel {
  background-color: #d9023b;
}
/* Responsive */
@media screen and (max-width: 960px) {
  body .block.block-hkust-page-title.has-image {
    height: 200px;
  }
  body .block.block-hkust-page-title.has-image .page-title {
    left: 0;
    bottom: 25px;
    padding: inherit;
  }
  body .block.block-hkust-page-title h1 {
    font-size: 24px;
  }
  body .block.block-hkust-page-title p {
    font-size: 12px;
    line-height: 16px;
  }
}
/*.layout + .layout {*/
  /*margin: 2em 0;*/
/*}*/
/*.layout .block + .block {*/
  /*margin-top: 2em;*/
/*}*/
.node__content > .field {
  margin: 4em auto;
}
#layout-builder .layout-section .remove-section {
  position: absolute;
  right: 5px;
  z-index: 5;
}
#layout-builder .layout-section .configure-section {
  position: absolute;
  left: 5px;
  z-index: 5;
  background: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 26px;
          border-radius: 26px;
  padding: 2px 10px;
  text-decoration: none;
}
#layout-builder .layout-section .ajax-progress {
  display: none;
}
#layout-builder .layout-section .layout-builder--layout__region {
  padding: inherit;
  border: 2px dashed #2f91da;
  outline: none;
}
#layout-builder .layout-section .layout-builder--layout__region .add-block {
  padding: 1.5em 0;
}
#layout-builder .add-section a,
#layout-builder .add-block a {
  display: inline-block;
  background-color: #003366;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: white;
  text-decoration: none;
  padding: 5px 10px;
}
#drupal-off-canvas .layout-icon__region--padding {
  opacity: 0.25;
}