/* Home page */
body.path-frontpage .home-landing{
	position: fixed;
	left: 0;
	right: 0;
	top: 123px;
	bottom: 0;
	overflow: auto;
}
body.path-frontpage .home-landing .holder{
	position: relative;
	/* height: 100%; */
	/* height: calc(100vh + 200px); */
}
body.path-frontpage .home-landing .holder .heading2{
	position: absolute;
	width: 100%;
	top: calc((100vh * 470 / 1920));
	text-align: left;
	font-size: 6.3em;
	color: #fff;
	line-height: 5.5vw;
	text-shadow: 0px 3px #000000;
	font-weight: bold;
	padding: 2vw;
}
body.path-frontpage .home-landing .holder .heading2 .small{
	/* font-size: 2.5vw; */
	font-size: 0.5em;
}
body.path-frontpage .home-landing .holder .btn-index{
	position: absolute;
	width: 100%;
	/* top: 50%; */
	/* left: 50%; */
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 1.25em;
	width: 250px;
	height: 250px;
	background-color: #A18444;
	color: #fff;
	padding: 1.5vw ;
	line-height: normal;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%)
}

body.path-frontpage .home-landing .holder .btn-index{
	left: calc(100vw * 710 / 1920);
	top: calc((100vh * 330 / 1920));
	width: 220px;
	height: 220px;
}
body.path-frontpage .home-landing .holder .btn-index-1{
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #d9803f;
}
body.path-frontpage .home-landing .holder .btn-index-2{
	position: absolute;
	margin-left: calc(1 * 220px);
	background-color: #dc9e4a;
}
body.path-frontpage .home-landing .holder .btn-index-3{
	position: absolute;
	margin-left: calc(2 * 220px);
	background-color: #346842;
}
body.path-frontpage .home-landing .holder .btn-index-4{
	position: absolute;
	margin-left: calc(2 * 220px);
	margin-top: calc(1 * 220px);
	background-color: #53a78c;
}
body.path-frontpage .home-landing .holder .btn-index-5{
	position: absolute;
	margin-left: calc(3 * 220px);
	margin-top: calc(1 * 220px);
	background-color: #88c3bf;
}
body.path-frontpage .home-landing .holder .btn-index-6{
	position: absolute;
	margin-left: calc(2 * 220px);
	margin-top: calc(2 * 220px);
	background-color: #375c8f;
}
body.path-frontpage .home-landing .holder .btn-index-7{
	position: absolute;
	margin-left: calc(3 * 220px);
	margin-top: calc(2 * 220px);
	background-color: #4e4e4d;
}
body.path-frontpage .home-landing .holder .btn-index-8{
	position: absolute;
	margin-left: calc(1 * 220px);
	margin-top: calc(2 * 220px);
	background-color: #1e2d56;
}

@media only screen and (max-width: 1440px) {
	body.path-frontpage .home-landing .holder .heading2{
		font-size: 4em;
	}
	body.path-frontpage .home-landing .holder .btn-index{
		left: calc(100vw * 710 / 1920);
		top: calc((100vh * 480 / 1920));
		width: 140px;
		height: 140px;
		font-size: 0.75em;
	}
	body.path-frontpage .home-landing .holder .btn-index-1{
		margin-left: 0px;
		margin-top: 0px;
	}
	body.path-frontpage .home-landing .holder .btn-index-2{
		margin-left: calc(1 * 140px);
	}
	body.path-frontpage .home-landing .holder .btn-index-3{
		margin-left: calc(2 * 140px);
	}
	body.path-frontpage .home-landing .holder .btn-index-4{
		margin-left: calc(2 * 140px);
		margin-top: calc(1 * 140px);
	}
	body.path-frontpage .home-landing .holder .btn-index-5{
		margin-left: calc(3 * 140px);
		margin-top: calc(1 * 140px);
	}
	body.path-frontpage .home-landing .holder .btn-index-6{
		margin-left: calc(2 * 140px);
		margin-top: calc(2 * 140px);
	}
	body.path-frontpage .home-landing .holder .btn-index-7{
		margin-left: calc(3 * 140px);
		margin-top: calc(2 * 140px);
	}
	body.path-frontpage .home-landing .holder .btn-index-8{
		margin-left: calc(1 * 140px);
		margin-top: calc(2 * 140px);
	}
}

@media only screen and (max-width: 1348px) {
	body.path-frontpage .home-landing .holder .heading2{
		font-size: 4em;
		top: calc(100vh * 490 / 1920);
	}
	body.path-frontpage .home-landing .holder .btn-index{
		left: calc(100vw * 400 / 1920);
		top: calc(100vh * 290 / 1920);
	}
}

@media only screen and (max-width: 1023px) {
	body.path-frontpage .home-landing{
		top: 93px;
	}
	body.path-frontpage .home-landing .holder{
		height: calc(100vh + 0px);
	}
	body.path-frontpage .home-landing .holder .heading2 {
		top: -30px;
		text-align: center;
		font-size: 4em;
		line-height: 1em;
		margin-left: -8vw;
	}
	body.path-frontpage .home-landing .holder .btn-index{
		left: 50%;
		top: 300px;
		font-size: 1.15em;
		width: 200px;
		height: 200px;
	}
	body.path-frontpage .home-landing .holder .btn-index-1{
		margin-left: calc(-1 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-2{
		margin-left: calc(0 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-3{
		margin-left: calc(1 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-4{
		margin-left: calc(-1 * 200px);
		margin-top: calc(1 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-5{
		margin-left: calc(0 * 200px);
		margin-top: calc(1 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-6{
		margin-left: calc(-1 * 200px);
		margin-top: calc(2 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-7{
		margin-left: calc(0 * 200px);
		margin-top: calc(2 * 200px);
	}
	body.path-frontpage .home-landing .holder .btn-index-8{

		margin-left: calc(1 * 200px);
		margin-top: calc(1 * 200px);
	}
}


@media only screen and (max-width: 991px) {
	body.path-frontpage .home-landing{
		top: 123px;
	}
}

@media only screen and (max-width: 767px) {
	body.path-frontpage .home-landing{
		top: 113px;
	}
	body.path-frontpage .home-landing .holder{
		height: calc(100vh + 0px);
	}
	body.path-frontpage .home-landing .holder .heading2 {
		top: 0px;
		font-size: 3em;
	}
	body.path-frontpage .home-landing .holder .btn-index{
		left: 50%;
		top: 150px;
		font-size: 1.15em;
		width: 80%;
		height: 50px;
		margin-left: 0;
	}
	body.path-frontpage .home-landing .holder .btn-index-1{
		margin-left: 0;
		margin-top: calc(0 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-2{
		margin-left: 0;
		margin-top: calc(1 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-3{
		margin-left: 0;
		margin-top: calc(2 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-4{
		margin-left: 0;
		margin-top: calc(3 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-5{
		margin-left: 0;
		margin-top: calc(4 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-6{
		margin-left: 0;
		margin-top: calc(6 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-7{
		margin-left: 0;
		margin-top: calc(7 * 50px);
	}
	body.path-frontpage .home-landing .holder .btn-index-8{
		margin-left: 0;
		margin-top: calc(5 * 50px);
	}
}

@media only screen and (max-width: 377px) {
	body.path-frontpage .home-landing{
		top: 126px;
	}
	body.path-frontpage .home-landing .holder{
		height: calc(100vh + 0px);
	}
	body.path-frontpage .home-landing .holder .heading2 {
		top: 0px;
		font-size: 3em;
	}
}





.my-home-slide-section .slick-prev,.my-home-slide-section .slick-next{
	display: none !important;
}
.my-home-slide-section .slick-dots{
	display: none !important;
}



body.path-frontpage footer {
	margin-top: 0px;
}
body.path-frontpage footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
}

body.path-frontpage header {
	background-color: #f9f9f9;
}




body.path-frontpage .layout.layout--hkust-fullwidth .slick-slide img {
	min-height: calc(100vh - 210px);
	max-height: calc(100vh - 210px);
}

body.path-frontpage .region-content .block-hkust-blocks.block-hkust-slideshow {
	margin-bottom: 0px;
}



.footer {
	border-top: 10px solid #A18444;
}



.my-page-banner-section .block.block-hkust-slideshow .description-overlay .slick-slide .field__item .field--name-field-slideshow-description {
	background-color: inherit;
}
.my-page-banner-section .block.block-hkust-slideshow .description-overlay .slick-slide .field__item .field--name-field-slideshow-description h1 {
	font-size: 8em;
	padding-bottom: 0px;
	text-shadow: 5px 5px 10px #000;
	line-height: 1em;
}
.my-page-banner-section .block.block-hkust-slideshow .description-overlay .slick-slide .field__item .field--name-field-slideshow-description h2 {
	text-shadow: 5px 5px 10px #000;
}
.my-page-banner-section .block.block-hkust-slideshow .description-overlay .slick-slide .field__item .field--name-field-slideshow-description hr {
	margin-top: 10px;
    margin-bottom: 10px;
	border-top: 3px solid #eeeeee;
}



/* Accordion override */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-weight: bold;
	color: #ffffff;
	background: #d9803f;
	border: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #d9803f;
	background: #d9803f;
	font-weight: bold;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #d9803f;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: none;
	background: #346842;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #ffffff/*{fcHover}*/;
	text-decoration: none;
}

.ui-accordion .ui-accordion-header {
	margin: 0 0 0 0;
	margin-top: 5px;
    padding: 1em 2em;
	font-size: 1.4em;
	text-transform: uppercase;
}

.ui-accordion-header-icon {
	float: right;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

span.ui-accordion-header-icon.ui-icon {
	display: none;
}
.accordion-arrow {
	float: right;
}
.accordion-title {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
}
.accordion-title-span {
	padding-right: 20px;
}
.ui-state-active .accordion-arrow i {
	transform: rotate(90deg);
}


.ui-accordion .ui-accordion-header:focus {
	outline: none;
}









.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+1),
.block.block-menu.navigation.menu--main li:nth-child(8n+1) {
	border-left: 20px solid #d9803f;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+2),
.block.block-menu.navigation.menu--main li:nth-child(8n+2) {
	border-left: 20px solid #dc9e4a;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+3),
.block.block-menu.navigation.menu--main li:nth-child(8n+3) {
	border-left: 20px solid #346842;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+4),
.block.block-menu.navigation.menu--main li:nth-child(8n+4) {
	border-left: 20px solid #53a78c;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+5),
.block.block-menu.navigation.menu--main li:nth-child(8n+5) {
	border-left: 20px solid #88c3bf;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+6),
.block.block-menu.navigation.menu--main li:nth-child(8n+6) {
	border-left: 20px solid #375c8f;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+7),
.block.block-menu.navigation.menu--main li:nth-child(8n+7) {
	border-left: 20px solid #4e4e4d;
}
.sitemap-box-menu-main .sitemap-menu > li:nth-child(8n+8),
.block.block-menu.navigation.menu--main li:nth-child(8n+0) {
	border-left: 20px solid #59595b;
}




.block.block-menu.navigation.menu--main li {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0px;
	padding: 10px;
	text-transform: uppercase;
	font-size: 1.25em;
	padding-top: 20px;
	padding-bottom: 20px;
}

.block.block-menu.navigation.menu--main li:hover {
	background-color: #d9803f6c;
}

.block.block-menu.navigation.menu--main li.menu-item.menu-item--active-trail {
	background-color: #d9803f6c;
}


.block.block-menu.navigation.menu--main a,
.block.block-menu.navigation.menu--main a:hover {
	color: #4e4e4d;
}




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,
body .region-content h6, body.cke_editable h6,
body .region-content .event-wrapper .title .field {
	color: #4e4e4d;
}

body .region-content a, body.cke_editable a,
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: #d9803f;
}
body .region-content a:hover, body.cke_editable a:hover,
body .region-content h2 a:hover, body.cke_editable h2 a:hover,
body .region-content h3 a:hover, body.cke_editable h3 a:hover,
body .region-content h4 a:hover, body.cke_editable h4 a:hover {
	color: #dc9e4a;
}

body .region-content h1, body.cke_editable h1 {
	text-transform: inherit;
	font-weight: 700;
}
body .region-content h4, body.cke_editable h4 {
	color: #346842;
}
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: 0px;
}


img.text-wrap-right {
    margin-left: 15px;
    margin-bottom: 15px;
	float: right;
	width: 30%;
}




body .region-content .hkust-block--accordion ul,
body .region-content .hkust-simple-text ul, body.cke_editable .hkust-simple-text ul {
    padding-left: 20px;
}
body .region-content .hkust-block--accordion ul li,
body .region-content .hkust-simple-text ul li, body.cke_editable .hkust-simple-text ul li {
    list-style: none;
}
body .region-content .hkust-block--accordion ul li:before,
body .region-content .hkust-simple-text ul li:before {
    font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
    content: '■';
    color: #d9803f;
    float: left;
    width: 1em;
    margin: .15em -1.2em;
    font-size: 1em;
}


body .region-content table.tablesaw th, body.cke_editable table.tablesaw th {
	background-color: #346842;
	color: #ffffff;
}



/* Events list */
.view.event-listing .views-row:nth-child(odd) {
	background-color: #f2f4f1;
}

.view.event-listing .views-row {
	margin: 0px;
	padding: 0px;
	padding: 10px 30px !important;
	font-weight: bold;
	border: none;
}
.view.event-listing .views-row .events-list .image {
	padding-right: 10px;
	width: auto;
	max-width: 350px;
}
.view.event-listing .views-row .events-list .title {
	font-size: 1.44em;
	line-height: 1.4em;
	margin-top: 10px;
}

body .region-content .detail h4, body.cke_editable .detail h4 {
	color: #346842;
	font-size: 1.25em;
}

.col-md-3 div.hkust-single-image > img {
	width: 100%;
	max-width: initial;
}


body.path-node.page-node-type-landing-page .pager {
	margin-top: 0px;
}

body.path-node.page-node-type-landing-page ul.pager__items.js-pager__items {
	padding-left: 0px;
	padding-top: 20px;
}
body.path-node.page-node-type-landing-page ul.pager__items {
	text-align: left;
}

body.path-node.page-node-type-landing-page .pager li > a, .pager li > span {
	border-radius: 0px;
	padding: 10px 14px;
}
body.path-node.page-node-type-landing-page .pager li.is-active  > a,
body.path-node.page-node-type-landing-page .region-content .pager a:hover, body.cke_editable .pager a:hover {
	background-color: #346842;
	color: #ffffff;
}
body.path-node.page-node-type-landing-page .pager li > a {
	color: #5a5a5c;
}
.view.event-listing .views-row .detail .date {
	color: #5a5a5c;
}
@media only screen and (max-width: 991px) {
	body.path-node.page-node-type-landing-page ul.pager__items .pager__item {
		padding: 0.4em;
	}
}