/*
Theme Name: Custom Theme
Author: Molto Digital Limited
Version: 1.0
License: Private
Text Domain: customtheme
*/

.button-large span, .button-large, .course-table-more, .pp-hover, .accordion-more, .accordion-number, .qm-text span, .filter-button, .filter-search input.filter-search-text, .filter-search, .filter-dropdown .select, .filter-checkbox label, .filter-checkbox input, .shortcut-text span, .home-events, .home-row-more:after, a.home-row-more span, .pagination-number, .pagination .page-numbers, .pagination-icon, .pagination .prev, .pagination .next, .page-switch, .breadcrumbs span.separator:before, .breadcrumbs a, .breadcrumbs span, .breadcrumbs li, .footer-menu a, .footer-menu li, .footer-social-icon, .main-menu li a, .main-menu li, .header-search, .header-contact, .language-switcher li a, .language-switcher li, .language-switcher {
  display: inline-block;
}

.pv-date:after, .pv-date, .pv-image, .button-large:after, .button-large:before, .gallery-more, .gallery-entry span, .pp-image.with-hover:before, .people-entry span, .people-entry, .re-title, .qm-text, .quicklink-image, .pi-text, .pi-icon, .page-icon, .qi-text, .qi-icon, .filter-button:before, .filter-dropdown .select-styled:after, .filter-checkbox input:checked:before, .ee-info, .ee-title, .ee-time, .ee-date, .ee-date-time, .ee-image, .event-entry, .shortcut-text, .shortcut-entry, .home-news-title, .home-news-date, .home-news-image, .home-event-date, .home-event-image, .home-event-image-inner, .home-event-inner, .scroll-down, .footer:before, .back-to-top {
  display: block;
}

.page-event.with-image .pv-text, .page-event.with-image .pv-image, .pt-right, .pt-left, .qi-text, .qi-icon, .ee-right, .ee-left {
  display: table-cell;
}

.header-search-form {
  display: none;
}

.pv-date:after, .button-large:after, .button-large:before, .course-table-more:after, .gallery-more:after, .pp-image.with-hover:before, .accordion-more:after, .qm-text:after, .filter-button:before, .filter-dropdown .select-styled:after, .filter-checkbox input:checked:before, .shortcut-text:after, .home-row-more:after, .footer:before {
  content: "";
}

.home-icons {
  margin: 0 auto;
}

.ci-left, .content-image, .gallery-entry, .pt-email, .pt-phone, .people-entry, .publication-entry, .research-entry, .pr-number, .event-entry, .home-news-entry, .home-row-left, .home-event, .home-row-heading, .content-left, .footer-menu, .header-top-left {
  float: left;
}

.ci-right, .button-large, .course-table-more, .pr-units, .accordion-more, .quicklink-icon, .home-row-right, .home-row-more, .content-right, .copyright, .footer-social-icons, .back-to-top, .header-top-right {
  float: right;
}

.content-image-container, .pt-contact, .publication-entry, .pr-top, .accordion-topic, .page-icons, .quicklink-icons, .ee-date-time, .home-row-top, .home-icon, .home-icons, .footer-top, .footer-bottom, .back-to-top-container, .header-top {
  overflow: hidden;
}

.pv-date:after, .button-large:before, .course-table-more:after, .gallery-more:after, .pt-contact, .pp-hover, .pp-image.with-hover:before, .accordion-more:after, .qm-text, .filter-search input.filter-search-submit, .filter-search input.filter-search-text, .filter-dropdown .select-styled:after, .filter-dropdown .select-styled, .filter-checkbox input:checked:before, .filter-checkbox input, .shortcut-text, .home-icon-text, .home-icon-image, .scroll-down, .footer:before {
  position: absolute;
}

.pv-date, .button-large span, .button-large, .course-table-more, .gallery-more, .pt-right, .pp-image, .accordion-more, .qm-text span, .quicklink-image, .filter-button span, .filter-button, .filter-search, .filter-dropdown .select, .filter-checkbox, .ee-right, .shortcut-text span, .shortcut-entry, .home-icon, .footer {
  position: relative;
}

.page-event.with-image .pv-text, .page-event.with-image .pv-image, .content .profile-table th,
.content .profile-table td, .pt-right, .pt-left, .filter-checkbox input, .ee-right, .ee-left {
  vertical-align: top;
}

.button-large span, .button-large, .qi-text, .qi-icon, .home-row-more:after, a.home-row-more span, .pagination-number,  .pagination .page-numbers, .pagination-icon, .pagination .prev, .pagination .next, .page-switch, .breadcrumbs span.separator:before, .breadcrumbs li, .footer-menu a, .footer-menu li, .main-menu li a, .main-menu li, .header-search, .header-contact, .language-switcher li a, .language-switcher li, .language-switcher {
  vertical-align: middle;
}

.pv-intro-heading, .profile-table th, .profile-heading, .quicklink-image-heading, .filter-dropdown ul.select-options, .filter-dropdown .select-styled, .filter-heading, a.home-row-more span, .home-row-heading, .page-switch, .page-title.large, .footer-menu li, .language-switcher li a {
  text-transform: uppercase;
}

.pp-hover {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pv-image, .content-image, .ge-image, .pt-image, .pp-image, .be-image, .qm-image, .ee-image, .shortcut-image, .home-news-image, .home-event-image-inner, .banner-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.pv-date:after, .button-large:before, .course-table-more:after, .gallery-more:after, .accordion-more:after, .pi-icon, .qi-icon, .filter-checkbox input:checked:before, .home-row-more:after, .scroll-down, .pagination-icon, .pagination .prev, .pagination .next, .pagination .prev, .pagination .next, .footer-social-icon, .back-to-top, .header-search-icon, .header-contact {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.button-large:after, .qm-text:after, .qm-image, .filter-button:before, .shortcut-text:after, .shortcut-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ci-left .content-image, .pp-image, .home-event-image-inner {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.accordion-number, .home-event-image-inner {
  border-radius: 100%;
}

.page-event.with-image, .profile-top, .quicklink-icon, .ee-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.pv-intro-heading, .pv-date, .button-large, .course-table-more, .gallery-more, .pt-name, .pp-hover, .be-text, .be-heading, .re-heading, .pr-heading, .pr-units, .accordion-more, .accordion-number, .quicklink-image-heading, .filter-button, .filter-checkbox label, .filter-heading, .home-row-heading, .pagination-number,  .pagination .page-numbers, .page-title {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_TW .pv-intro-heading, html.zh_TW .pv-date, html.zh_TW .button-large, html.zh_TW .course-table-more, html.zh_TW .gallery-more, html.zh_TW .pt-name, html.zh_TW .pp-hover, html.zh_TW .be-text, html.zh_TW .be-heading, html.zh_TW .re-heading, html.zh_TW .pr-heading, html.zh_TW .pr-units, html.zh_TW .accordion-more, html.zh_TW .accordion-number, html.zh_TW .quicklink-image-heading, html.zh_TW .filter-button, html.zh_TW .filter-checkbox label, html.zh_TW .filter-heading, html.zh_TW .home-row-heading, html.zh_TW .pagination-number,  html.zh_TW .pagination html.zh_TW .page-numbers, html.zh_TW .page-title {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_CN .pv-intro-heading, html.zh_CN .pv-date, html.zh_CN .button-large, html.zh_CN .course-table-more, html.zh_CN .gallery-more, html.zh_CN .pt-name, html.zh_CN .pp-hover, html.zh_CN .be-text, html.zh_CN .be-heading, html.zh_CN .re-heading, html.zh_CN .pr-heading, html.zh_CN .pr-units, html.zh_CN .accordion-more, html.zh_CN .accordion-number, html.zh_CN .quicklink-image-heading, html.zh_CN .filter-button, html.zh_CN .filter-checkbox label, html.zh_CN .filter-heading, html.zh_CN .home-row-heading, html.zh_CN .pagination-number,  html.zh_CN .pagination html.zh_CN .page-numbers, html.zh_CN .page-title {
  font-family: 'Josefin Sans', 'Noto Sans SC', sans-serif;
}

.gallery-more, .accordion-topic, .filter-button, .filter-search input.filter-search-submit, .filter-dropdown .select, .filter-checkbox label, .filter-checkbox input, .scroll-down, .back-to-top, .course-table-more {
  cursor: pointer;
}

.pp-email, .ci-content, .search-result-link {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

/*
Theme Name: Custom Theme
Author: Molto Digital Limited
Version: 1.0
License: Private
Text Domain: customtheme
*/
/*
Open Sans:
light 300
regular 400
semi-bold 600
bold 700
extra-bold 800
*/

/* ALL PAGES */


.table-wrapper {
  position: relative;
  padding: 10px 0;
  overflow-x: auto;
}
.table-wrapper.scrollx:before {
  position: absolute;
  top: 25px;
  right: 25px;
  content: '';
  font-size: 2em;
  color: #CCC;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #FFF;
  background-image: url('images/hand-left-2-white.png');
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  -webkit-animation: handicon 4s infinite;
  -moz-animation: handicon 4s infinite;
  -o-animation: handicon 4s infinite;
  animation: handicon 4s infinite;
}
@-webkit-keyframes handicon {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes handicon {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes handicon {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes handicon {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.table-wrapper.scrollx:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 100px;
  height: 100%;
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
  z-index: 1;
}



.wrapper {
  max-width: 1400px;
}

.font2 {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_TW .font2 {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_CN .font2 {
  font-family: 'Josefin Sans', 'Noto Sans SC', sans-serif;
}

.main-menu-mask, .main-menu-button, .main-menu-top {
  display: none;
}
.main-menu-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,0.4);
  z-index: 100;
}
.main-menu-button {
  position: relative;
  width: 100%;
  height: 30px;
  text-align: center;
  padding: 1px;
  background: #808080;
}
.main-menu-button span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 16px;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url('images/main-menu-button@2x.png') no-repeat center center;
  background-size: contain;
}
.main-menu-close {
  width: 16px;
  height: 16px;
  background-image: url(./images/main-menu-close@2x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 100;
}
.header-top-right.mobile {
  display: none;
}

body.menu-open {
  position: fixed;
  width: 100%;
}

.wrapper {
  width: 90%;
  margin: 0 auto;
}

.slider, .event-slider {
  visibility: hidden;
}

.header {
  position: relative;
  background-color: #0A2342;
  z-index: 10001;
}
.header-wrapper {
  position: relative;
  background-color: #0A2342;
  padding-top: 48px;
  /*****z-index: 20000;*****/
}
.header-top {
  padding: 0 0 35px 0;
}

.header-logo-1 {
  display: inline-block;
  /* height: 65px;
  margin-top: -4px; */
  height: 70px;
  margin-right: 46px;
  vertical-align: middle;
}

.header-logo-2 {
  display: inline-block;
  height: 70px;
  vertical-align: middle;
}
.header-logo-2-mobile {
  display: none;
}
.header-logo-1 img, .header-logo-2 img, .header-logo-2-mobile img {
  width: auto;
  max-width: none;
  max-height: 100%;
}
.header-logo-print {
  display: none;
}

.language-switcher {
  margin-right: 20px;
}

.language-chooser {
  display: none;
}

.language-switcher li {
  padding-right: 8px;
  border-right: 2px solid #7b8592;
  margin-right: 8px;
}

.language-switcher li:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}

.language-switcher li a {
  font-size: 1.9em;
  font-weight: 600;
  line-height: 1.2;
  color: #7b8592;
}

.language-switcher li.active a {
  color: white;
}

.header-contact {
  background-image: url("images/icon-contact@2x.png");
  width: 30px;
  height: 20px;
  margin-right: 20px;
}

.header-search-icon {
  display: block;
  background-image: url("images/icon-search@2x.png");
  width: 30px;
  height: 20px;
}

.main-menu > ul > li {
  position: relative;
  margin-right: 27px;
}

.main-menu > ul > li > a {
  font-size: 2.1em;
  font-weight: 400;
  line-height: 1.2;
  border-bottom: 3px solid #0A2342;
  letter-spacing: 1px;
  color: white;
  padding: 0 0 11px 0;
}

.main-menu > ul > li.active > a,
.main-menu > ul > li > ul > li.active > a {
  font-weight: 700;
}
.main-menu > ul > li.active > a,
.main-menu > ul > li.current-menu-item > a,
.main-menu > ul > li.current-page-ancestor > a,
.main-menu > ul > li:hover > a {
  border-bottom: 3px solid #969589;
}

.main-menu > ul > li > ul {
  position: absolute;
  display: block;
  left: 0;
  top: 100%;
  width: 400px;
  background-color: #656565;
  overflow-y: hidden;
  max-height: 0;
  z-index: 15000;
  transition: max-height 0.1s ease-in-out; 

}
.main-menu > ul > li:hover > ul {
  max-height: 1000px; 
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.2);
  transition: max-height 0.7s ease-in-out;
}
.main-menu > ul > li > ul > li {
  display: block;
}
.main-menu > ul > li > ul > li > a {
  display: block;
  font-size: 2.1em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  color: white;
  padding: 10px 10px 10px 15px;
}
.main-menu > ul > li > ul > li.active > a,
.main-menu > ul > li > ul > li:hover > a {
  background-color: #0A2342;
}
.main-menu ul ul ul {
  display: none;
}

.back-to-top-container {
  padding-bottom: 35px;
}

.back-to-top {
  position: fixed;
  right: 5%;
  bottom: 20px;
  width: 49px;
  height: 49px;
  margin-right: -59px;
  background-image: url("images/back-to-top-white@2x.png");
  background-position: center center;
  background-size: contain;
  z-index: 10000;
}
body.fixed-button .container {
  position: relative;
}
body.fixed-button .back-to-top {
  position: absolute;
}

.footer {
  background-color: #0A2342;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1.2;
  padding: 70px 0 40px 0;
}

.footer:before {
  background-image: url("images/footer-border@2x.png");
  left: 0;
  top: 0;
  width: 100%;
  height: 10px;
  background-position: left top;
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.footer, .footer a {
  color: white;
}

.footer-social-icons {
  margin-bottom: 40px;
}

.footer-social-icon {
  width: 21px;
  height: 21px;
  margin-left: 10px;
}

.footer-social-icon.facebook {
  background-image: url("images/social-facebook@2x.png");
}

.footer-social-icon.instagram {
  background-image: url("images/social-instagram@2x.png");
}

.footer-social-icon.linkedin {
  background-image: url("images/social-linkedin@2x.png");
}

.footer-social-icon.wechat {
  background-image: url("images/social-wechat@2x.png");
}

.footer-social-icon.twitter {
  background-image: url("images/social-twitter@2x.png");
}

.footer-social-icon.youtube {
  background-image: url("images/social-youtube@2x.png");
}

.footer-social-icon:first-child {
  margin-left: 0;
}

.footer-menu {
  padding-right: 20px;
  margin-bottom: 20px;
}

.footer-menu li {
  padding-right: 15px;
  border-right: 2px solid #FFF;
  margin-right: 12px;
  margin-bottom: 8px;
  font-weight: 700;
}

.footer-menu li:last-child,
.footer-menu li.last {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}

html.zh_TW .footer-menu li.en,
html.zh_CN .footer-menu li.en,
html.en_GB .footer-menu li.tc,
html.en_US .footer-menu li.tc,
html.zh_CN .footer-menu li.tc,
html.en_GB .footer-menu li.sc,
html.en_US .footer-menu li.sc,
html.zh_TW .footer-menu li.sc {
  display: none;
}
html.zh_TW #menu-footer-menu li.en,
html.zh_CN #menu-footer-menu li.en,
html.en_GB #menu-footer-menu li.tc,
html.en_US #menu-footer-menu li.tc,
html.zh_CN #menu-footer-menu li.tc,
html.en_GB #menu-footer-menu li.sc,
html.en_US #menu-footer-menu li.sc,
html.zh_TW #menu-footer-menu li.sc {
  display: none;
}

.footer-menu a {
  line-height: 1;
  margin-top: -4px;
}

.main {
  position: relative;
  min-height: 500px;
}
.main:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("images/bg-pattern-repeated.png");
  background-repeat: repeat-y;
  background-position: right top;
  background-size: 100% auto;
  opacity: 0.5;
  z-index: -1;
}

body#home .main {
  background: none;
}

.content {
  padding-bottom: 50px;
}

.content-two-cols,
.home-row-3,
.home-news-entries,
.publication-entries,
.research-entries,
.event-entries,
.gallery-entries,
.people-entries {
  display: inline-block;
  width: 100%;
}

.content-left {
  width: 71%;
  margin-right: 6%;
}

.content-right {
  width: 23%;
}

.content-bottom {
  clear: both;
}

.page-title {
  font-size: 4.6em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 50px;
  /*30px*/
}

.default-template-text {
  margin-bottom: 30px;
}
h2.page-title {
  font-size: 4em;
  font-weight: 700;
  line-height: 1.2;
  margin: 40px 0 30px 0;
}
h2.page-title:first-child {
  margin-top: 0;
}
.page-subtitle,
.default-template-text h2 {
  font-size: 2.9em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px; /* 30 */
}
.content .default-template-text th h2,
.content .default-template-text td h2,
.content .default-template-text li h2 { 
  font-size: 1.45em;
}
.default-template-text h3, .accordion-details h3 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px; /* 25 */
}
.content .default-template-text th h3,
.content .default-template-text td h3,
.content .default-template-text li h3 { 
  font-size: 1.25em;
}
.default-template-text h4 {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px; /* 20 */
}
.content .default-template-text th h4,
.content .default-template-text td h4,
.content .default-template-text li h4 { 
  font-size: 1.1em;
}
.default-template-text h5 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px; /* 18 */
}
.content .default-template-text th h5,
.content .default-template-text td h5,
.content .default-template-text li h5 { 
  font-size: 1em;
}
.default-template-text h6 {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px; /* 16 */
}
.content .default-template-text th h6,
.content .default-template-text td h6,
.content .default-template-text li h6 { 
  font-size: 0.9em;
}

.breadcrumbs {
  padding: 25px 0;
}

.breadcrumbs a, .breadcrumbs span {
  color: #87878A;
  font-size: 2.1em;
  font-weight: 400;
  line-height: 1.2;
  vertical-align: top;
}

.breadcrumbs a a, .breadcrumbs span span,
.breadcrumbs a span, .breadcrumbs span a {
  font-size: 1em;
}

.breadcrumbs span.delimiter {
  padding: 0 5px;
}

.breadcrumbs a[href]:hover {
  color: #0A2342;
}


.page-switcher {
  margin-bottom: 60px;
}

.subpage-switcher {
  margin-left: 60px;
}

.page-switcher + .subpage-switcher {
  margin-top: -40px;
}

.page-switcher ul {
  margin-left: 0;
  list-style: none;
}

.page-switcher li {
  display: inline-block;
}

.page-switcher li a, .page-switch {
  color: #94958A;
  font-size: 1.45em; /* 3.1em */
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  padding-right: 15px;
  border-right: 3px solid #94958A;
  margin-right: 15px;
}
.page-switcher li:last-child a, .page-switch:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
a.page-switch:hover,
.page-switcher a:hover {
  color: #0A2342;
}

.page-switch.active,
.page-switcher li.current_page_ancestor a,
.page-switcher li.current_page_item a,
.page-switcher li.current_page_item a:hover {
  color: #0A2342;
  margin-bottom: 0;
}

.page-switch:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}

.content-heading {
  color: #3F4045;
  font-size: 2.6em;
  /* font-weight: 700; */
  line-height: 1.2;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.content-heading + .content-heading {
  margin-top: -10px;
}

.pagination {
  padding: 100px 0 50px 0;
  margin: 0 auto;
  text-align: center;
}

.event-entries + .pagination {
  margin-top: 35px;
}

.pagination-icon,
.pagination .prev, .pagination .next {
  width: 40px;
  height: 40px;
}

.pagination-prev,
.pagination .prev {
  margin-right: 50px;
  background-image: url("images/pagination-prev@2x.png");
}

.pagination-next,
.pagination .next {
  margin-left: 50px;
  background-image: url("images/pagination-next@2x.png");
}

.pagination-number,
.pagination .page-numbers {
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
  color: #B1806F;
  padding: 4px 10px 0 14px;
  border-left: 4px solid #B1806F;
  margin-bottom: 10px;
}
.pagination .page-numbers.current {
  color: #0A2342;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  padding: 0;
  font: 0/0 a;
  color: transparent;
}
/*
.pagination-first, .pagination-number:first-child,
.pagination .page-numbers:first-child,
.pagination .page-numbers.prev + .page-numbers {
  padding-left: 0;
}
*/
.pagination .page-numbers.prev,
.pagination .page-numbers.prev + .page-numbers,
.pagination .page-numbers.next,
.pagination-first, .pagination-number:first-child,
.pagination .page-numbers:first-child {
  border-left: 0;
}

.pagination-last, .pagination-number:last-child,
.pagination .page-numbers:last-child {
  padding-right: 0;
}
/*
.pagination .page-numbers.current {
  color: #0A2342;
}
*/
.pagination-arrows .page-numbers {
  display: none;
}
.pagination-arrows .page-numbers.prev,
.pagination-arrows .page-numbers.next {
  display: inline-block;
}


/* HOME */

.home-banner {
  background-color: #fff; /*#0A2342*/
  padding: 48px 0 80px 0;
}
.banner-slider-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 45%;
}

.banner-slider-container .bx-wrapper,
.banner-slider-container .bx-viewport,
.banner-slider,
.banner-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.event-slider-container {
  position: relative;
  width: 100%;
  height: 300px;
}

.event-slider-container .bx-viewport {
  padding-top: 50px;
  height: auto !important;
}

.event-slider-container .bx-wrapper .bx-pager {
  display: none;
}

.event-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #CCC;
}

.event-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: rgba(0, 0, 0, 0.45);
}

.event-slider-container .bx-wrapper .bx-prev {
  left: -5%;
  background-image: url(images/arrow-event-prev@2x.png);
}

.event-slider-container .bx-wrapper .bx-next {
  right: -5%;
  background-image: url(images/arrow-event-next@2x.png);
}
.bx-prev, .banner-slider-container .bx-wrapper .bx-prev {
  left: 5%;
}
.banner-slider-container .bx-wrapper .bx-next {
  right: 5%;
}


.shortcut-slider-container {
  position: relative;
  width: 100%;
  height: 300px;
  /* margin-top: -3px; */
}

.shortcut-slider-container .bx-wrapper {
  position: relative;
}

.shortcut-slider-container .bx-viewport, 
.shortcut-slider-container .bx-wrapper .shortcut-slider,
.shortcut-slider-container .bx-wrapper .shortcut-slide {

}

.shortcut-slider-container .bx-wrapper .bx-pager {
  display: none;
}

.shortcut-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #CCC;
}

.shortcut-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: rgba(0, 0, 0, 0.45);
}

.shortcut-slider-container .bx-wrapper .bx-prev,
.shortcut-slider-container .bx-wrapper .bx-next {
  width: 100%;
  height: 25px;
  background-color: rgba(255, 255, 255, 0.5);
  background-position: center center;
  background-size: 28px auto;
}
.shortcut-slider-container .bx-wrapper .bx-prev {
  left: 0;
  top: 25px;
  background-image: url(images/arrow-shortcut-top@2x.png);
}
.shortcut-slider-container .bx-wrapper .bx-next {
  left: 0;
  top: auto;
  bottom: 0;/*30px;*/
  background-image: url(images/arrow-shortcut-bottom@2x.png);
}
.shortcut-image-print {
  display: none;
}

.scroll-down {
  display: none;
  background-image: url("images/scroll-down@2x.png");
  right: 50px;
  bottom: 50px;
  width: 52px;
  height: 52px;
  z-index: 1;
}

.home-icons {
  font-size: 0.1px;
  text-align: justify;
  max-width: 1100px;
}
.home-icons:after {
  display: inline-block;
  content: "";
  width: 100%;
}
.home-icons > .home-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: middle;
}

.home-icon {
  /* @include square(17.34%); */
  border: 6px solid #0A2342;
  background-color: #0A2342;
  width: 22%; /*13%;*/
  max-width: 150px;
  height: 150px;
  border-radius: 34px;
  margin: 0 1% 1%;
}

.home-icon-image {
  background-color: white;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48% auto;
}

.home-icon-text {
  color: white;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 28px;
  line-height: 18px;
  /* temp */
  text-align: center;
}

.home-row-2 .home-row-top {
  margin: 80px 0 40px 0;
}

.home-row-3 .home-row-top {
  margin: 60px 0;
}
.home-row-3 .home-row-right .home-row-heading {
  visibility: hidden;
}

.home-row-heading {
  font-size: 4.6em;
  font-weight: 700;
  line-height: 1.2;
}

a.home-row-more span {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  color: #3F4045;
  height: 37px;
  padding-right: 15px;
  line-height: 37px;
}

.home-row-more:after {
  background-image: url("images/more-arrow@2x.png");
  width: 37px;
  height: 37px;
}

.home-events {
  width: 100%;
}

.home-event {
  color: #0A2342;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  width: 20%;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.home-event.active {
  font-size: 2.7em;
  max-width: 300px;
  margin-top: -40px;
  transition: all 0.3s ease-in-out;
}

.home-event-inner {
  width: 100%;
  max-width: 250px;
  /* temp */
  padding: 0 20px;
  margin: 0 auto;
}

.home-event-image {
  position: relative;
  left: -6px;
}
.home-event-image-inner {
  border: 6px solid #B6B8B6;
  margin-bottom: 30px;
  background-color: #FFF;
  box-sizing: content-box;
  overflow: hidden;
}
.home-event-image-inner.default {
  background: #0A2342 url('images/logo-ch@2x.png') no-repeat center center;
  background-size: 70% auto;
}

.home-event-date {
  margin-bottom: 15px;
}

.home-row-3 {
  margin-bottom: 100px;
}

.home-row-left {
  width: 75%;
}

.home-row-right {
  width: 22%;
}

.home-news-entry {
  display: block;
  width: 32.4%;
  /* height: 334px; */
  margin-right: 1.4%;
}
body.home .home-news-entry:nth-child(3n+3) {
  margin-right: 0;
}
.home-news-image {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}

.home-news-text {
  display: block;
}
.home-news-date {
  color: white;
  background-color: #0A2342;
  font-size: 2.3em;
  font-weight: 700;
  line-height: 1.2;
  padding: 6px 18px;
}
.home-news-title {
  border: 2px solid #0A2342;
  color: #3F4045;
  font-size: 2.1em;
  font-weight: 400;
  line-height: 1.3;
}
.home-news-title-text, .home-news-padding {
  display: block;
  width: 100%;
}
.home-news-title-text {
  padding: 10px 18px 12px 18px;
}

.shortcut-slider-container,
.shortcut-slider-container .bx-wrapper,
.shortcut-slider-container .bx-viewport {
  height: 334px !important;
}
.shortcut-slide {
  width: 100%;
  height: 152px !important;
  margin-bottom: 40px;
  /* height: auto; */
  /*padding-bottom: 100%; /*53%;*/
  /*margin-bottom: 35px; */
  /*border-bottom: 30px solid #fff;
  border-top: 3px solid #fff;*/
}

.shortcut-text {
  font-size: 2.8em;
  /* font-weight: 300; */
  line-height: 1.2;
  color: white;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 10px 35px 20px;
}

.shortcut-text span {
  border-left: 3px solid #FFF;
  padding-left: 15px;
  z-index: 2;
}

.shortcut-text:after {
  background-color: rgba(0, 0, 0, 0.3);
  /* temp */
  z-index: 1;
}
/*
.shortcut-slider-container .bx-wrapper .bx-next {
  bottom: 10px;
}
*/

/* EVENTS */
.event-entry {
  border: 3px solid #E9E9E9;
  font-size: 2.1em;
  font-weight: 400;
  line-height: 1.2;
  background-color: white;
  color: #0A2342;
  width: 49%;
  padding: 20px;
  margin-right: 2%;
  margin-bottom: 25px;
}

.event-entry:nth-child(even) {
  margin-right: 0;
}

.ee-left {
  width: 38%;
}

.ee-image {
  width: 100%;
  height: 0;
  padding-bottom: 140%;
  /* temp */
}

.ee-right {
  width: 62%;
  padding-left: 15px;
  /* padding-bottom: 65px; */
}

.ee-date-time {
  padding-bottom: 10px;
  border-bottom: 2px solid #94958A;
  margin-bottom: 10px;
  text-align: left;
}

.ee-title {
  line-height: 1.4;
}

.ee-info {
  width: 100%;
  padding-top: 10px;
  border-top: 2px solid #94958A;
  margin-top: 10px;
}

.ee-info-mobile {
  display: none;
}


/* SIDEBAR */

.filter-container-heading {
  display: none;
}
.filter-entries {
  margin-bottom: 80px;
}

.filter-entry {
  margin-bottom: 40px;
}

.filter-heading {
  font-size: 2.9em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.filter-checkbox {
  padding-left: 30px;
  margin-bottom: 10px;
}

.filter-checkbox input {
  border: 2px solid #0A2342;
  background-color: white;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
  left: 0;
  top: -4px;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  -webkit-appearance: none;
}

.filter-checkbox input:checked:before {
  color: white;
  background-color: #0A2342;
  background-image: url("images/check@2x.png");
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-position: center 2px;
}

.filter-checkbox label {
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
}

.filter-dropdown {
  width: 237px;
  margin-bottom: 20px;
}

.filter-dropdown .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.filter-dropdown select {
  display: none;
}

.filter-dropdown .select {
  width: 100%;
  height: 37.5px;
}

.filter-dropdown .select-styled {
  border: 1px solid #0A2342;
  color: #0A2342;
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 48px 10px 10px;
  text-align: center;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.filter-dropdown .select-styled:after {
  background-image: url("images/arrow-down@2x.png");
  background-color: #0A2342;
  width: 37px;
  height: 37px;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 13px;
}

.filter-dropdown ul.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 200px;
  padding: 15px 0;
  margin: 0;
  list-style: none;
  background-color: #E9E9E9;
  z-index: 999;
}

.content .filter-dropdown ul.select-options li {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  margin: 0;
  padding: 9px 10px;
  color: #0A2342;
  font-weight: 700;
  text-align: center;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.content .filter-dropdown ul.select-options li:hover {
  color: #FFF;
  background: #0A2342;
}

.filter-dropdown .select-options li[rel=hide] {
  display: none;
}

.filter-search {
  width: 237px;
  /* temp */
  height: 37px;
  padding: 0;
}

.filter-search input.filter-search-text {
  font-size: 2em;
  font-weight: 400;
  line-height: 1;
  background-color: #FFF;
  border: 1px solid #0A2342;
  left: 0;
  top: 0;
  width: 200px;
  /* temp */
  height: 37px;
  padding: 0 10px;
  text-align: center;
}
.filter-search ::-webkit-input-placeholder {
  color: #0A2342;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  width: 200px;
  padding-left: 15px;
  text-align: center;
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
  text-transform: uppercase;
}
html.zh_TW .filter-search ::-webkit-input-placeholder {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_CN .filter-search ::-webkit-input-placeholder {
  font-family: 'Josefin Sans', 'Noto Sans SC', sans-serif;
}
.filter-search :-moz-input-placeholder {
  color: #0A2342;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  width: 200px;
  padding-left: 15px;
  text-align: center;
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
  text-transform: uppercase;
}
html.zh_TW .filter-search :-moz-input-placeholder {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_CN .filter-search :-moz-input-placeholder {
  font-family: 'Josefin Sans', 'Noto Sans SC', sans-serif;
}
.filter-search :-ms-input-placeholder {
  color: #0A2342;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  width: 200px;
  padding-left: 15px;
  text-align: center;
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
  text-transform: uppercase;
}
html.zh_TW .filter-search :-ms-input-placeholder {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_CN .filter-search :-ms-input-placeholder {
  font-family: 'Josefin Sans', 'Noto Sans SC', sans-serif;
}
.filter-search ::placeholder {
  color: #0A2342;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  width: 200px;
  padding-left: 15px;
  text-align: center;
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
  text-transform: uppercase;
}
html.zh_TW .filter-search ::placeholder {
  font-family: 'Josefin Sans', 'Noto Sans TC', sans-serif;
}
html.zh_CN .filter-search ::placeholder {
  font-family: 'Josefin Sans', 'Noto Sans SC', sans-serif;
}

.filter-search input.filter-search-submit {
  color: transparent;
  background-color: #0A2342;
  background-image: url("images/icon-search@2x.png");
  right: 0;
  top: 0;
  width: 37px;
  height: 37px;
  font: 0/0 a;
  background-position: center center;
  background-size: 21px 21px;
  background-repeat: no-repeat;
}

.filter-button {
  color: white;
  background-color: #0A2342;
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
  min-width: 150px;
  padding: 13px 20px 10px 20px;
  margin-bottom: 80px;
  text-align: center;
  border-radius: 30px;
  -webkit-appearance: none;
}
.filter-button:before {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.filter-button:hover:before {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.filter-button span {
  z-index: 1;
}

.quicklinks-heading {
  display: none;
}
.content .quicklinks ul {
  margin: 0;
  list-style: none;
}

.content .quicklinks li {
  padding: 0;
  margin-bottom: 25px;
}

.content .quicklinks li a {
  color: #0A2342;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.quicklink-icon {
  border: 3px solid #E9E9E9;
  background-color: white;
  min-height: 100px;
  margin-bottom: 38px;
}

.qi-icon {
  width: 100px;
  background-size: 50% auto;
}

.qi-text {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.4;
  color: #0A2342;
  background-color: #E9E9E9;
  width: 180px;
  padding: 20px 30px;
}

.page-icons {
  font-size: 0.1px;
  text-align: justify;
  max-width: 700px; /* 1100 */
  margin: 50px auto 60px auto;
}
.page-icons:after {
  display: inline-block;
  content: "";
  width: 100%;
}
.page-icons > .page-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: middle;
}
.page-icon {
  border: 3px solid #E9E9E9;
  width: 130px; /* 13% */
}

.page-icon:nth-child(4n+1) {
  clear: both;
}

.page-icon:nth-child(4n+4) {
  margin-right: 0;
}

.pi-icon {
  width: 100%;
  height: 100px;
  background-size: 48% auto;
}

.pi-text {
  height: 28px;
  padding: 5px;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2;
  color: #0A2342;
  background-color: #E9E9E9;
  text-align: center;
}

.quicklink-image-heading {
  font-size: 3.1em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.quicklink-images {
  width: 100%;
  max-width: 220px;
}
.quicklink-images-mobile {
  display: none;
}
.quicklink-image {
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  margin-bottom: 25px;
}

.qm-text {
  font-size: 2.4em;
  /* font-weight: 300; */
  line-height: 1.2;
  color: white;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 10px 10px 15px;
}
.home-row .qm-text {
  padding-bottom: 40px;
}

.qm-text span {
  border-left: 3px solid #FFF;
  padding-left: 10px;
  z-index: 2;
}

.qm-text:after {
  background-color: rgba(0, 0, 0, 0.3);
  /* temp */
  z-index: 1;
}

/* PROGRAMME */

.accordion-rows {
  margin-bottom: 30px;
}
.accordion-topic {
  position: relative;
  border-top: 1px solid #0A2342;
  padding: 16px 75px 16px 0;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  vertical-align: middle;
}

.accordion-topic.with-number {
  padding-left: 58px;
}
.accordion-number {
  position: absolute;
  left: 0;
  top: 50%;
  color: white;
  background-color: #0A2342;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 42px;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  text-align: center;
  vertical-align: middle;
}

.accordion-more {
  position: absolute;
  right: 0;
  top: 50%;
  color: white;
  background-color: #0A2342;
  /* font-size: 1em;
  font-weight: 400;
  line-height: 1.2; */
  width: 62px;
  height: 32px;
  margin-top: -16px;
  /* padding: 6px 10px 3px 20px; */
  border-radius: 30px;
  vertical-align: middle;
}

/*
.accordion-more:before {
  content: "Show More";
}
.accordion-topic.active .accordion-more:before {
  content: "Show Less";
}
*/

.accordion-more:after {
  /* font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2; */
  background-image: url("images/arrow-down@2x.png");
  right: 20px;
  top: 10px;
  width: 24px;
  height: 14px;
  transition: transform 0.3s ease-in-out;
}

.accordion-topic.active .accordion-more:after {
  top: 9px;
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.accordion-details {
  display: none;
  padding-top: 30px;
  padding-bottom: 60px;
}

.pr-number {
  padding-right: 10px;
}

.pr-units {
  float: right;
  padding-left: 10px;
  text-align: right;
}

.pr-heading {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 2px solid #0A2342;
  padding: 13px 0px 10px 0px;
  margin-bottom: 10px;
  overflow: hidden;
}

.pr-text, .pr-text p {
  color: #3F4045;
}

.pr-text {
  margin-bottom: 20px;
}

.pr-text p {
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1.6;
}

.remarks, .remarks p {
  color: #3F4045;
}


/* RESEARCH */

.research-entry {
  display: block;
  border: 3px solid #E9E9E9;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  background-color: #FFF;
}

.research-entry.no-margin {
  margin-right: 0;
}

.research-entry:nth-child(even) {
  margin-right: 0;
}

.research-entry-inner {
  padding: 15px;
}
.research-entry span {
  display: block;
}
.re-title {
  color: #0A2342;
  font-size: 2.9em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.re-row + .re-row {
  margin-top: 25px;
}

.re-heading {
  color: #3F4045;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 8px;
  border-bottom: 2px solid #94958A;
  margin-bottom: 10px;
}

.re-text {
  color: #0A2342;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.2;
}


/* PUBLICATIONS */

.publication-entries {
  padding-top: 40px;
}

.publication-entry {
  display: table;
  table-layout: fixed;
  background-color: white;
  border: 3px solid #E9E9E9;
  width: 48%;
  padding: 20px;
  margin-right: 4%;
  margin-bottom: 4%;
}

.publication-entry:nth-child(even) {
  margin-right: 0;
}

.be-left {
  display: table-cell;
  width: 165px;
  vertical-align: top;
}
.be-image, .be-row, .be-heading, .be-text, .be-title {
  display: block;
}
.be-image {
  width: 100%;
  height: 0;
  padding-bottom: 140%; /* 124% */
}

.be-right {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.be-row + .be-row {
  margin-top: 25px;
}

.be-heading {
  color: #3F4045;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 8px;
  border-bottom: 2px solid #94958A;
  margin-bottom: 10px;
}

.be-text {
  color: #0A2342;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1.2;
}

.be-text.be-title {
  min-height: 80px;
  font-weight: 600;
}

.page-publications .be-text.be-title {
  min-height: 0;
}

.content-news .be-text p, .be-text li,
.be-text th, .be-text td {
  font-size: 1em;
}
.content-news .be-text p {
  line-height: 1.3;
}


.publication-top {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 1000px;
  margin: 40px 0 60px 0;
}
.ut-left, .ut-right {
  display: table-cell;
  vertical-align: top;
}
.ut-left {
  width: 38%;
  padding-right: 40px;
}
.ut-image {
  width: 100%;
  height: 0;
  padding-bottom: 140%; /* 130% */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ut-right {
  width: 67%;
}
.publication-info {
  margin-bottom: 40px;
}
.publication-info p {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
}
.pi-label {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.pi-label-2 {
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pi-content {
  display: block;
}
.publication-bottom {
  display: none;
}


/* PEOPLE */

.content-people {
  max-width: 1400px;
}

.people-entry {
  display: block;
  background-color: white;
  width: 22%;
  margin-right: 4%;
  margin-bottom: 4%;
}

.people-entry:nth-child(4n+1) {
  clear: both;
}

.people-entry:nth-child(4n+4) {
  margin-right: 0;
}

.pp-image img {
  width: 100%;
}
.pp-image.with-hover:before {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  background-color: rgba(34, 43, 43, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.pp-hover {
  width: 90%;
  left: 5%;
  color: white; 
  font-size: 2.6em;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.pp-contact {
  padding-top: 15px;
  border-top: 2px solid #94958A;
  margin-top: 15px;
  color: #0A2342;
  font-size: 2.1em;
}

.pp-email, .pp-phone, .pp-office {
  font-weight: 400;
  line-height: 1.2;
}

.pp-email, .pp-phone {
  margin-bottom: 5px;
}
a.pp-email {
  color: #418ae4;
}

.pp-text {
  color: #0A2342;
  /* min-height: 220px; */
  /* temp */
  padding: 25px 18px 25px 18px;
  border-right: 3px solid #E9E9E9;
  border-bottom: 3px solid #E9E9E9;
  border-left: 3px solid #E9E9E9;
}
.people-entry.no-photo .pp-text {
  border-top: 3px solid #E9E9E9;
}

.pp-name {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 15px;
  border-bottom: 2px solid #94958A;
  margin-bottom: 15px;
}

.pp-position {
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.4;
}

/*
.pp-position span {
  padding-bottom: 25px;
}
*/

/* PROFILE */
.profile-top {
  /* max-width: 1000px; */
  margin: 40px 0 60px 0;
}

.pt-left {
  width: 360px; /* 38% */
  padding-right: 40px;
}

.pt-image {
  width: 100%;
  height: 0;
  padding-bottom: 140%; /* 130% */
}
.pt-image img {
  width: 100%;
  height: auto;
}

/*
.pt-right {
  width: 67%;
}
*/

.pt-name {
  color: #0A2342;
  font-size: 4.6em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

.pt-qualifications {
  color: #3F4045;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 10px;
}
.pt-qualifications p, .pt-qualifications li {
  font-size: 2.2em; /* 2.6 */
}
.pt-contact {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: auto;
}

.pt-address {
  margin-bottom: 12px;
}

.pt-phone {
  width: 200px;
}

.profile-row {
  margin-bottom: 70px;
}

.profile-heading {
  color: #0A2342;
  font-size: 2.9em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

.profile-text p, .profile-text li,
.content .profile-table th,
.content .profile-table td {
  color: #0A2342;
  font-size: 2.2em; /* 2.6 */
  font-weight: 400;
  line-height: 1.4;
}

.profile-text li {
  margin-bottom: 10px;
}

.content .profile-table th.profile-year {
  width: 150px;
}

.content .profile-table th,
.content .profile-table td {
  border: 0;
  text-align: left;
}

.content .profile-table th:first-child,
.content .profile-table td:first-child {
  padding-left: 0;
}

.content .profile-table th:last-child,
.content .profile-table td:last-child {
  padding-right: 0;
}

.profile-table th {
  letter-spacing: 2px;
}

.profile-table td {
  padding-bottom: 10px;
}

.profile-table td span {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.2;
}

/* GALLERY */

.gallery dl a {
  display: block;
}
.gallery-entry {
  display: block;
  width: 31%;
  margin: 0 3.5% 3.5% 0;
}
.gallery-entry:nth-child(3n+3) {
  margin-right: 0;
}

.ge-image {
  width: 100%;
  height: 0;
  padding-bottom: 74%;
}

.ge-text {
  color: #0A2342;
  min-height: 100px;
  /* temp */
  padding: 15px 10px;
  border-right: 1px solid #0A2342;
  border-bottom: 1px solid #0A2342;
  border-left: 1px solid #0A2342;
}

.ge-title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.2;
}

.gallery-more {
  color: white;
  background-color: #0A2342;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2;
  width: 200px;
  padding: 6px 10px 3px 20px;
  margin: 0 auto 40px auto;
  border-radius: 30px;
}

.gallery-more:before {
  content: "Show More";
}
.gallery-more.active:before {
  content: "Show Less";
}

.gallery-more:after {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2;
  background-image: url("images/arrow-down@2x.png");
  right: 20px;
  top: 10px;
  width: 24px;
  height: 14px;
  transition: transform 0.3s ease-in-out;
}

.gallery-more.active:after {
  top: 9px;
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.gallery-hidden {
  display: none;
}


.gallery-photos {
  padding: 40px 0;
  overflow: hidden;
}
.gallery-photo {
  display: block;
  float: left;
  width: 23.5%;
  height: 0;
  padding-bottom: 15.5%;
  margin: 0 2% 2% 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.gallery-photo:nth-child(4n+4) {
  margin-right: 0;
}


/* COURSE LIST */

.course-table {
  margin-bottom: 60px;
}
.ce-hidden {
  display: none;
}
.course-entries-headings,
.course-entry {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #0A2342;
}
.course-entry:hover {
  color: #FFF;
  background-color: #0A2342;
}
.course-entries-headings span,
.course-entry span {
  display: table-cell;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2;
  border: 0;
  padding: 10px 10px 10px 0;
  border-bottom: 2px solid #94958A;
  vertical-align: top;
}
.course-entries-headings span:first-child,
.course-entry span:first-child {
  width: 150px;
  padding-left: 10px;
}
.course-entries-headings span:nth-child(2),
.course-entry span:nth-child(2) {
  width: 400px;
}
.course-entries-headings span:last-child,
.course-entry span:last-child {
  width: 130px;
  text-align: right;
}

.course-entries-headings span {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2;
  color: #3F4045;
  text-align: left;
}

.course-table-more {
  display: none;
  color: white;
  background-color: #0A2342;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2;
  width: 200px;
  padding: 6px 10px 3px 20px;
  margin-top: 10px;
  border-radius: 30px;
}

.course-table-more:before {
  content: "Show More";
}
.course-table-more.active:before {
  content: "Show Less";
}

.course-table-more:after {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2;
  background-image: url("images/arrow-down@2x.png");
  right: 20px;
  top: 10px;
  width: 24px;
  height: 14px;
  transition: transform 0.3s ease-in-out;
}

.course-table-more.active:after {
  top: 9px;
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}


.button-large {
  height: 63px;
  padding: 10px 20px 10px 70px;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 43px;
  color: #B6B8B6;
  background-color: #0A2342;
  text-align: right;
  border-radius: 30px;
}

.button-large:before {
  background-image: url("images/icon-download@2x.png");
  left: 10px;
  top: 10px;
  width: 43px;
  height: 43px;
  z-index: 1;
}

.button-large span {
  padding-top: 3px;
  z-index: 1;
}

.button-large:after {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.button-large:hover:after {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}


/* COURSE DETAILS */

.course-info {
  color: #3F4045;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 30px;
}
.course-more-info {
  margin-bottom: 30px;
}
.course-info p {
  font-size: 2.6em;
}
.course-more-info p {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
/*
.ci-label, .ci-content {
  display: block;
}
.ci-label {
  text-transform: uppercase;
}
*/
.ci-label, .ci-content {
  display: block;
  padding-bottom: 5px;
}
.ci-label {
  font-weight: 700;
  text-transform: uppercase;
}

/* ANNOUNCEMENTS */

.news-list-entries {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.news-list-entry {
  display: block;
  float: left;
  width: 23.95%;
  margin-bottom: 3%;
  margin-right: 1.4%;
  text-align: left;
}
.news-list-entry:nth-child(4n+4) {
  margin-right: 0;
}
.news-list-date {
  padding: 10px 18px;
}
.news-list-title {
  min-height: 100px;
  padding: 10px 18px;
}
.news-list-image {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.news-list-date {
  display: block;
  padding: 10px 18px;
  color: white;
  background-color: #0A2342;
  font-size: 2.3em;
  font-weight: 700;
  line-height: 1.2;
  padding: 6px 18px;
}
.news-list-title {
  display: block;
  padding: 10px 18px 12px 18px;
  height: 110px;
  border: 2px solid #0A2342;
  color: #3F4045;
  font-size: 2.1em;
  font-weight: 400;
  line-height: 1.3;
}


/* NEWSLETTER */

.content-news {
  max-width: 1400px;
}

.content-news p {
  color: #3F4045;
  /* font-size: 2.6em; */
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

/*
.content-news .page-title {
  margin-top: 100px;
}
*/

.news-row {
  margin-bottom: 80px;
}
h2.page-title + .news-smaller-row {
  margin-top: -30px;
}

/*
.news-title {
  color: #04395E;
  font-size: 3.2em;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 20px;
}
*/

.news-title {
  font-size: 2.9em;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 60px;
  margin-bottom: 20px;
}

.page-title + .news-title {
  margin-top: -10px;
}

.content-news p + .page-title {
  margin-top: 70px;
}

.content-news p + .news-title {
  margin-top: 70px;
}

.content-image-container {
  padding-top: 20px;
  padding-bottom: 5px;
  clear: both;
}

.content-image {
  display: block;
  width: 23.5%;
  height: 0;
  padding-bottom: 15.5%;
  margin: 0 2% 2% 0;
}

.content-image:nth-child(4n+4) {
  margin: 0;
}

.ci-left {
  width: 50%;
}

.ci-right {
  width: 50%;
  padding-top: 10px;
  padding-left: 30px;
}

.page-event {
  width: 50%;
  margin-bottom: 30px;
}
.page-event.with-image { 
  width: 100%;
}
.pv-text {
  width: 100%;
}
.pv-image-print {
  display: none;
}
.page-event.with-image .pv-text,
.page-event.with-image .pv-image {
  position: relative;
  width: 50%;
  min-height: 300px;
}
.page-event.with-image .pv-text {
  left: -50%;
}
.page-event.with-image .pv-image {
  left: 50%;
}

.pv-text-inner {
  padding: 15px 20px;
  border: 2px solid #B1806F;
  background-color: white;
}

.pv-date {
  background-color: #B1806F;
  color: white;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  padding: 15px 70px 15px 30px;
}

.pv-date:after {
  background-image: url("images/icon-page-event-more@2x.png");
  top: 50%;
  right: 20px;
  width: 37px;
  height: 37px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pv-title {
  color: #3F4045;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 13px;
  border-bottom: 2px solid #94958A;
  margin-bottom: 15px;
}

.pv-intro, .pv-intro p {
  color: #3F4045;
}

.pv-intro-heading {
  color: #3F4045;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
}

.content-news .pv-intro p {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2;
}


.newsletter-top-date {
  margin-bottom: 40px;
  font-size: 3em;
  font-weight: 700;
}

.newsletter-menu {
  margin-bottom: 60px;
}
.newsletter-menu-year {
  display: inline-block;
  position: relative;
  color: #94958A;
  padding-right: 25px;
  border-right: 3px solid #94958A;
  margin-right: 25px;
}
.newsletter-menu-year span {
  display: inline-block;
  padding: 10px 0;
  font-size: 3.1em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  vertical-align: middle;
  cursor: pointer;
}
.newsletter-menu-year span:after {
  display: inline-block;
  content: '\25BE';
  margin: -5px 0 0 10px;
  vertical-align: middle;
}
.newsletter-menu-year:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
.newsletter-menu-year ul {
  display: none; z-index: 1;
}
.newsletter-menu-year ul li {
  display: block;
  float: left;
  width: 170px;
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.newsletter-menu-year ul li:nth-child(3n+1) {
  clear: both;
}
.newsletter-menu-year ul li a {
  display: block;
  padding: 15px 20px;
  color: #0A2342;
  background-color: #E9E9E9;
  font-size: 2em;
  font-weight: 700;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.newsletter-menu-year ul li a:hover {
  color: #FFF;
  background-color: #0A2342;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

/* CONTENT PAGE */

.content-details .page-title {
  margin-bottom: 40px; /* 20px */
  text-transform: none;
}
.content-details .page-subtitle {
  margin-top: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.default-text h2 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.no-message {
  margin-bottom: 60px;
  font-size: 2em;
}


/* SEARCH */

.search-page-heading {
  margin-bottom: 10px;
  font-size: 2.6em;
  font-weight: 700;
}
.search-page-count {
  margin-bottom: 30px;
}
.search-result {
  display: block;
  margin-bottom: 20px;
}
.search-result-title {
  color: #0A2342;
  font-size: 2.2em;
}
p.search-result-link {
  font-size: 1.8em;
  font-style: italic;
}


/* SITEMAP */

.sitemap-content {
  padding-bottom: 50px;
}
.sitemap-content ul#menu-main-menu-1 {
  margin: 20px auto 50px;
}
.sitemap-content ul li a {
  font-size: 2.5em;
  color: #0A2342;
}
.sitemap-content ul > li {
  margin-bottom: 10px;
}
.sitemap-content ul > li > ul > li {
  margin-bottom: 5px;
}
.sitemap-content ul.sub-menu {
  margin: 5px auto 10px;
}
.sitemap-content ul li ul li a {
  font-size: 2em;
  color: #0A2342;
  padding-left:20px;
}


/* PARENT PAGE */

.content .subpages ul {
  list-style: none;
  margin: 0;
}
.content .subpages li {
  margin: 0;
  font-size: 1em;
}
.subpages li a {
  display: block;
  position: relative;
  padding: 25px 60px 25px 25px;
  border: 2px solid #0A2342;
  margin-bottom: 30px;
  color: #0A2342;
  font-size: 2.2em;
  font-weight: 700;
  width: 100%;
  max-width: 500px;
}
.subpages li a:after {
  display: block;
  position: absolute;
  content: '';
  right: 20px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url('images/more-arrow@2x.png') no-repeat center center;
  background-size: contain;
}


/* YEAR LIST */

.year-switcher ul {
  max-width: 950px;
}
.year-switcher li {
  cursor: pointer;
}
.year-entry {
  display: none;
}


/* PRINT */

.icon-image {
  position: relative;
}
.icon-image-print {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
}


/* ELKT */

.elkt-list-entry {
  display: block;
  float: none;
  width: 100%;
  margin-bottom: 3%;
}


/* COURSE */

.content-course-details.content-details .page-title {
  margin-bottom: 20px;
}
.content-course-details.content-details .page-subtitle {
  margin: 0 0 50px 0;
}