/*Start 111 beautifier*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html {
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
	overflow-x: hidden;
}

@font-face {
	font-family: "Source Serif Pro";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/SourceSerifPro-Regular.ttf") format("truetype");
	/*  src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/allianz-neo-semibold.eot"); 
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/allianz-neo-semibold.eot#iefix") format("embedded-opentype"), 
	url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/allianz-neo-semibold.woff2") format("woff2"), 
	url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/allianz-neo-semibold.woff") format("woff"), 
	url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/SourceSerifPro-Regular.ttf") format("truetype"), 
	url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/allianz-neo-semibold.svg#Allianz Neo W04 SemiBold") format("svg"); */
}

@font-face {
	font-family: "Butler Bold";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Butler-Bold-9.otf#iefix") format("embedded-opentype");
}


@font-face {
	font-family: "Source SemiBold";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/SourceSerifPro-SemiBold.ttf") format("truetype");
}


@font-face {
	font-family: "Source ProBold";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/SourceSerifPro-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Black";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-Black.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Black Italic";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-BlackItalic.ttf") format("truetype");
}

/*@font-face {
	font-family: "Lato Bold";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-Bold.ttf") format("truetype");
}*/


@font-face {
	font-family: "Lato Bold Italic";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Italic";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-Italic.ttf") format("truetype");
}


@font-face {
	font-family: "Lato Light";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-Light.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Light Italic";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-LightItalic.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Regular";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
.postid-2503, .postid-2505{
	font-family: "Lato Regular";
	src: url("https://webarchive.lib.cuhk.edu.hk/20241031215105oe_/http://stat.uniquekey.com.hk/wp-content/themes/fonts/Lato-Regular.ttf") format("truetype");
}
}

@font-face {
	font-family: "Lato Thin";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-Thin.ttf") format("truetype");
}

@font-face {
	font-family: "Lato Thin Italic";
	src: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/fonts/Lato-ThinItalic.ttf") format("truetype");
}


@import url('https://webarchive.lib.cuhk.edu.hk/20241031215105cs_/https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://webarchive.lib.cuhk.edu.hk/20241031215105cs_/https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap');


/*@import .postid-2503, .postid-2505 url('https://webarchive.lib.cuhk.edu.hk/20241031215105oe_/http://stat.uniquekey.com.hk/wp-content/themes/fonts/Lato-Regular.ttf');*/



/*h1, h2, h3, h4, h5, h6, .tabs li{
font-family: 'Source Serif Pro', serif !important;
}*/

.font-lato-regular {
	/*font-family: 'Lato', sans-serif !important;*/
	font-family: "Lato Regular" !important;
}

.font-lato-bold {
	font-family: 'Lato Bold', sans-serif !important;
}

.font-source {
	font-family: 'Source Serif Pro', serif !important;
}

.font-source-semi-bold {
	font-family: "Source SemiBold" !important;
	font-weight: 600;
}

.font-bulter {
	font-family: "Butler Bold" !important;
}

.font-source-bold {
	font-family: "Source ProBold" !important;
}

p, tr, td, button.accordion.custom-acc>*{
	font-family: 'Lato', sans-serif !important;
}

body {
	margin: 0;
	overflow-x: hidden;
}

.hero-quote p:first-child,h1 {
	font-size: 2em;
	margin: .67em 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace,monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,strong {
	font-weight: bolder;
}

code,kbd,samp {
	font-family: monospace,monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

img {
	border-style: none;
}

button,input,optgroup,select,textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,input {
	overflow: visible;
}

button,select {
	text-transform: none;
}

[type=button],[type=reset],[type=submit],button {
	-webkit-appearance: button;
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: .35em .75em .625em;
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type=checkbox],[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: myriad-pro,sans-serif;
	font-size: 100%;
	line-height: 1.5;
	word-wrap: break-word;
}

@media (min-width:1024px) {
	html {
		font-size: 112.5%;
		line-height: 1.5;
	}
}

*,:after,:before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

/*:last-child {
margin-bottom: 0;
}*/

::-moz-selection {
	color: #fff;
}

::selection {
	color: #ffffff;
	background-color: #6a1a6f;
}

audio,canvas,img,svg,video {
	height: auto;
	max-width: 100%;
}

.hero-quote p:first-child,address,blockquote,figure,h1,h2,h3,h4,h5,h6,ol,p,ul {
	margin-bottom: 20px;
	margin-top: 0;
}

.hero-quote p:first-child,h1,h2,h3,h4,h5,h6 {
	font-family: myriad-pro,sans-serif;
}

hr {
	margin: 20px 0;
}

li {
	margin-bottom: 10px;
	margin-top: 0;
}

button,input,textarea {
	background: #fff;
	border: 1px solid;
	color: inherit;
	font: inherit;
	max-width: 100%;
	padding: 0;
}

[type=checkbox],[type=radio] {
	background: initial;
	cursor: pointer;
}

select {
	color: inherit;
	font: inherit;
}

[type=button],[type=submit],button {
	cursor: pointer;
}

.gform_validation_container {
	display: none;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.article-links li {
	display: inline-block;
}

.article-links li:not(:last-child):after {
	content: "|";
	margin: 0 10px;
}

.comment-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.gallery br {
	display: none;
}

.gallery-item {
	display: block;
	margin: 0;
	text-align: center;
	vertical-align: top;
}

.gallery-icon {
	padding: 10px;
	text-align: center;
}

p:empty {
	display: none;
}

.screen-reader-text:focus {
	-webkit-box-shadow: 0 0 2px 2px rgba(34,34,34,.6);
	background-color: #fff;
	box-shadow: 0 0 2px 2px rgba(34,34,34,.6);
	clip: auto!important;
	color: #2e1a4c;
	display: block;
	font-size: 1rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 1rem;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.wp-caption {
	max-width: 100%;
}

@media print,screen and (min-width:40em) {
	.reveal,.reveal.large,.reveal.small,.reveal.tiny {
		left: auto;
		margin: 0 auto;
		right: auto;
	}
}

.accordion {
	background: none;
	list-style-type: none;
	margin-left: 0;
}

.accordion[disabled] .accordion-title {
	cursor: not-allowed;
}

.accordion-item:first-child>:first-child {
	border-radius: 0 0 0 0;
}

.accordion-item:last-child>:last-child {
	border-radius: 0 0 0 0;
}

.accordion-title {
	border: 0;
	border-bottom: 0;
	display: block;
	font-size: 1rem;
	line-height: 1;
	padding: .8rem 1.2rem;
	position: relative;
}

:last-child:not(.is-active)>.accordion-title {
	border-bottom: 0;
	border-radius: 0 0 0 0;
}

.accordion-title:focus,.accordion-title:hover {
	background-color: #f0ecf7;
}

.accordion-content {
	background-color: #fff;
	border: 0;
	border-bottom: 0;
	display: none;
	padding: .8rem 1.2rem;
}

:last-child>.accordion-content:last-child {
	border-bottom: 0;
}

.accordion-menu li {
	width: 100%;
}

.accordion-menu .is-accordion-submenu a,.accordion-menu a {
	padding: .8rem 1.2rem;
}

.accordion-menu .nested.is-accordion-submenu {
	margin-left: 1rem;
	margin-right: 0;
}

.accordion-menu.align-right .nested.is-accordion-submenu {
	margin-left: 0;
	margin-right: 1rem;
}

.is-accordion-submenu-parent {
	position: relative;
}

.has-submenu-toggle>a {
	margin-right: 40px;
}

.submenu-toggle {
	cursor: pointer;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

.submenu-toggle:after {
	border-color: #1779ba transparent transparent;
	border-style: solid inset inset;
	border-width: 6px 6px 0;
	bottom: 0;
	content: "";
	display: block;
	height: 0;
	margin: auto;
	top: 0;
	width: 0;
}

.submenu-toggle[aria-expanded=true]:after {
	-ms-transform: scaleY(-1);
	-ms-transform-origin: 50% 50%;
	-webkit-transform: scaleY(-1);
	-webkit-transform-origin: 50% 50%;
	transform: scaleY(-1);
	transform-origin: 50% 50%;
}

.submenu-toggle-text {
	-webkit-clip-path: inset(50%);
	border: 0;
	clip: rect(0,0,0,0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	white-space: nowrap;
	width: 1px;
}

.close-button {
	color: #2e1a4c;
	cursor: pointer;
	position: absolute;
}

[data-whatinput=mouse] .close-button {
	outline: 0;
}

.close-button:focus,.close-button:hover {
	color: rgba(46,26,76,.75);
}

.close-button.small {
	font-size: 1.5em;
	line-height: 1;
	right: .66rem;
	top: .33em;
}

.close-button,.close-button.medium {
	font-size: 2em;
	line-height: 1;
	right: 1rem;
	top: .5rem;
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
	left: auto;
	right: 0;
	top: 100%;
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
	left: 0;
	right: auto;
	top: 100%;
}

.dropdown.menu a {
	padding: .7rem 0;
}

[data-whatinput=mouse] .dropdown.menu a {
	outline: 0;
}

.dropdown.menu .is-active>a {
	background: transparent;
	color: #2e1a4c;
}

.no-js .dropdown.menu ul {
	display: none;
}

.dropdown.menu .nested.is-dropdown-submenu {
	margin-left: 0;
	margin-right: 0;
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
	top: 0;
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
	left: auto;
	right: 100%;
	top: 0;
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
	left: 100%;
	right: auto;
}

@media print,screen and (min-width:40em) {
	.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 0;
		top: 100%;
	}

	.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
		left: 0;
		right: auto;
		top: 100%;
	}

	.dropdown.menu.medium-vertical>li .is-dropdown-submenu {
		top: 0;
	}

	.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 100%;
		top: 0;
	}

	.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
		left: 100%;
		right: auto;
	}
}

@media print,screen and (min-width:64em) {
	.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 0;
		top: 100%;
	}

	.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
		left: 0;
		right: auto;
		top: 100%;
	}

	.dropdown.menu.large-vertical>li .is-dropdown-submenu {
		top: 0;
	}

	.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 100%;
		top: 0;
	}

	.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
		left: 100%;
		right: auto;
	}
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
	left: auto;
	right: 0;
	top: 100%;
}

.is-dropdown-menu.vertical {
	width: 100px;
}

.is-dropdown-menu.vertical.align-right {
	float: right;
}

.is-dropdown-submenu-parent {
	position: relative;
}

/**Jayson**/

a:after {
    content: none!important;
}

/* End */

.is-dropdown-submenu-parent a:after {
	left: auto;
	margin-top: -6px;
	position: absolute;
	right: 5px;
	top: 50%;
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
	left: auto;
	top: 100%;
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
	left: auto;
	right: 100%;
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
	left: 100%;
	right: auto;
}

.is-dropdown-submenu {
	background: #fff;
	border: 0;
	display: none;
	left: 100%;
	min-width: 16rem;
	position: absolute;
	top: 0;
	z-index: 1;
}

.dropdown .is-dropdown-submenu a {
	padding: .5rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu {
	margin-top: 0;
}

.is-dropdown-submenu>li {
	width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
	display: block;
}

body.is-reveal-open {
	overflow: hidden;
}

html.is-reveal-open,html.is-reveal-open body {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	min-height: 100%;
	overflow: hidden;
	position: fixed;
	user-select: none;
}

.reveal-overlay {
	background-color: rgba(46,26,76,.45);
	bottom: 0;
	display: none;
	left: 0;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1005;
}

.reveal {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	display: none;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	padding: 1.5rem;
	position: relative;
	top: 100px;
	z-index: 1006;
}

[data-whatinput=mouse] .reveal {
	outline: 0;
}

@media print,screen and (min-width:40em) {
	.reveal {
		min-height: 0;
	}
}

.reveal .column {
	min-width: 0;
}

.reveal>:last-child {
	margin-bottom: 0;
}

@media print,screen and (min-width:40em) {
	.reveal {
		max-width: 75rem;
		width: 600px;
	}
}

.reveal.collapse {
	padding: 0;
}

@media print,screen and (min-width:40em) {
	.reveal.tiny {
		max-width: 75rem;
		width: 30%;
	}
}

@media print,screen and (min-width:40em) {
	.reveal.small {
		max-width: 75rem;
		width: 50%;
	}
}

@media print,screen and (min-width:40em) {
	.reveal.large {
		max-width: 75rem;
		width: 90%;
	}
}

.reveal.full {
	border: 0;
	border-radius: 0;
	height: 100%;
	height: 100vh;
	left: 0;
	margin-left: 0;
	max-width: none;
	min-height: 100vh;
	top: 0;
	width: 100%;
}

@media screen and (max-width:39.9375em) {
	.reveal {
		border: 0;
		border-radius: 0;
		height: 100%;
		height: 100vh;
		left: 0;
		margin-left: 0;
		max-width: none;
		min-height: 100vh;
		top: 0;
		width: 100%;
	}
}

.reveal.without-overlay {
	position: fixed;
}

.sticky,.sticky-container {
	position: relative;
}

.sticky {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 0;
}

.sticky.is-stuck {
	position: fixed;
	width: 100%;
	z-index: 5;
}

.sticky.is-stuck.is-at-top {
	top: 0;
}

.sticky.is-stuck.is-at-bottom {
	bottom: 0;
}

.sticky.is-anchored {
	left: auto;
	position: relative;
	right: auto;
}

.sticky.is-anchored.is-at-bottom {
	bottom: 0;
}

.tabs {
	background: none;
	border: 0 solid;
	list-style-type: none;
	margin: 0;
}

.tabs:after,.tabs:before {
	-ms-flex-order: 1;
	-ms-flex-preferred-size: 0;
	-webkit-box-ordinal-group: 2;
	content: " ";
	display: table;
	flex-basis: 0;
	order: 1;
}

.tabs:after {
	clear: both;
}

.tabs.vertical>li {
	display: block;
	float: none;
	width: auto;
}

.tabs.simple>li>a {
	padding: 0;
}

.tabs.simple>li>a:hover {
	background: transparent;
}

.tabs.primary {
	background: #1779ba;
}

.tabs.primary>li>a {
	color: #fff;
}

.tabs.primary>li>a:focus,.tabs.primary>li>a:hover {
	background: #1673b1;
}

.tabs-title {
	float: left;
}

.tabs-title>a {
	color: #5c33ad;
	display: block;
	font-size: 1rem;
	line-height: 1;
	padding: 0;
}

.tabs-title>a:hover {
	background: none;
	color: #4f2c95;
}

.tabs-title>a:focus,.tabs-title>a[aria-selected=true] {
	background: none;
	color: #2e1a4c;
}

.tabs-content {
	-webkit-transition: all .5s ease;
	background: none;
	border: 0 solid;
	border-top: 0;
	color: #2e1a4c;
	transition: all .5s ease;
}

.tabs-content.vertical {
	border: 0 solid;
	border-left: 0;
}

.tabs-panel {
	display: none;
	padding: 0;
}

.tabs-panel.is-active {
	display: block;
}

.grid-container {
	max-width: 75rem;
}

.grid-container,.grid-container.fluid {
	margin: 0 auto;
	padding-left: .5rem;
	padding-right: .5rem;
}

.grid-container.fluid {
	max-width: 100%;
}

.grid-container.full {
	margin: 0 auto;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.grid-x {
	-ms-flex-flow: row wrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
}

.cell {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	min-height: 0;
	min-width: 0;
	width: 100%;
}

.cell.auto {
	-ms-flex: 1 1 0px;
	-webkit-box-flex: 1;
	flex: 1 1 0px;
}

.cell.shrink {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}

.grid-x>.auto {
	width: auto;
}

.grid-x>.shrink {
	width: auto;
}

.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-full,.grid-x>.small-shrink {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

@media print,screen and (min-width:40em) {
	.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-full,.grid-x>.medium-shrink {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

@media print,screen and (min-width:64em) {
	.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-full,.grid-x>.large-shrink {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

.grid-x>.small-1 {
	width: 8.33333%;
}

.grid-x>.small-2 {
	width: 16.66667%;
}

.grid-x>.small-3 {
	width: 25%;
}

.grid-x>.small-4 {
	width: 33.33333%;
}

.grid-x>.small-5 {
	width: 41.66667%;
}

.grid-x>.small-6 {
	width: 50%;
}

.grid-x>.small-7 {
	width: 58.33333%;
}

.grid-x>.small-8 {
	width: 66.66667%;
}

.grid-x>.small-9 {
	width: 75%;
}

.grid-x>.small-10 {
	width: 83.33333%;
}

.grid-x>.small-11 {
	width: 91.66667%;
}

.grid-x>.small-12 {
	width: 100%;
}

@media print,screen and (min-width:40em) {
	.grid-x>.medium-auto {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px;
		width: auto;
	}

	.grid-x>.medium-shrink {
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		width: auto;
	}

	.grid-x>.medium-1 {
		width: 8.33333%;
	}

	.grid-x>.medium-2 {
		width: 16.66667%;
	}

	.grid-x>.medium-3 {
		width: 25%;
	}

	.grid-x>.medium-4 {
		width: 33.33333%;
	}

	.grid-x>.medium-5 {
		width: 41.66667%;
	}

	.grid-x>.medium-6 {
		width: 50%;
	}

	.grid-x>.medium-7 {
		width: 58.33333%;
	}

	.grid-x>.medium-8 {
		width: 66.66667%;
	}

	.grid-x>.medium-9 {
		width: 75%;
	}

	.grid-x>.medium-10 {
		width: 83.33333%;
	}

	.grid-x>.medium-11 {
		width: 91.66667%;
	}

	.grid-x>.medium-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.grid-x>.large-auto {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px;
		width: auto;
	}

	.grid-x>.large-shrink {
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		width: auto;
	}

	.grid-x>.large-1 {
		width: 8.33333%;
	}

	.grid-x>.large-2 {
		width: 16.66667%;
	}

	.grid-x>.large-3 {
		width: 25%;
	}

	.grid-x>.large-4 {
		width: 33.33333%;
	}

	.grid-x>.large-5 {
		width: 41.66667%;
	}

	.grid-x>.large-6 {
		width: 50%;
	}

	.grid-x>.large-7 {
		width: 58.33333%;
	}

	.grid-x>.large-8 {
		width: 66.66667%;
	}

	.grid-x>.large-9 {
		width: 75%;
	}

	.grid-x>.large-10 {
		width: 83.33333%;
	}

	.grid-x>.large-11 {
		width: 91.66667%;
	}

	.grid-x>.large-12 {
		width: 100%;
	}
}

.grid-margin-x:not(.grid-x)>.cell {
	width: auto;
}

.grid-margin-y:not(.grid-y)>.cell {
	height: auto;
}

.grid-margin-x {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

.grid-margin-x>.cell {
	margin-left: .5rem;
	margin-right: .5rem;
	width: calc(100% - 1rem);
}

.grid-margin-x>.auto {
	width: auto;
}

.grid-margin-x>.shrink {
	width: auto;
}

.grid-margin-x>.small-1 {
	width: calc(8.33333% - 1rem);
}

.grid-margin-x>.small-2 {
	width: calc(16.66667% - 1rem);
}

.grid-margin-x>.small-3 {
	width: calc(25% - 1rem);
}

.grid-margin-x>.small-4 {
	width: calc(33.33333% - 1rem);
}

.grid-margin-x>.small-5 {
	width: calc(41.66667% - 1rem);
}

.grid-margin-x>.small-6 {
	width: calc(50% - 1rem);
}

.grid-margin-x>.small-7 {
	width: calc(58.33333% - 1rem);
}

.grid-margin-x>.small-8 {
	width: calc(66.66667% - 1rem);
}

.grid-margin-x>.small-9 {
	width: calc(75% - 1rem);
}

.grid-margin-x>.small-10 {
	width: calc(83.33333% - 1rem);
}

.grid-margin-x>.small-11 {
	width: calc(91.66667% - 1rem);
}

.grid-margin-x>.small-12 {
	width: calc(100% - 1rem);
}

@media print,screen and (min-width:40em) {
	.grid-margin-x>.medium-auto {
		width: auto;
	}

	.grid-margin-x>.medium-shrink {
		width: auto;
	}

	.grid-margin-x>.medium-1 {
		width: calc(8.33333% - 1rem);
	}

	.grid-margin-x>.medium-2 {
		width: calc(16.66667% - 1rem);
	}

	.grid-margin-x>.medium-3 {
		width: calc(25% - 1rem);
	}

	.grid-margin-x>.medium-4 {
		width: calc(33.33333% - 1rem);
	}

	.grid-margin-x>.medium-5 {
		width: calc(41.66667% - 1rem);
	}

	.grid-margin-x>.medium-6 {
		width: calc(50% - 1rem);
	}

	.grid-margin-x>.medium-7 {
		width: calc(58.33333% - 1rem);
	}

	.grid-margin-x>.medium-8 {
		width: calc(66.66667% - 1rem);
	}

	.grid-margin-x>.medium-9 {
		width: calc(75% - 1rem);
	}

	.grid-margin-x>.medium-10 {
		width: calc(83.33333% - 1rem);
	}

	.grid-margin-x>.medium-11 {
		width: calc(91.66667% - 1rem);
	}

	.grid-margin-x>.medium-12 {
		width: calc(100% - 1rem);
	}
}

@media print,screen and (min-width:84em) {
	.grid-margin-x>.large-auto {
		width: auto;
	}

	.grid-margin-x>.large-shrink {
		width: auto;
	}

	.grid-margin-x>.large-1 {
		width: calc(8.33333% - 1rem);
	}

	.grid-margin-x>.large-2 {
		width: calc(16.66667% - 1rem);
	}

	.grid-margin-x>.large-3 {
		width: calc(25% - 1rem);
	}

	.grid-margin-x>.large-4 {
		width: calc(33.33333% - 1rem);
	}

	.grid-margin-x>.large-5 {
		width: calc(41.66667% - 1rem);
	}

	.grid-margin-x>.large-6 {
		width: calc(50% - 1rem);
	}

	.grid-margin-x>.large-7 {
		width: calc(58.33333% - 1rem);
	}

	.grid-margin-x>.large-8 {
		width: calc(66.66667% - 1rem);
	}

	.grid-margin-x>.large-9 {
		width: calc(75% - 1rem);
	}

	.grid-margin-x>.large-10 {
		width: calc(83.33333% - 1rem);
	}

	.grid-margin-x>.large-11 {
		width: calc(91.66667% - 1rem);
	}

	.grid-margin-x>.large-12 {
		width: calc(100% - 1rem);
	}
}

.grid-padding-x .grid-padding-x {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

.grid-container:not(.full)>.grid-padding-x {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

.grid-padding-x>.cell {
	padding-left: .5rem;
	padding-right: .5rem;
}

.small-up-1>.cell {
	width: 100%;
}

.small-up-2>.cell {
	width: 50%;
}

.small-up-3>.cell {
	width: 33.33333%;
}

.small-up-4>.cell {
	width: 25%;
}

.small-up-5>.cell {
	width: 20%;
}

.small-up-6>.cell {
	width: 16.66667%;
}

.small-up-7>.cell {
	width: 14.28571%;
}

.small-up-8>.cell {
	width: 12.5%;
}

@media print,screen and (min-width:40em) {
	.medium-up-1>.cell {
		width: 100%;
	}

	.medium-up-2>.cell {
		width: 50%;
	}

	.medium-up-3>.cell {
		width: 33.33333%;
	}

	.medium-up-4>.cell {
		width: 25%;
	}

	.medium-up-5>.cell {
		width: 20%;
	}

	.medium-up-6>.cell {
		width: 16.66667%;
	}

	.medium-up-7>.cell {
		width: 14.28571%;
	}

	.medium-up-8>.cell {
		width: 12.5%;
	}
}

@media print,screen and (min-width:64em) {
	.large-up-1>.cell {
		width: 100%;
	}

	.large-up-2>.cell {
		width: 50%;
	}

	.large-up-3>.cell {
		width: 33.33333%;
	}

	.large-up-4>.cell {
		width: 25%;
	}

	.large-up-5>.cell {
		width: 20%;
	}

	.large-up-6>.cell {
		width: 16.66667%;
	}

	.large-up-7>.cell {
		width: 14.28571%;
	}

	.large-up-8>.cell {
		width: 12.5%;
	}
}

.grid-margin-x.small-up-1>.cell {
	width: calc(100% - 1rem);
}

.grid-margin-x.small-up-2>.cell {
	width: calc(50% - 1rem);
}

.grid-margin-x.small-up-3>.cell {
	width: calc(33.33333% - 1rem);
}

.grid-margin-x.small-up-4>.cell {
	width: calc(25% - 1rem);
}

.grid-margin-x.small-up-5>.cell {
	width: calc(20% - 1rem);
}

.grid-margin-x.small-up-6>.cell {
	width: calc(16.66667% - 1rem);
}

.grid-margin-x.small-up-7>.cell {
	width: calc(14.28571% - 1rem);
}

.grid-margin-x.small-up-8>.cell {
	width: calc(12.5% - 1rem);
}

@media print,screen and (min-width:40em) {
	.grid-margin-x.medium-up-1>.cell {
		width: calc(100% - 1rem);
	}

	.grid-margin-x.medium-up-2>.cell {
		width: calc(50% - 1rem);
	}

	.grid-margin-x.medium-up-3>.cell {
		width: calc(33.33333% - 1rem);
	}

	.grid-margin-x.medium-up-4>.cell {
		width: calc(25% - 1rem);
	}

	.grid-margin-x.medium-up-5>.cell {
		width: calc(20% - 1rem);
	}

	.grid-margin-x.medium-up-6>.cell {
		width: calc(16.66667% - 1rem);
	}

	.grid-margin-x.medium-up-7>.cell {
		width: calc(14.28571% - 1rem);
	}

	.grid-margin-x.medium-up-8>.cell {
		width: calc(12.5% - 1rem);
	}
}

@media print,screen and (min-width:64em) {
	.grid-margin-x.large-up-1>.cell {
		width: calc(100% - 1rem);
	}

	.grid-margin-x.large-up-2>.cell {
		width: calc(50% - 1rem);
	}

	.grid-margin-x.large-up-3>.cell {
		width: calc(33.33333% - 1rem);
	}

	.grid-margin-x.large-up-4>.cell {
		width: calc(25% - 1rem);
	}

	.grid-margin-x.large-up-5>.cell {
		width: calc(20% - 1rem);
	}

	.grid-margin-x.large-up-6>.cell {
		width: calc(16.66667% - 1rem);
	}

	.grid-margin-x.large-up-7>.cell {
		width: calc(14.28571% - 1rem);
	}

	.grid-margin-x.large-up-8>.cell {
		width: calc(12.5% - 1rem);
	}
}

.small-margin-collapse {
	margin-left: 0;
	margin-right: 0;
}

.small-margin-collapse>.cell {
	margin-left: 0;
	margin-right: 0;
}

.small-margin-collapse>.small-1 {
	width: 8.33333%;
}

.small-margin-collapse>.small-2 {
	width: 16.66667%;
}

.small-margin-collapse>.small-3 {
	width: 25%;
}

.small-margin-collapse>.small-4 {
	width: 33.33333%;
}

.small-margin-collapse>.small-5 {
	width: 41.66667%;
}

.small-margin-collapse>.small-6 {
	width: 50%;
}

.small-margin-collapse>.small-7 {
	width: 58.33333%;
}

.small-margin-collapse>.small-8 {
	width: 66.66667%;
}

.small-margin-collapse>.small-9 {
	width: 75%;
}

.small-margin-collapse>.small-10 {
	width: 83.33333%;
}

.small-margin-collapse>.small-11 {
	width: 91.66667%;
}

.small-margin-collapse>.small-12 {
	width: 100%;
}

@media print,screen and (min-width:40em) {
	.small-margin-collapse>.medium-1 {
		width: 8.33333%;
	}

	.small-margin-collapse>.medium-2 {
		width: 16.66667%;
	}

	.small-margin-collapse>.medium-3 {
		width: 25%;
	}

	.small-margin-collapse>.medium-4 {
		width: 33.33333%;
	}

	.small-margin-collapse>.medium-5 {
		width: 41.66667%;
	}

	.small-margin-collapse>.medium-6 {
		width: 50%;
	}

	.small-margin-collapse>.medium-7 {
		width: 58.33333%;
	}

	.small-margin-collapse>.medium-8 {
		width: 66.66667%;
	}

	.small-margin-collapse>.medium-9 {
		width: 75%;
	}

	.small-margin-collapse>.medium-10 {
		width: 83.33333%;
	}

	.small-margin-collapse>.medium-11 {
		width: 91.66667%;
	}

	.small-margin-collapse>.medium-12 {
		width: 100%;
	}
}
@media print,screen and (min-width:64em) {
	.small-margin-collapse>.large-1 {
		width: 8.33333%;
	}

	.small-margin-collapse>.large-2 {
		width: 16.66667%;
	}

	.small-margin-collapse>.large-3 {
		width: 25%;
	}

	.small-margin-collapse>.large-4 {
		width: 33.33333%;
	}

	.small-margin-collapse>.large-5 {
		width: 41.66667%;
	}

	.small-margin-collapse>.large-6 {
		width: 50%;
	}

	.small-margin-collapse>.large-7 {
		width: 58.33333%;
	}

	.small-margin-collapse>.large-8 {
		width: 66.66667%;
	}

	.small-margin-collapse>.large-9 {
		width: 75%;
	}

	.small-margin-collapse>.large-10 {
		width: 83.33333%;
	}

	.small-margin-collapse>.large-11 {
		width: 91.66667%;
	}

	.small-margin-collapse>.large-12 {
		width: 100%;
	}
}

.small-padding-collapse {
	margin-left: 0;
	margin-right: 0;
}

.small-padding-collapse>.cell {
	padding-left: 0;
	padding-right: 0;
}

@media print,screen and (min-width:40em) {
	.medium-margin-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	.medium-margin-collapse>.cell {
		margin-left: 0;
		margin-right: 0;
	}
}

@media print,screen and (min-width:40em) {
	.medium-margin-collapse>.small-1 {
		width: 8.33333%;
	}

	.medium-margin-collapse>.small-2 {
		width: 16.66667%;
	}

	.medium-margin-collapse>.small-3 {
		width: 25%;
	}

	.medium-margin-collapse>.small-4 {
		width: 33.33333%;
	}

	.medium-margin-collapse>.small-5 {
		width: 41.66667%;
	}

	.medium-margin-collapse>.small-6 {
		width: 50%;
	}

	.medium-margin-collapse>.small-7 {
		width: 58.33333%;
	}

	.medium-margin-collapse>.small-8 {
		width: 66.66667%;
	}

	.medium-margin-collapse>.small-9 {
		width: 75%;
	}

	.medium-margin-collapse>.small-10 {
		width: 83.33333%;
	}

	.medium-margin-collapse>.small-11 {
		width: 91.66667%;
	}

	.medium-margin-collapse>.small-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:40em) {
	.medium-margin-collapse>.medium-1 {
		width: 8.33333%;
	}

	.medium-margin-collapse>.medium-2 {
		width: 16.66667%;
	}

	.medium-margin-collapse>.medium-3 {
		width: 25%;
	}

	.medium-margin-collapse>.medium-4 {
		width: 33.33333%;
	}

	.medium-margin-collapse>.medium-5 {
		width: 41.66667%;
	}

	.medium-margin-collapse>.medium-6 {
		width: 50%;
	}

	.medium-margin-collapse>.medium-7 {
		width: 58.33333%;
	}

	.medium-margin-collapse>.medium-8 {
		width: 66.66667%;
	}

	.medium-margin-collapse>.medium-9 {
		width: 75%;
	}

	.medium-margin-collapse>.medium-10 {
		width: 83.33333%;
	}

	.medium-margin-collapse>.medium-11 {
		width: 91.66667%;
	}

	.medium-margin-collapse>.medium-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.medium-margin-collapse>.large-1 {
		width: 8.33333%;
	}

	.medium-margin-collapse>.large-2 {
		width: 16.66667%;
	}

	.medium-margin-collapse>.large-3 {
		width: 25%;
	}

	.medium-margin-collapse>.large-4 {
		width: 33.33333%;
	}

	.medium-margin-collapse>.large-5 {
		width: 41.66667%;
	}

	.medium-margin-collapse>.large-6 {
		width: 50%;
	}

	.medium-margin-collapse>.large-7 {
		width: 58.33333%;
	}

	.medium-margin-collapse>.large-8 {
		width: 66.66667%;
	}

	.medium-margin-collapse>.large-9 {
		width: 75%;
	}

	.medium-margin-collapse>.large-10 {
		width: 83.33333%;
	}

	.medium-margin-collapse>.large-11 {
		width: 91.66667%;
	}

	.medium-margin-collapse>.large-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:40em) {
	.medium-padding-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	.medium-padding-collapse>.cell {
		padding-left: 0;
		padding-right: 0;
	}
}

@media print,screen and (min-width:64em) {
	.large-margin-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	.large-margin-collapse>.cell {
		margin-left: 0;
		margin-right: 0;
	}
}

@media print,screen and (min-width:64em) {
	.large-margin-collapse>.small-1 {
		width: 8.33333%;
	}

	.large-margin-collapse>.small-2 {
		width: 16.66667%;
	}

	.large-margin-collapse>.small-3 {
		width: 25%;
	}

	.large-margin-collapse>.small-4 {
		width: 33.33333%;
	}

	.large-margin-collapse>.small-5 {
		width: 41.66667%;
	}

	.large-margin-collapse>.small-6 {
		width: 50%;
	}

	.large-margin-collapse>.small-7 {
		width: 58.33333%;
	}

	.large-margin-collapse>.small-8 {
		width: 66.66667%;
	}

	.large-margin-collapse>.small-9 {
		width: 75%;
	}

	.large-margin-collapse>.small-10 {
		width: 83.33333%;
	}

	.large-margin-collapse>.small-11 {
		width: 91.66667%;
	}

	.large-margin-collapse>.small-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.large-margin-collapse>.medium-1 {
		width: 8.33333%;
	}

	.large-margin-collapse>.medium-2 {
		width: 16.66667%;
	}

	.large-margin-collapse>.medium-3 {
		width: 25%;
	}

	.large-margin-collapse>.medium-4 {
		width: 33.33333%;
	}

	.large-margin-collapse>.medium-5 {
		width: 41.66667%;
	}

	.large-margin-collapse>.medium-6 {
		width: 50%;
	}

	.large-margin-collapse>.medium-7 {
		width: 58.33333%;
	}

	.large-margin-collapse>.medium-8 {
		width: 66.66667%;
	}

	.large-margin-collapse>.medium-9 {
		width: 75%;
	}

	.large-margin-collapse>.medium-10 {
		width: 83.33333%;
	}

	.large-margin-collapse>.medium-11 {
		width: 91.66667%;
	}

	.large-margin-collapse>.medium-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.large-margin-collapse>.large-1 {
		width: 8.33333%;
	}

	.large-margin-collapse>.large-2 {
		width: 16.66667%;
	}

	.large-margin-collapse>.large-3 {
		width: 25%;
	}

	.large-margin-collapse>.large-4 {
		width: 33.33333%;
	}

	.large-margin-collapse>.large-5 {
		width: 41.66667%;
	}

	.large-margin-collapse>.large-6 {
		width: 50%;
	}

	.large-margin-collapse>.large-7 {
		width: 58.33333%;
	}

	.large-margin-collapse>.large-8 {
		width: 66.66667%;
	}

	.large-margin-collapse>.large-9 {
		width: 75%;
	}

	.large-margin-collapse>.large-10 {
		width: 83.33333%;
	}

	.large-margin-collapse>.large-11 {
		width: 91.66667%;
	}

	.large-margin-collapse>.large-12 {
		width: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.large-padding-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	.large-padding-collapse>.cell {
		padding-left: 0;
		padding-right: 0;
	}
}

.small-offset-0 {
	margin-left: 0;
}

.grid-margin-x>.small-offset-0 {
	margin-left: .5rem;
}

.small-offset-1 {
	margin-left: 8.33333%;
}

.grid-margin-x>.small-offset-1 {
	margin-left: calc(8.33333% + .5rem);
}

.small-offset-2 {
	margin-left: 16.66667%;
}

.grid-margin-x>.small-offset-2 {
	margin-left: calc(16.66667% + .5rem);
}

.small-offset-3 {
	margin-left: 25%;
}

.grid-margin-x>.small-offset-3 {
	margin-left: calc(25% + .5rem);
}

.small-offset-4 {
	margin-left: 33.33333%;
}

.grid-margin-x>.small-offset-4 {
	margin-left: calc(33.33333% + .5rem);
}

.small-offset-5 {
	margin-left: 41.66667%;
}

.grid-margin-x>.small-offset-5 {
	margin-left: calc(41.66667% + .5rem);
}

.small-offset-6 {
	margin-left: 50%;
}

.grid-margin-x>.small-offset-6 {
	margin-left: calc(50% + .5rem);
}

.small-offset-7 {
	margin-left: 58.33333%;
}

.grid-margin-x>.small-offset-7 {
	margin-left: calc(58.33333% + .5rem);
}

.small-offset-8 {
	margin-left: 66.66667%;
}

.grid-margin-x>.small-offset-8 {
	margin-left: calc(66.66667% + .5rem);
}

.small-offset-9 {
	margin-left: 75%;
}

.grid-margin-x>.small-offset-9 {
	margin-left: calc(75% + .5rem);
}

.small-offset-10 {
	margin-left: 83.33333%;
}

.grid-margin-x>.small-offset-10 {
	margin-left: calc(83.33333% + .5rem);
}

.small-offset-11 {
	margin-left: 91.66667%;
}

.grid-margin-x>.small-offset-11 {
	margin-left: calc(91.66667% + .5rem);
}

@media print,screen and (min-width:40em) {
	.medium-offset-0 {
		margin-left: 0;
	}

	.grid-margin-x>.medium-offset-0 {
		margin-left: .5rem;
	}

	.medium-offset-1 {
		margin-left: 8.33333%;
	}

	.grid-margin-x>.medium-offset-1 {
		margin-left: calc(8.33333% + .5rem);
	}

	.medium-offset-2 {
		margin-left: 16.66667%;
	}

	.grid-margin-x>.medium-offset-2 {
		margin-left: calc(16.66667% + .5rem);
	}

	.medium-offset-3 {
		margin-left: 25%;
	}

	.grid-margin-x>.medium-offset-3 {
		margin-left: calc(25% + .5rem);
	}

	.medium-offset-4 {
		margin-left: 33.33333%;
	}

	.grid-margin-x>.medium-offset-4 {
		margin-left: calc(33.33333% + .5rem);
	}

	.medium-offset-5 {
		margin-left: 41.66667%;
	}

	.grid-margin-x>.medium-offset-5 {
		margin-left: calc(41.66667% + .5rem);
	}

	.medium-offset-6 {
		margin-left: 50%;
	}

	.grid-margin-x>.medium-offset-6 {
		margin-left: calc(50% + .5rem);
	}

	.medium-offset-7 {
		margin-left: 58.33333%;
	}

	.grid-margin-x>.medium-offset-7 {
		margin-left: calc(58.33333% + .5rem);
	}

	.medium-offset-8 {
		margin-left: 66.66667%;
	}

	.grid-margin-x>.medium-offset-8 {
		margin-left: calc(66.66667% + .5rem);
	}

	.medium-offset-9 {
		margin-left: 75%;
	}

	.grid-margin-x>.medium-offset-9 {
		margin-left: calc(75% + .5rem);
	}

	.medium-offset-10 {
		margin-left: 83.33333%;
	}

	.grid-margin-x>.medium-offset-10 {
		margin-left: calc(83.33333% + .5rem);
	}

	.medium-offset-11 {
		margin-left: 91.66667%;
	}

	.grid-margin-x>.medium-offset-11 {
		margin-left: calc(91.66667% + .5rem);
	}
}

@media print,screen and (min-width:64em) {
	.large-offset-0 {
		margin-left: 0;
	}

	.grid-margin-x>.large-offset-0 {
		margin-left: .5rem;
	}

	.large-offset-1 {
		margin-left: 8.33333%;
	}

	.grid-margin-x>.large-offset-1 {
		margin-left: calc(8.33333% + .5rem);
	}

	.large-offset-2 {
		margin-left: 16.66667%;
	}

	.grid-margin-x>.large-offset-2 {
		margin-left: calc(16.66667% + .5rem);
	}

	.large-offset-3 {
		margin-left: 25%;
	}

	.grid-margin-x>.large-offset-3 {
		margin-left: calc(25% + .5rem);
	}

	.large-offset-4 {
		margin-left: 33.33333%;
	}

	.grid-margin-x>.large-offset-4 {
		margin-left: calc(33.33333% + .5rem);
	}

	.large-offset-5 {
		margin-left: 41.66667%;
	}

	.grid-margin-x>.large-offset-5 {
		margin-left: calc(41.66667% + .5rem);
	}

	.large-offset-6 {
		margin-left: 50%;
	}

	.grid-margin-x>.large-offset-6 {
		margin-left: calc(50% + .5rem);
	}

	.large-offset-7 {
		margin-left: 58.33333%;
	}

	.grid-margin-x>.large-offset-7 {
		margin-left: calc(58.33333% + .5rem);
	}

	.large-offset-8 {
		margin-left: 66.66667%;
	}

	.grid-margin-x>.large-offset-8 {
		margin-left: calc(66.66667% + .5rem);
	}

	.large-offset-9 {
		margin-left: 75%;
	}

	.grid-margin-x>.large-offset-9 {
		margin-left: calc(75% + .5rem);
	}

	.large-offset-10 {
		margin-left: 83.33333%;
	}

	.grid-margin-x>.large-offset-10 {
		margin-left: calc(83.33333% + .5rem);
	}

	.large-offset-11 {
		margin-left: 91.66667%;
	}

	.grid-margin-x>.large-offset-11 {
		margin-left: calc(91.66667% + .5rem);
	}
}

.grid-y {
	-ms-flex-flow: column nowrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column nowrap;
}

.grid-y>.cell {
	width: auto;
}

.grid-y>.auto {
	height: auto;
}

.grid-y>.shrink {
	height: auto;
}

.grid-y>.small-1,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-full,.grid-y>.small-shrink {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

@media print,screen and (min-width:40em) {
	.grid-y>.medium-1,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-full,.grid-y>.medium-shrink {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

@media print,screen and (min-width:64em) {
	.grid-y>.large-1,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-full,.grid-y>.large-shrink {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

.grid-y>.small-1 {
	height: 8.33333%;
}

.grid-y>.small-2 {
	height: 16.66667%;
}

.grid-y>.small-3 {
	height: 25%;
}

.grid-y>.small-4 {
	height: 33.33333%;
}

.grid-y>.small-5 {
	height: 41.66667%;
}

.grid-y>.small-6 {
	height: 50%;
}

.grid-y>.small-7 {
	height: 58.33333%;
}

.grid-y>.small-8 {
	height: 66.66667%;
}

.grid-y>.small-9 {
	height: 75%;
}

.grid-y>.small-10 {
	height: 83.33333%;
}

.grid-y>.small-11 {
	height: 91.66667%;
}

.grid-y>.small-12 {
	height: 100%;
}

@media print,screen and (min-width:40em) {
	.grid-y>.medium-auto {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px;
		height: auto;
	}

	.grid-y>.medium-shrink {
		height: auto;
	}

	.grid-y>.medium-1 {
		height: 8.33333%;
	}

	.grid-y>.medium-2 {
		height: 16.66667%;
	}

	.grid-y>.medium-3 {
		height: 25%;
	}

	.grid-y>.medium-4 {
		height: 33.33333%;
	}

	.grid-y>.medium-5 {
		height: 41.66667%;
	}

	.grid-y>.medium-6 {
		height: 50%;
	}

	.grid-y>.medium-7 {
		height: 58.33333%;
	}

	.grid-y>.medium-8 {
		height: 66.66667%;
	}

	.grid-y>.medium-9 {
		height: 75%;
	}

	.grid-y>.medium-10 {
		height: 83.33333%;
	}

	.grid-y>.medium-11 {
		height: 91.66667%;
	}

	.grid-y>.medium-12 {
		height: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.grid-y>.large-auto {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px;
		height: auto;
	}

	.grid-y>.large-shrink {
		height: auto;
	}

	.grid-y>.large-1 {
		height: 8.33333%;
	}

	.grid-y>.large-2 {
		height: 16.66667%;
	}

	.grid-y>.large-3 {
		height: 25%;
	}

	.grid-y>.large-4 {
		height: 33.33333%;
	}

	.grid-y>.large-5 {
		height: 41.66667%;
	}

	.grid-y>.large-6 {
		height: 50%;
	}

	.grid-y>.large-7 {
		height: 58.33333%;
	}

	.grid-y>.large-8 {
		height: 66.66667%;
	}

	.grid-y>.large-9 {
		height: 75%;
	}

	.grid-y>.large-10 {
		height: 83.33333%;
	}

	.grid-y>.large-11 {
		height: 91.66667%;
	}

	.grid-y>.large-12 {
		height: 100%;
	}
}

.grid-padding-y .grid-padding-y {
	margin-bottom: -.5rem;
	margin-top: -.5rem;
}

.grid-padding-y>.cell {
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.grid-frame {
	-ms-flex-align: stretch;
	-ms-flex-wrap: nowrap;
	-webkit-box-align: stretch;
	align-items: stretch;
	flex-wrap: nowrap;
	overflow: hidden;
	position: relative;
	width: 100vw;
}

.cell .grid-frame {
	width: 100%;
}

.cell-block {
	max-width: 100%;
	overflow-x: auto;
}

.cell-block,.cell-block-y {
	-ms-overflow-stype: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}

.cell-block-y {
	max-height: 100%;
	overflow-y: auto;
}

.cell-block-container {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

.cell-block-container>.grid-x {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-height: 100%;
}

@media print,screen and (min-width:40em) {
	.medium-grid-frame {
		-ms-flex-align: stretch;
		-ms-flex-wrap: nowrap;
		-webkit-box-align: stretch;
		align-items: stretch;
		flex-wrap: nowrap;
		overflow: hidden;
		position: relative;
		width: 100vw;
	}

	.cell .medium-grid-frame {
		width: 100%;
	}

	.medium-cell-block {
		-ms-overflow-stype: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
		overflow-x: auto;
	}

	.medium-cell-block-container {
		-ms-flex-direction: column;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		max-height: 100%;
	}

	.medium-cell-block-container>.grid-x {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		max-height: 100%;
	}

	.medium-cell-block-y {
		-ms-overflow-stype: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
		max-height: 100%;
		overflow-y: auto;
	}
}

@media print,screen and (min-width:64em) {
	.large-grid-frame {
		-ms-flex-align: stretch;
		-ms-flex-wrap: nowrap;
		-webkit-box-align: stretch;
		align-items: stretch;
		flex-wrap: nowrap;
		overflow: hidden;
		position: relative;
		width: 100vw;
	}

	.cell .large-grid-frame {
		width: 100%;
	}

	.large-cell-block {
		-ms-overflow-stype: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
		overflow-x: auto;
	}

	.large-cell-block-container {
		-ms-flex-direction: column;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		max-height: 100%;
	}

	.large-cell-block-container>.grid-x {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		max-height: 100%;
	}

	.large-cell-block-y {
		-ms-overflow-stype: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
		max-height: 100%;
		overflow-y: auto;
	}
}

.grid-y.grid-frame {
	-ms-flex-align: stretch;
	-ms-flex-wrap: nowrap;
	-webkit-box-align: stretch;
	align-items: stretch;
	flex-wrap: nowrap;
	height: 100vh;
	overflow: hidden;
	position: relative;
	width: auto;
}

@media print,screen and (min-width:40em) {
	.grid-y.medium-grid-frame {
		-ms-flex-align: stretch;
		-ms-flex-wrap: nowrap;
		-webkit-box-align: stretch;
		align-items: stretch;
		flex-wrap: nowrap;
		height: 100vh;
		overflow: hidden;
		position: relative;
		width: auto;
	}
}

@media print,screen and (min-width:64em) {
	.grid-y.large-grid-frame {
		-ms-flex-align: stretch;
		-ms-flex-wrap: nowrap;
		-webkit-box-align: stretch;
		align-items: stretch;
		flex-wrap: nowrap;
		height: 100vh;
		overflow: hidden;
		position: relative;
		width: auto;
	}
}

.cell .grid-y.grid-frame {
	height: 100%;
}

@media print,screen and (min-width:40em) {
	.cell .grid-y.medium-grid-frame {
		height: 100%;
	}
}

@media print,screen and (min-width:64em) {
	.cell .grid-y.large-grid-frame {
		height: 100%;
	}
}

.grid-margin-y {
	margin-bottom: -.5rem;
	margin-top: -.5rem;
}

.grid-margin-y>.cell {
	height: calc(100% - 1rem);
	margin-bottom: .5rem;
	margin-top: .5rem;
}

.grid-margin-y>.auto {
	height: auto;
}

.grid-margin-y>.shrink {
	height: auto;
}

.grid-margin-y>.small-1 {
	height: calc(8.33333% - 1rem);
}

.grid-margin-y>.small-2 {
	height: calc(16.66667% - 1rem);
}

.grid-margin-y>.small-3 {
	height: calc(25% - 1rem);
}

.grid-margin-y>.small-4 {
	height: calc(33.33333% - 1rem);
}

.grid-margin-y>.small-5 {
	height: calc(41.66667% - 1rem);
}

.grid-margin-y>.small-6 {
	height: calc(50% - 1rem);
}

.grid-margin-y>.small-7 {
	height: calc(58.33333% - 1rem);
}

.grid-margin-y>.small-8 {
	height: calc(66.66667% - 1rem);
}

.grid-margin-y>.small-9 {
	height: calc(75% - 1rem);
}

.grid-margin-y>.small-10 {
	height: calc(83.33333% - 1rem);
}

.grid-margin-y>.small-11 {
	height: calc(91.66667% - 1rem);
}

.grid-margin-y>.small-12 {
	height: calc(100% - 1rem);
}

@media print,screen and (min-width:40em) {
	.grid-margin-y>.medium-auto {
		height: auto;
	}

	.grid-margin-y>.medium-shrink {
		height: auto;
	}

	.grid-margin-y>.medium-1 {
		height: calc(8.33333% - 1rem);
	}

	.grid-margin-y>.medium-2 {
		height: calc(16.66667% - 1rem);
	}

	.grid-margin-y>.medium-3 {
		height: calc(25% - 1rem);
	}

	.grid-margin-y>.medium-4 {
		height: calc(33.33333% - 1rem);
	}

	.grid-margin-y>.medium-5 {
		height: calc(41.66667% - 1rem);
	}

	.grid-margin-y>.medium-6 {
		height: calc(50% - 1rem);
	}

	.grid-margin-y>.medium-7 {
		height: calc(58.33333% - 1rem);
	}

	.grid-margin-y>.medium-8 {
		height: calc(66.66667% - 1rem);
	}

	.grid-margin-y>.medium-9 {
		height: calc(75% - 1rem);
	}

	.grid-margin-y>.medium-10 {
		height: calc(83.33333% - 1rem);
	}

	.grid-margin-y>.medium-11 {
		height: calc(91.66667% - 1rem);
	}

	.grid-margin-y>.medium-12 {
		height: calc(100% - 1rem);
	}
}

@media print,screen and (min-width:64em) {
	.grid-margin-y>.large-auto {
		height: auto;
	}

	.grid-margin-y>.large-shrink {
		height: auto;
	}

	.grid-margin-y>.large-1 {
		height: calc(8.33333% - 1rem);
	}

	.grid-margin-y>.large-2 {
		height: calc(16.66667% - 1rem);
	}

	.grid-margin-y>.large-3 {
		height: calc(25% - 1rem);
	}

	.grid-margin-y>.large-4 {
		height: calc(33.33333% - 1rem);
	}

	.grid-margin-y>.large-5 {
		height: calc(41.66667% - 1rem);
	}

	.grid-margin-y>.large-6 {
		height: calc(50% - 1rem);
	}

	.grid-margin-y>.large-7 {
		height: calc(58.33333% - 1rem);
	}

	.grid-margin-y>.large-8 {
		height: calc(66.66667% - 1rem);
	}

	.grid-margin-y>.large-9 {
		height: calc(75% - 1rem);
	}

	.grid-margin-y>.large-10 {
		height: calc(83.33333% - 1rem);
	}

	.grid-margin-y>.large-11 {
		height: calc(91.66667% - 1rem);
	}

	.grid-margin-y>.large-12 {
		height: calc(100% - 1rem);
	}
}

.grid-frame.grid-margin-y {
	height: calc(100vh + 1rem);
}

@media print,screen and (min-width:40em) {
	.grid-margin-y.medium-grid-frame {
		height: calc(100vh + 1rem);
	}
}

@media print,screen and (min-width:64em) {
	.grid-margin-y.large-grid-frame {
		height: calc(100vh + 1rem);
	}
}

.slide-in-down.mui-enter {
	-ms-transform: translateY(-100%);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(-100%);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateY(-100%);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-in-down.mui-enter.mui-enter-active {
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.slide-in-left.mui-enter {
	-ms-transform: translateX(-100%);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(-100%);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateX(-100%);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-in-left.mui-enter.mui-enter-active {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-in-up.mui-enter {
	-ms-transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateY(100%);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-in-up.mui-enter.mui-enter-active {
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.slide-in-right.mui-enter {
	-ms-transform: translateX(100%);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(100%);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateX(100%);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-in-right.mui-enter.mui-enter-active {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-out-down.mui-leave {
	-ms-transform: translateY(0);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateY(0);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-out-down.mui-leave.mui-leave-active {
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.slide-out-right.mui-leave {
	-ms-transform: translateX(0);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateX(0);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-out-right.mui-leave.mui-leave-active {
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.slide-out-up.mui-leave {
	-ms-transform: translateY(0);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateY(0);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-out-up.mui-leave.mui-leave-active {
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.slide-out-left.mui-leave {
	-ms-transform: translateX(0);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	backface-visibility: hidden;
	transform: translateX(0);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.slide-out-left.mui-leave.mui-leave-active {
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.fade-in.mui-enter {
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transition-duration: .5s;
	transition-property: opacity;
	transition-timing-function: linear;
}

.fade-in.mui-enter.mui-enter-active {
	opacity: 1;
}

.fade-out.mui-leave {
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transition-duration: .5s;
	transition-property: opacity;
	transition-timing-function: linear;
}

.fade-out.mui-leave.mui-leave-active {
	opacity: 0;
}

.hinge-in-from-top.mui-enter {
	-ms-transform-origin: top;
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: perspective(2000px) rotateX(-90deg);
	transform-origin: top;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-right.mui-enter {
	-ms-transform-origin: right;
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: right;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: perspective(2000px) rotateY(-90deg);
	transform-origin: right;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-bottom.mui-enter {
	-ms-transform-origin: bottom;
	-webkit-transform: perspective(2000px) rotateX(90deg);
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: perspective(2000px) rotateX(90deg);
	transform-origin: bottom;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-left.mui-enter {
	-ms-transform-origin: left;
	-webkit-transform: perspective(2000px) rotateY(90deg);
	-webkit-transform-origin: left;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: perspective(2000px) rotateY(90deg);
	transform-origin: left;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-middle-x.mui-enter {
	-ms-transform-origin: center;
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: center;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: perspective(2000px) rotateX(-90deg);
	transform-origin: center;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-middle-y.mui-enter {
	-ms-transform-origin: center;
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: center;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: perspective(2000px) rotateY(-90deg);
	transform-origin: center;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
}

.hinge-out-from-top.mui-leave {
	-ms-transform-origin: top;
	-webkit-transform-origin: top;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transform-origin: top;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	opacity: 0;
	transform: perspective(2000px) rotateX(-90deg);
}

.hinge-out-from-right.mui-leave {
	-ms-transform-origin: right;
	-webkit-transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: right;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: right;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	opacity: 0;
	transform: perspective(2000px) rotateY(-90deg);
}

.hinge-out-from-bottom.mui-leave {
	-ms-transform-origin: bottom;
	-webkit-transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: bottom;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	opacity: 0;
	transform: perspective(2000px) rotateX(90deg);
}

.hinge-out-from-left.mui-leave {
	-ms-transform-origin: left;
	-webkit-transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: left;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: left;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	opacity: 0;
	transform: perspective(2000px) rotateY(90deg);
}

.hinge-out-from-middle-x.mui-leave {
	-ms-transform-origin: center;
	-webkit-transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: center;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: center;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	opacity: 0;
	transform: perspective(2000px) rotateX(-90deg);
}

.hinge-out-from-middle-y.mui-leave {
	-ms-transform-origin: center;
	-webkit-transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: center;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: center;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	opacity: 0;
	transform: perspective(2000px) rotateY(-90deg);
}

.scale-in-up.mui-enter {
	-ms-transform: scale(.5);
	-webkit-transform: scale(.5);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: scale(.5);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.scale-in-up.mui-enter.mui-enter-active {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	transform: scale(1);
}

.scale-in-down.mui-enter {
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: scale(1.5);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	transform: scale(1);
}

.scale-out-up.mui-leave {
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.scale-out-up.mui-leave.mui-leave-active {
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	transform: scale(1.5);
}

.scale-out-down.mui-leave {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 1;
	transform: scale(1);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.scale-out-down.mui-leave.mui-leave-active {
	-ms-transform: scale(.5);
	-webkit-transform: scale(.5);
	opacity: 0;
	transform: scale(.5);
}

.spin-in.mui-enter {
	-ms-transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	opacity: 0;
	transform: rotate(-270deg);
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave {
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	opacity: 1;
	transform: rotate(0);
}

.spin-out.mui-leave {
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	opacity: 0;
	transform: rotate(270deg);
}

.spin-in-ccw.mui-enter {
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave {
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	opacity: 1;
	transform: rotate(0);
}

.spin-out-ccw.mui-leave {
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-duration: .5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	transition-timing-function: linear;
}

.spin-out-ccw.mui-leave.mui-leave-active {
	-ms-transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	opacity: 0;
	transform: rotate(-270deg);
}

.slow {
	-webkit-transition-duration: .75s!important;
	transition-duration: .75s!important;
}

.fast {
	-webkit-transition-duration: .25s!important;
	transition-duration: .25s!important;
}

.linear {
	-webkit-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
}

.ease {
	-webkit-transition-timing-function: ease!important;
	transition-timing-function: ease!important;
}

.ease-in {
	-webkit-transition-timing-function: ease-in!important;
	transition-timing-function: ease-in!important;
}

.ease-out {
	-webkit-transition-timing-function: ease-out!important;
	transition-timing-function: ease-out!important;
}

.ease-in-out {
	-webkit-transition-timing-function: ease-in-out!important;
	transition-timing-function: ease-in-out!important;
}

.bounce-in {
	-webkit-transition-timing-function: cubic-bezier(.485,.155,.24,1.245)!important;
	transition-timing-function: cubic-bezier(.485,.155,.24,1.245)!important;
}

.bounce-out {
	-webkit-transition-timing-function: cubic-bezier(.485,.155,.515,.845)!important;
	transition-timing-function: cubic-bezier(.485,.155,.515,.845)!important;
}

.bounce-in-out {
	-webkit-transition-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important;
	transition-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important;
}

.short-delay {
	-webkit-transition-delay: .3s!important;
	transition-delay: .3s!important;
}

.long-delay {
	-webkit-transition-delay: .7s!important;
	transition-delay: .7s!important;
}

.shake {
	-webkit-animation-name: shake-7;
	animation-name: shake-7;
}

@-webkit-keyframes shake-7 {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
		-webkit-transform: translateX(7%);
		transform: translateX(7%);
	}

	5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%);
	}
}

@keyframes shake-7 {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
		-webkit-transform: translateX(7%);
		transform: translateX(7%);
	}

	5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%);
	}
}

.spin-cw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn;
}

@-webkit-keyframes spin-cw-1turn {
	0% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn);
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.spin-ccw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.wiggle {
	-webkit-animation-name: wiggle-7deg;
	animation-name: wiggle-7deg;
}

@-webkit-keyframes wiggle-7deg {
	40%,50%,60% {
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg);
	}

	35%,45%,55%,65% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}

	0%,30%,70%,to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes wiggle-7deg {
	40%,50%,60% {
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg);
	}

	35%,45%,55%,65% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}

	0%,30%,70%,to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.shake,.spin-ccw,.spin-cw,.wiggle {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.slow {
	-webkit-animation-duration: .75s!important;
	animation-duration: .75s!important;
}

.fast {
	-webkit-animation-duration: .25s!important;
	animation-duration: .25s!important;
}

.linear {
	-webkit-animation-timing-function: linear!important;
	animation-timing-function: linear!important;
}

.ease {
	-webkit-animation-timing-function: ease!important;
	animation-timing-function: ease!important;
}

.ease-in {
	-webkit-animation-timing-function: ease-in!important;
	animation-timing-function: ease-in!important;
}

.ease-out {
	-webkit-animation-timing-function: ease-out!important;
	animation-timing-function: ease-out!important;
}

.ease-in-out {
	-webkit-animation-timing-function: ease-in-out!important;
	animation-timing-function: ease-in-out!important;
}

.bounce-in {
	-webkit-animation-timing-function: cubic-bezier(.485,.155,.24,1.245)!important;
	animation-timing-function: cubic-bezier(.485,.155,.24,1.245)!important;
}

.bounce-out {
	-webkit-animation-timing-function: cubic-bezier(.485,.155,.515,.845)!important;
	animation-timing-function: cubic-bezier(.485,.155,.515,.845)!important;
}

.bounce-in-out {
	-webkit-animation-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important;
	animation-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important;
}

.short-delay {
	-webkit-animation-delay: .3s!important;
	animation-delay: .3s!important;
}

.long-delay {
	-webkit-animation-delay: .7s!important;
	animation-delay: .7s!important;
}

.foundation-mq {
	font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

.accordion {
	padding: 0;
}

.accordion-item {
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
	background: #fff;
	border: 1px solid rgba(46,26,76,.15);
	margin-bottom: 0;
	transition: all .45s cubic-bezier(.23,1,.32,1);
}

.accordion-item+.accordion-item {
	border-top: 0;
}

.accordion-title {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}

.accordion-title:after {
	content: "\e905";
	display: inline-block;
	font-family: cuhkbiz-icons;
}

.accordion-content>ul:not(.menu) {
	list-style: disc;
	padding-left: 1.5rem;
}

.accordion .is-active .accordion-title {
	background: #f0ecf7;
}

.accordion .is-active .accordion-title:after {
	content: "\e906";
}

.accordion+.accordion {
	margin-top: -20px;
}

.accordion+.accordion>.accordion-item {
	border-top: 0;
}

.blog .hero,.category .hero,.post-type-archive .hero,.tag .hero,[class*=term-]:not(.tax-departments) .hero {
	padding: 4rem 0;
}

.blog .hero+.wrapper,.category .hero+.wrapper,.post-type-archive .hero+.wrapper,.tag .hero+.wrapper,[class*=term-]:not(.tax-departments) .hero+.wrapper {
	margin-top: -2.5rem;
}

.blog .core,.category .core,.post-type-archive .core,.tag .core,[class*=term-]:not(.tax-departments) .core {
	padding-top: 0;
}

.blog .core>article,.blog .core>p:first-child,.category .core>article,.category .core>p:first-child,.post-type-archive .core>article,.post-type-archive .core>p:first-child,.tag .core>article,.tag .core>p:first-child,[class*=term-]:not(.tax-departments) .core>article,[class*=term-]:not(.tax-departments) .core>p:first-child {
	border-bottom: 1px solid rgba(46,26,76,.15);
	margin: 0;
	padding: 1rem 0;
}

@media (min-width:640px) {
	.blog .core>article,.blog .core>p:first-child,.category .core>article,.category .core>p:first-child,.post-type-archive .core>article,.post-type-archive .core>p:first-child,.tag .core>article,.tag .core>p:first-child,[class*=term-]:not(.tax-departments) .core>article,[class*=term-]:not(.tax-departments) .core>p:first-child {
		padding: 1rem;
	}
}

.blog .core>article a,.blog .core>p:first-child a,.category .core>article a,.category .core>p:first-child a,.post-type-archive .core>article a,.post-type-archive .core>p:first-child a,.tag .core>article a,.tag .core>p:first-child a,[class*=term-]:not(.tax-departments) .core>article a,[class*=term-]:not(.tax-departments) .core>p:first-child a {
	font-weight: 600;
	text-decoration: none;
}

.blog .core article,.category .core article,.post-type-archive .core article,.tag .core article,[class*=term-]:not(.tax-departments) .core article {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.blog .core>p:only-child,.category .core>p:only-child,.post-type-archive .core>p:only-child,.tag .core>p:only-child,[class*=term-]:not(.tax-departments) .core>p:only-child {
	border: 0;
}

.button,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child,button {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
	align-items: center;
	border: 1px solid;
	border-radius: 0;
	color: #5c33ad;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 600;
	justify-content: center;
	padding: .8rem 2rem;
	text-decoration: none;
	transition: all .45s cubic-bezier(.23,1,.32,1);
}

.button:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child:before,button:before {
	display: block;
	font-family: cuhkbiz-icons;
	padding-right: .25rem;
}

.button:active,.button:focus,.button:hover,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:active:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:focus:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:hover:only-child,button:active,button:focus,button:hover {
	color: #2e1a4c;
}

.button[disabled],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[disabled]:only-child,button[disabled] {
	color: rgba(46,26,76,.1);
	pointer-events: none;
}

.button-primary,.button[type=submit],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=submit]:only-child,button-primary,button[type=submit] {
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
	background: #fdb015;
	border-color: transparent;
	color: #2e1a4c;
	font-family: myriad-pro,sans-serif,cuhkbiz-icons;
	transition: all .45s cubic-bezier(.23,1,.32,1);
}

.button-primary:before,.button[type=submit]:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child[type=submit]:before,button-primary:before,button[type=submit]:before {
	content: "\e903";
}

.button-primary[target=_blank]:before,.button[type=submit][target=_blank]:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child[target=_blank]:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child[type=submit][target=_blank]:before,button-primary[target=_blank]:before,button[type=submit][target=_blank]:before {
	content: "\e904";
}

.button-primary:active,.button-primary:focus,.button-primary:hover,.button[type=submit]:active,.button[type=submit]:focus,.button[type=submit]:hover,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:active:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:focus:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a:hover:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=submit]:active:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=submit]:focus:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=submit]:hover:only-child,button-primary:active,button-primary:focus,button-primary:hover,button[type=submit]:active,button[type=submit]:focus,button[type=submit]:hover {
	-webkit-box-shadow: 0 5px 10px rgba(92,51,173,.15);
	box-shadow: 0 5px 10px rgba(92,51,173,.15);
}

.button-primary[disabled],.button[type=submit][disabled],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[disabled]:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=submit][disabled]:only-child,button-primary[disabled],button[type=submit][disabled] {
	background: rgba(46,26,76,.1);
	color: #fff;
}

.core .grid-x:not(.important)>.cell.medium-4 p:last-child [action] a:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child [action] a[type=submit]:only-child,[action] .button-primary,[action] .button[type=submit],[action] .core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child,[action] .core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=submit]:only-child,[action] button-primary,[action] button[type=submit] {
	width: 100%;
}

.button-secondary,.button[type=reset],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=reset]:only-child,button-secondary,button[type=reset] {
	color: #5c33ad;
}

.button-secondary:active,.button-secondary:focus,.button-secondary:hover,.button[type=reset]:active,.button[type=reset]:focus,.button[type=reset]:hover,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=reset]:active:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=reset]:focus:only-child,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=reset]:hover:only-child,button-secondary:active,button-secondary:focus,button-secondary:hover,button[type=reset]:active,button[type=reset]:focus,button[type=reset]:hover {
	background: rgba(92,51,173,.1);
	color: #5c33ad;
}

.button-secondary[disabled],.button[type=reset][disabled],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[type=reset][disabled]:only-child,button-secondary[disabled],button[type=reset][disabled] {
	color: rgba(46,26,76,.1);
}

.button-icon,button-icon {
	background: #5c33ad;
	border-color: transparent;
	color: #fff;
	padding: 1.05rem 2rem;
}

.button-icon:before,button-icon:before {
	display: none;
}

.button-icon:active,.button-icon:focus,.button-icon:hover,button-icon:active,button-icon:focus,button-icon:hover {
	background: rgba(92,51,173,.8);
	color: #fff;
}

.button-icon[disabled],button-icon[disabled] {
	background: rgba(46,26,76,.1);
	color: #fff;
}

.button[class*=mega-menu-],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[class*=mega-menu-]:only-child,button[class*=mega-menu-] {
	color: #2e1a4c;
	padding: .2em 1rem;
}

@media (min-width:1024px) {
	.button[class*=mega-menu-],.core .grid-x:not(.important)>.cell.medium-4 p:last-child a[class*=mega-menu-]:only-child,button[class*=mega-menu-] {
		padding: .4em 1rem;
	}
}

.button.mega-menu-toggler:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a.mega-menu-toggler:only-child:before,button.mega-menu-toggler:before {
	content: "\e908";
}

.button.mega-menu-close:before,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a.mega-menu-close:only-child:before,button.mega-menu-close:before {
	content: "\e907";
}

.button.close-button,.core .grid-x:not(.important)>.cell.medium-4 p:last-child a.close-button:only-child,button.close-button {
	border: 0;
	font-weight: 400;
	padding: 0;
}

.cards-list-programmes {
	-ms-flex-pack: start;
	-ms-flex-wrap: wrap;
	-webkit-box-pack: start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	width: 295px;
}

@media (min-width:620px) {
	.cards-list-programmes {
		width: 590px;
	}

	.cards-list-programmes>.card {
		margin-left: 5px;
		margin-right: 5px;
		width: 285px;
	}
}

@media (min-width:915px) {
	.cards-list-programmes {
		width: 885px;
	}
}

@media (min-width:1210px) {
	.cards-list-programmes {
		width: 1180px;
	}
}

.cards-list-people.grid-x {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.card {
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
	-webkit-transition-delay: .1s;
	background: 50%/cover #fff no-repeat;
	border: 1px solid rgba(46,26,76,.15);
	color: #2e1a4c;
	display: block;
	margin-bottom: 1rem;
	overflow: hidden;
	padding: .5rem 1rem;
	position: relative;
	text-decoration: none;
	transition: all .45s cubic-bezier(.23,1,.32,1);
	transition-delay: .1s;
	width: 100%;
	/*min-height: 500px;*/
}

/*.card:active,.card:focus,.card:hover {
-ms-transform: translateY(-5px);
-webkit-box-shadow: 0 5px 10px rgba(92,51,173,.15);
-webkit-transform: translateY(-5px);
-webkit-transition-delay: 0ms;
box-shadow: 0 5px 10px rgba(92,51,173,.15);
transform: translateY(-5px);
transition-delay: 0ms;
}*/

.card *,.card:after,.card:before {
	-webkit-transition: inherit;
	transition: inherit;
}

.card h3 {
	color: #5c33ad;
	font-size: 1rem;
	margin-bottom: 0;
}

.card h3:active,.card h3:focus,.card h3:hover {
	color: #5c33ad;
}

.card-alumni>* {
	-webkit-transition: initial;
	margin-left: -1rem;
	margin-right: -1rem;
	padding: 1rem;
	transition: initial;
}

.card-alumni .card-header {
	margin-top: -.5rem;
}

.card-alumni .card-header .size-thumbnail {
	border-radius: 50%;
	float: right;
	width: 100px;
}

.card-alumni .card-header .size-thumbnail+br {
	display: none;
}

.card-alumni .card-body {
	background: #f2f2f2;
	margin-bottom: -.5rem;
}

.card-article {
	-ms-flex-direction: column;
	-ms-flex-pack: end;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	height: 435px;
	justify-content: flex-end;
	padding: 1rem;
}

.card-article:before {
	background: -webkit-gradient(linear,left bottom,left top,from(#2e1a4c),color-stop(66%,rgba(46,26,76,.35)));
	background: linear-gradient(0deg,#2e1a4c,rgba(46,26,76,.35) 66%);
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.card-article>* {
	position: relative;
}

.card-article .item-meta,.card-article h3 {
	color: #fff;
}

.card-article h3:active,.card-article h3:focus,.card-article h3:hover {
	color: #fff;
}

.event-location-tag {
	background: #5c33ad;
	color: #fff;
	display: inline-block;
	float: right;
	padding: .25rem .5rem;
}

.event-speakers {
	color: rgba(46,26,76,.75);
	font-size: .875rem;
	margin: 1rem -1rem -.5rem;
	padding: .5rem 1rem;
}

.event-speakers .cell+.cell {
	margin-top: .5rem;
}

.event-speaker-name {
	color: #2e1a4c;
}

.card-event .event-speakers {
	background: #f0ecf7;
}

@media (min-width:1024px) {
	.card-event .event-speakers .cell+.cell {
		margin-top: 0;
	}
}

.card-programme {
	-ms-flex-direction: column;
	-ms-flex-pack: end;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	height: 435px;
	justify-content: flex-end;
	padding: 0;
	width: 285px;
}

.card-programme:after {
	color: #fff;
	content: "\e90c";
	font-family: cuhkbiz-icons;
	font-size: 1.5rem;
	left: .75rem;
	line-height: 1;
	position: absolute;
	top: .75rem;
}

.card-programme img,.card-programme svg {
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	bottom: 100%;
	position: absolute;
	transform: translateY(100%);
}

.card-programme>div {
	padding: 0 1rem;
	position: relative;
}

.card-programme h3 {
	padding-bottom: 1.5rem;
}

.card-programme .programme-excerpt {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	font-size: .875rem;
	height: 0;
	overflow: hidden;
}

.card-programme:active:after,.card-programme:focus:after,.card-programme:hover:after {
	opacity: .3;
}

.card-programme:active img,.card-programme:active svg,.card-programme:focus img,.card-programme:focus svg,.card-programme:hover img,.card-programme:hover svg {
	-ms-transform: translateY(30%);
	-webkit-transform: translateY(30%);
	transform: translateY(30%);
}

.card-programme:active .programme-excerpt,.card-programme:focus .programme-excerpt,.card-programme:hover .programme-excerpt {
	height: 217.5px;
}

.card-person {
	height: 100%;
}

.card-person p {
	font-size: .875rem;
}

.page-child .hero-title,.single-events .hero-title,.single-post .hero-title {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	z-index: 3;
}

@media (min-width:640px) {
	.page-child .hero-title,.single-events .hero-title,.single-post .hero-title {
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
}

@media (min-width:640px) {
	.page-child .hero-image,.single-events .hero-image,.single-post .hero-image {
		-ms-flex-order: 2;
		-webkit-box-ordinal-group: 3;
		order: 2;
		position: relative;
		z-index: 1;
	}
}

@media (min-width:640px) {
	.page-child .hero+.core,.single-events .hero+.core,.single-post .hero+.core {
		padding-bottom: 0;
		padding-top: 4rem;
		position: relative;
		top: -4rem;
	}
}

@media (min-width:640px) {
	.page-child .on-this-page,.single-events .on-this-page,.single-post .on-this-page {
		bottom: 4rem;
		left: 0;
		right: auto;
	}
}

.single-post aside {
	margin-top: 1rem;
}

@media (min-width:1024px) {
	.single-post aside {
		margin-top: 0;
	}
}

.post-type-archive-events article,.tax-etypes article {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	flex-direction: column;
}

.post-type-archive-events .event-location-tag,.tax-etypes .event-location-tag {
	margin-right: -.5rem;
}

@media (min-width:640px) {
	.post-type-archive-events .event-speakers,.tax-etypes .event-speakers {
		background: #f0ecf7;
		margin-bottom: -1rem;
	}
}

.post-type-archive-events .event-speakers .grid-x,.tax-etypes .event-speakers .grid-x {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	margin-bottom: -1rem;
}

.post-type-archive-events .event-speakers .grid-x .cell,.tax-etypes .event-speakers .grid-x .cell {
	margin-top: 0;
}

.single-events .important>.cell+.cell>.speakers {
	background: none;
	color: inherit;
	padding: 1rem 0;
}

.single-events .speaker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.single-events .speaker img {
	border: 2px solid #2e1a4c;
	border-radius: 50%;
	height: 64px;
	margin-right: 1rem;
	width: 64px;
}

.single-events .speaker p {
	color: rgba(46,26,76,.75);
}

.single-events .speaker strong {
	color: #2e1a4c;
}

.single-events .speaker a {
	text-decoration: none;
}

.single-events .speaker a strong {
	color: #5c33ad;
}

.single-events .speaker a strong:active,.single-events .speaker a strong:focus,.single-events .speaker a strong:hover {
	color: #2e1a4c;
}

.single-events .speaker+.speaker {
	margin-top: 1rem;
}

.event-listing {
	background: 50%/cover no-repeat;
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(46,26,76,.9)),to(rgba(46,26,76,.9))),url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/images/events-bg.jpg);
	background-image: linear-gradient(90deg,rgba(46,26,76,.9),rgba(46,26,76,.9)),url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/images/events-bg.jpg);
	color: #fff;
	padding: 3rem 0;
}

.event-listing h2 {
	color: inherit;
}

.event-listing-past a {
	color: #fff;
}

.event-listing-past a:active,.event-listing-past a:focus,.event-listing-past a:hover {
	color: #fff;
	opacity: .75;
}

.event-listing-noresults {
	border-left: 3px solid;
	color: hsla(0,0%,100%,.25);
	padding-left: 1rem;
}

.filter {
	background: #2e1a4c;
	color: #fff;
	margin-bottom: 2rem;
	position: relative;
}

.no-js .filter>* {
	opacity: 0;
	pointer-events: none;
}

.filter li {
	margin: 0;
}

.filter a {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	color: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.filter a:active,.filter a:focus,.filter a:hover {
	color: inherit;
}

.filter [href="#"] {
	font-weight: 600;
	margin-bottom: 0;
}

.filter [href="#"]:after {
	content: "\e905";
	display: inline-block;
	font-family: cuhkbiz-icons;
}

.filter [aria-expanded=true] [href="#"]:after {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.filter .submenu a:active,.filter .submenu a:focus,.filter .submenu a:hover {
	background: #392064;
}

.filter .submenu .is-filter-active {
	background: #5c33ad;
	font-weight: 700;
	pointer-events: none;
}

.filter .submenu .is-filter-active a:after {
	content: "\e90a";
	display: inline-block;
	font-family: cuhkbiz-icons;
}

.filter>li+li {
	border-top: 1px solid #fff;
}

.cuhkbiz-footer {
	background: #2e1a4c;
	color: #fff;
	font-size: .875rem !important;
	position: relative;
}

.cuhkbiz-footer a {
	color: inherit;
	display: inline-block;
}

.cuhkbiz-footer a:active,.cuhkbiz-footer a:focus,.cuhkbiz-footer a:hover {
	color: inherit;
	text-decoration: underline;
}

.cuhkbiz-footer button {
	background: hsla(0,0%,100%,.1);
	border: 0;
	color: inherit;
	margin-top: .5rem;
}

.cuhkbiz-footer button:active,.cuhkbiz-footer button:focus,.cuhkbiz-footer button:hover {
	background: hsla(0,0%,100%,.2);
}

.cuhkbiz-footer .wrapper>.grid-x>.cell {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

@media (min-width:640px) {
	.cuhkbiz-footer .wrapper>.grid-x>.cell {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}
}

.cuhkbiz-footer .footer-cross-sites {
	-ms-flex-pack: center;
	-ms-flex-wrap: wrap;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

@media (min-width:640px) {
	.cuhkbiz-footer .footer-cross-sites {
		-ms-flex-direction: column;
		-ms-flex-pack: justify;
		-ms-flex-wrap: nowrap;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-webkit-box-pack: justify;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}

.cuhkbiz-footer .footer-cross-sites .footer-biz-tagline {
	-ms-flex: 1 1 66%;
	-webkit-box-flex: 1;
	flex: 1 1 66%;
	text-align: center;
}

@media (min-width:640px) {
	.cuhkbiz-footer .footer-cross-sites .footer-biz-tagline {
		-ms-flex: auto;
		-ms-flex-order: 1;
		-webkit-box-flex: 1;
		-webkit-box-ordinal-group: 2;
		flex: auto;
		order: 1;
	}
}

.cuhkbiz-footer .footer-cross-sites .footer-cuhk-logo {
	-ms-flex: 1 1 33%;
	-webkit-box-flex: 1;
	flex: 1 1 33%;
	text-align: center;
}

@media (min-width:640px) {
	.cuhkbiz-footer .footer-cross-sites .footer-cuhk-logo {
		-ms-flex: auto;
		-ms-flex-align: end;
		-ms-flex-order: 3;
		-ms-flex-pack: center;
		-webkit-box-align: end;
		-webkit-box-flex: 1;
		-webkit-box-ordinal-group: 4;
		-webkit-box-pack: center;
		align-items: flex-end;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex: auto;
		justify-content: center;
		order: 3;
	}
}

.cuhkbiz-footer .footer-cross-sites .footer-biz-links {
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1;
	flex: 1 1 100%;
	margin-bottom: .5rem;
	margin-top: .5rem;
}

@media (min-width:640px) {
	.cuhkbiz-footer .footer-cross-sites .footer-biz-links {
		-ms-flex: auto;
		-ms-flex-order: 2;
		-webkit-box-flex: 1;
		-webkit-box-ordinal-group: 3;
		flex: auto;
		order: 2;
	}
}

.cuhkbiz-footer .textwidget {
	-ms-flex-direction: column;
	-ms-flex-pack: justify;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: justify;
	color: hsla(0,0%,100%,.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cuhkbiz-footer .textwidget li {
	display: inline-block;
}

.cuhkbiz-footer .textwidget li:not(:last-child):after {
	content: "•";
	margin: 0 .125rem 0 .25rem;
}

@media (min-width:640px) {
	.cuhkbiz-footer .textwidget li {
		display: block;
	}

	.cuhkbiz-footer .textwidget li:after {
		display: none;
	}
}

.cuhkbiz-footer .textwidget a {
	color: inherit;
	text-decoration: none;
}

.cuhkbiz-footer .textwidget a:active,.cuhkbiz-footer .textwidget a:focus,.cuhkbiz-footer .textwidget a:hover {
	color: #fff;
}

.cuhkbiz-footer .footer-current-site>* {
	position: relative;
}

@media (min-width:640px) {
	.cuhkbiz-footer .footer-current-site {
		background: #392064;
		padding-left: 2rem;
	}

	.cuhkbiz-footer .footer-current-site:before {
		background: inherit;
		bottom: 0;
		content: "";
		display: block;
		height: 100%;
		left: 50%;
		position: absolute;
		top: 0;
		width: 49.4vw;
	}
}

.footer-menus-main {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.footer-menus-main>li {
	-ms-flex: 1 1 17.5rem;
	-webkit-box-flex: 1;
	flex: 1 1 17.5rem;
	margin-bottom: 2.5rem;
	padding-right: .5rem;
}

@media (min-width:640px) {
	.footer-menus-main>li {
		-ms-flex-preferred-size: 10rem;
		flex-basis: 10rem;
	}
}

.footer-menus-main>li>[href="#"] {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1rem;
	pointer-events: none;
}

@media (min-width:640px) {
	.footer-menus-main>li>[href="#"] {
		margin-bottom: 2rem;
	}
}

.footer-info {
	color: hsla(0,0%,100%,.5);
}

@media (min-width:1024px) {
	.footer-info {
		-ms-flex-align: end;
		-ms-flex-pack: justify;
		-webkit-box-align: end;
		-webkit-box-pack: justify;
		align-items: flex-end;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
	}
}

.footer-copyright {
	text-align: center;
}

@media (min-width:640px) {
	.footer-copyright {
		text-align: left;
	}
}

@media (min-width:1024px) {
	.footer-copyright {
		margin: 0;
	}
}

.footer-accreditation {
	text-align: center;
}

@media (min-width:640px) {
	.footer-accreditation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-align: left;
	}
}

.footer-accreditation img {
	margin: .25rem .25rem 0;
}

@media (min-width:640px) {
	.footer-accreditation img {
		margin: .5rem .5rem 0;
	}
}

.field-complex>span>label,.form-field>.gfield_label,.form-field>label,.gfield>.gfield_label,.gfield>label,.ginput_complex>span>label {
	-ms-flex-align: center;
	-ms-flex-pack: start;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	align-items: center;
	color: #5c33ad;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 3.1rem;
	justify-content: flex-start;
	left: 0;
	padding: .8rem .75rem;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.inverted .field-complex>span>label,.inverted .form-field>.gfield_label,.inverted .form-field>label,.inverted .gfield>.gfield_label,.inverted .gfield>label,.inverted .ginput_complex>span>label {
	color: #fff;
}

.field-complex .is-active>label,.ginput_complex .is-active>label,.is-active>.gfield_label,.is-active>label {
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	font-size: .67rem;
	padding-top: .25rem;
}

.inverted .field-complex .is-active>label,.inverted .ginput_complex .is-active>label,.inverted .is-active>.gfield_label,.inverted .is-active>label {
	color: #2e1a4c;
}

.field-complex>span>input,.form-field>.ginput_container>input,.form-field>.ginput_container>textarea,.form-field>input,.form-field>textarea,.gfield>.ginput_container>input,.gfield>.ginput_container>textarea,.gfield>input,.gfield>textarea,.ginput_complex>span>input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-color: rgba(46,26,76,.15);
	padding: .8rem .25rem .8rem .75rem;
	width: 100%;
}

.inverted .field-complex>span>input,.inverted .form-field>.ginput_container>input,.inverted .form-field>.ginput_container>textarea,.inverted .form-field>input,.inverted .form-field>textarea,.inverted .gfield>.ginput_container>input,.inverted .gfield>.ginput_container>textarea,.inverted .gfield>input,.inverted .gfield>textarea,.inverted .ginput_complex>span>input {
	background: #2e1a4c;
	border-color: hsla(0,0%,100%,.15);
}

.field-complex .is-active>input,.ginput_complex .is-active>input,.is-active>.ginput_container>input,.is-active>.ginput_container>textarea,.is-active>input,.is-active>textarea {
	border-color: currentcolor;
	padding: 1.3rem .25rem .3rem .75rem;
}

.inverted .field-complex .is-active>input,.inverted .ginput_complex .is-active>input,.inverted .is-active>.ginput_container>input,.inverted .is-active>.ginput_container>textarea,.inverted .is-active>input,.inverted .is-active>textarea {
	background: #fff;
	color: #2e1a4c;
}

.form-field,.gfield {
	margin: .25rem 0;
	position: relative;
}

.form-field>.ginput_container>textarea,.form-field>textarea,.gfield>.ginput_container>textarea,.gfield>textarea {
	height: 10rem;
}

.inverted .form-field>.ginput_container>textarea,.inverted .form-field>textarea,.inverted .gfield>.ginput_container>textarea,.inverted .gfield>textarea {
	height: 10rem;
}

.field-complex,.ginput_complex {
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.field-complex>span,.ginput_complex>span {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	position: relative;
}

@media (min-width:960px) {
	.field-complex>span,.ginput_complex>span {
		-ms-flex-preferred-size: calc(50% - 0.125rem);
		flex-basis: calc(50% - 0.125rem);
	}

	.field-complex>span:not(:first-child):nth-child(2),.ginput_complex>span:not(:first-child):nth-child(2) {
		margin-top: 0;
	}
}

.field-complex>span:not(:first-child),.ginput_complex>span:not(:first-child) {
	margin-top: .25rem;
}

.field_is_checkbox>.gfield_label,.field_is_checkbox>label,.field_is_radio>.gfield_label,.field_is_radio>label,.field_is_select>.gfield_label,.field_is_select>label {
	height: auto;
	padding: 0;
	position: static;
}

.field_is_checkbox ul>li,.field_is_radio ul>li {
	position: relative;
}

.field_is_checkbox input,.field_is_radio input {
	-moz-appearance: initial;
	-webkit-appearance: initial;
	appearance: auto;
	background: #fff 50%/cover no-repeat;
	border: 1px solid rgba(46,26,76,.15);
	height: 1.5rem;
	left: 0;
	margin-right: .5rem;
	position: absolute;
	top: 0;
	width: 1.5rem;
}

.field_is_checkbox input:checked,.field_is_radio input:checked {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='55.8' width='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4 32.1l-4.5-4.5-1.5 1.5 6 6 12.9-12.9-1.5-1.5-11.4 11.4z' fill='%235c33ad'/%3E%3C/svg%3E");
}

.field_is_checkbox input+label,.field_is_radio input+label {
	display: inline-block;
	left: 2rem;
	position: relative;
	width: calc(100% - 2rem);
}

.inverted .field_is_checkbox input,.inverted .field_is_radio input {
	background-color: #2e1a4c;
	border-color: #fff;
}

.inverted .field_is_checkbox input:checked,.inverted .field_is_radio input:checked {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='55.8' width='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4 32.1l-4.5-4.5-1.5 1.5 6 6 12.9-12.9-1.5-1.5-11.4 11.4z' fill='%23fff'/%3E%3C/svg%3E");
}

.inverted .field_is_checkbox input+label,.inverted .field_is_radio input+label {
	color: #fff;
}

.field_is_fileupload input {
	color: transparent;
	height: 3.1rem;
}

.field_is_fileupload.is-active input {
	color: inherit;
}

.field_is_fileupload ::-webkit-file-upload-button {
	border: 0;
	height: 0;
	padding: 0;
	visibility: hidden;
	width: 0;
}

.field_is_fileupload ::-ms-browse {
	border: 0;
	height: 0;
	padding: 0;
	visibility: hidden;
	width: 0;
}

.field_is_fileupload ::-ms-value {
	background: none;
	border: 0;
}

.inverted .field_is_fileupload.is-active input {
	color: #2e1a4c;
}

.field_is_radio ul {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.field_is_radio ul>li {
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
}

.field_is_radio ul input {
	border-radius: 50%;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff 100% no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='55.8' width='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.2 24.7l-1.7-1.6-5.5 5.2-5.5-5.2-1.7 1.6 7.2 6.8z' fill='%235c33ad'/%3E%3C/svg%3E");
	border: 1px solid rgba(46,26,76,.15);
	border-radius: 0;
	color: #5c33ad;
	font-weight: 600;
	max-width: 100%;
	padding: .8rem 2rem .8rem 1rem;
	width: 100%;
}

select::-ms-expand {
	display: none;
}

.gform_footer {
	margin-top: 1rem;
}

.gform_ajax_spinner {
	display: none;
}

.validation_error,.validation_message {
	color: #ff333d;
	margin-bottom: 1rem;
}

.validation_error {
	background-color: #ffeef1;
	border: 1px solid #ff333d;
	margin-top: .5rem;
	padding: .25rem .5rem;
}

.grid-x {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.core .grid-x>.cell {
	margin-bottom: 1rem;
}

@media (min-width:1024px) {
	.grid-x.alternate>.cell:first-child {
		-ms-flex-order: 2;
		-webkit-box-ordinal-group: 3;
		order: 2;
	}

	.grid-x.alternate>.cell:nth-child(2) {
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
}

.grid-x.important>.cell:first-child {
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	margin-top: 1rem;
	order: 2;
}

@media (min-width:640px) {
	.grid-x.important>.cell:first-child {
		-ms-flex-order: 0;
		-webkit-box-ordinal-group: 1;
		margin-top: 0;
		order: 0;
	}
}

.grid-x.important>.cell:nth-child(2) {
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}

.grid-x.important>.cell:nth-child(2)>div {
	background: #2e1a4c;
	color: #fff;
	padding: 1rem;
}

.grid-x.important>.cell:nth-child(2)>div strong {
	font-weight: 600;
}

.grid-x.important>.cell:nth-child(2)>div a {
	color: #fff;
}

.core .grid-x:not(.important)>.cell.medium-4 .grid-x.important>.cell:nth-child(2)>div p:last-child>a:only-child,.grid-x.important>.cell:nth-child(2)>div .core .grid-x:not(.important)>.cell.medium-4 p:last-child>a:only-child,.grid-x.important>.cell:nth-child(2)>div p:last-child>a.button-primary:only-child {
	color: #2e1a4c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -1rem -1rem;
}

.cuhkbiz-header {
	background: #f2f2f2;
	position: relative;
	z-index: 2;
}

.cuhkbiz-header:before {
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 50vw;
}

.cuhkbiz-header .wrapper {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	background: #fff;
	border-radius: 0 0 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	position: relative;
}

@media (min-width:1024px) {
	.cuhkbiz-header .wrapper {
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end;
	}
}

.cuhkbiz-header .header-logo {
	line-height: 0;
}

.cuhkbiz-header .header-logo a {
	display: inline-block;
}

.cuhkbiz-header .header-logo img {
	width: 50px;
}

@media (min-width:1024px) {
	.cuhkbiz-header .header-logo img {
		width: 100px;
	}
}

.cuhkbiz-header button {
	border-color: rgba(46,26,76,.15);
	font-size: 1.2rem;
	margin-left: 2rem;
}

.cuhkbiz-header button:active,.cuhkbiz-header button:focus,.cuhkbiz-header button:hover {
	background: #f2f2f2;
}

@media (min-width:1024px) {
	.cuhkbiz-header button {
		margin-bottom: 15px;
	}
}

.cuhkbiz-header .header-menus {
	display: none;
}

@media (min-width:1024px) {
	.cuhkbiz-header .header-menus {
		-ms-flex: 1 0 auto;
		-ms-flex-direction: column;
		-ms-flex-pack: justify;
		-webkit-box-direction: normal;
		-webkit-box-flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-pack: justify;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex: 1 0 auto;
		flex-direction: column;
		height: 85px;
		justify-content: space-between;
		margin-bottom: 15px;
		text-align: right;
	}
}

.cuhkbiz-header .header-menus li {
	margin-bottom: 0;
}

.cuhkbiz-header .menu>li {
	display: inline-block;
}

.cuhkbiz-header .header-menus-quick a {
	color: #2e1a4c;
	font-size: .8rem;
	font-weight: 600;
}

.cuhkbiz-header .header-menus-quick a:active,.cuhkbiz-header .header-menus-quick a:focus,.cuhkbiz-header .header-menus-quick a:hover {
	color: #5c33ad;
}

.cuhkbiz-header .header-menus-quick>li:not(:last-child):after {
	content: "•";
	margin: 0 .125rem 0 .25rem;
}

.cuhkbiz-header .dropdown a {
	display: block;
}

.cuhkbiz-header .dropdown>li {
	margin-left: 1rem;
}

.cuhkbiz-header .dropdown>li>a {
	color: #2e1a4c;
	font-size: 1.2rem;
	font-weight: 600;
	padding-bottom: 0;
}

.cuhkbiz-header .dropdown>li>a:active,.cuhkbiz-header .dropdown>li>a:focus,.cuhkbiz-header .dropdown>li>a:hover {
	opacity: .75;
}

.cuhkbiz-header .dropdown>li>a[href="#"] {
	pointer-events: none;
}

.cuhkbiz-header .dropdown>li>a[href="#"]:after {
	content: "\e910";
	display: inline-block;
	font-family: cuhkbiz-icons;
	position: relative;
	right: 0;
	top: .25rem;
}

.cuhkbiz-header .dropdown>li.is-active>[href="#"] {
	opacity: .75;
}

.cuhkbiz-header .dropdown .sub-menu {
	-webkit-box-shadow: 0 5px 10px rgba(92,51,173,.15);
	border: 1px solid rgba(46,26,76,.15);
	box-shadow: 0 5px 10px rgba(92,51,173,.15);
	text-align: left;
}

.cuhkbiz-header .dropdown .sub-menu.first-sub:before {
	-ms-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	background: #fff;
	border-left: 1px solid rgba(46,26,76,.15);
	border-top: 1px solid rgba(46,26,76,.15);
	content: "";
	display: block;
	height: 12px;
	left: 1rem;
	position: absolute;
	top: 0;
	transform: translateY(-50%) rotate(45deg);
	width: 12px;
	z-index: -1;
}

.cuhkbiz-header .dropdown .sub-menu>li:not(:last-child) {
	border-bottom: 1px solid rgba(46,26,76,.15);
}

.cuhkbiz-header .dropdown .sub-menu a:active,.cuhkbiz-header .dropdown .sub-menu a:focus,.cuhkbiz-header .dropdown .sub-menu a:hover {
	background: #f0ecf7;
	color: #5c33ad;
}

.cuhkbiz-header .dropdown .opens-left .sub-menu:before {
	left: auto;
	right: 1rem;
}

.cuhkbiz-header .js-dropdown-active {
	-webkit-animation: fadeIn .45s cubic-bezier(.23,1,.32,1);
	animation: fadeIn .45s cubic-bezier(.23,1,.32,1);
	z-index: 1;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.hero {
	background: #f2f2f2;
}

.hero-title {
	-ms-flex-direction: column;
	-ms-flex-order: 2;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-webkit-box-ordinal-group: 3;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
	order: 2;
	padding-bottom: 2.5rem;
	position: relative;
	z-index: 1;
}

@media (min-width:640px) {
	.hero-quote .hero-title p:first-child,.hero-title .hero-quote p:first-child,.hero-title h1 {
		-ms-transform: translateX(-100px);
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		width: calc(100% + 100px);
	}
}

.hero-quote {
	font-size: .8rem;
}

.hero-quote p:first-child:before {
	content: "“";
}

.hero-quote p:first-child:after {
	content: "”";
}

.hero-image {
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	margin-bottom: -1.5rem;
	order: 1;
	padding-top: 2.5rem;
}

@media (min-width:640px) {
	.hero-image {
		margin-bottom: 0;
		padding-bottom: 2rem;
	}
}

.hero-image img {
	width: 100%;
}

.hero-image-gradient {
	line-height: 0;
	position: relative;
}

.hero-image-gradient:after {
	background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(60%,hsla(0,0%,100%,.3)),to(hsla(0,0%,100%,.6)));
	background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3) 60%,hsla(0,0%,100%,.6));
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

@media (min-width:640px) {
	.hero-image-gradient:after {
		background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(60%,hsla(0,0%,100%,.3)),to(hsla(0,0%,100%,.6)));
		background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3) 60%,hsla(0,0%,100%,.6));
	}
}

.on-this-page {
	bottom: 0;
	position: absolute;
	right: 0;
	width: 100%;
}

@media (min-width:640px) {
	.on-this-page {
		max-width: 20rem;
	}
}

.on-this-page a {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	color: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2.5rem;
	justify-content: space-between;
	padding: .5rem 1.25rem;
	text-decoration: none;
}

.on-this-page a span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.on-this-page a:after {
	content: "\e901";
	display: block;
	font-family: cuhkbiz-icons;
	padding-left: .25rem;
}

.on-this-page a:active,.on-this-page a:focus,.on-this-page a:hover {
	color: inherit;
}

.on-this-page .menu {
	overflow: hidden;
}

.on-this-page .menu li {
	margin: 0;
}

.on-this-page .menu li a:hover {
	background: #5c33ad;
}

.on-this-page .sticky {
	background: #2e1a4c;
	color: #fff;
	opacity: 0;
}

.on-this-page .sticky.is-ready {
	opacity: 1;
}

.on-this-page .sticky.is-anchored {
	max-height: 320px;
	overflow: auto;
}

.on-this-page .sticky .on-this-page-handle {
	font-weight: 600;
	pointer-events: none;
}

.on-this-page .sticky .on-this-page-handle:after {
	color: #fdb015;
	content: "\e90b";
}

@font-face {
	font-family:cuhkbiz-icons;font-style:normal;font-weight:400;src:url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/fonts/cuhkbiz-icons.ttf?oytxgk) format("truetype"),url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/fonts/cuhkbiz-icons.woff?oytxgk) format("woff"),url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/fonts/cuhkbiz-icons.svg?oytxgk#cuhkbiz-icons) format("svg");
}

.icon {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: cuhkbiz-icons!important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
}

.icon-arrow-up:before {
	content: "\e900";
}

.icon-arrow-down:before {
	content: "\e901";
}

.icon-arrow-left:before {
	content: "\e902";
}

.icon-arrow-right:before {
	content: "\e903";
}

.icon-arrow-xtrnl:before {
	content: "\e904";
}

.icon-chevron-up:before {
	content: "\e906";
}

.icon-chevron-down:before {
	content: "\e905";
}

.icon-chevron-left:before {
	content: "\e916";
}

.icon-chevron-right:before {
	content: "\e917";
}

.icon-tri-down:before {
	content: "\e910";
}

.icon-menu-x:before {
	content: "\e907";
}

.icon-menu-ham:before {
	content: "\e908";
}

.icon-search:before {
	content: "\e909";
}

.icon-check:before {
	content: "\e90a";
}

.icon-ellipsis:before {
	content: "\e90b";
}

.icon-card-info:before {
	content: "\e90c";
}

.icon-play:before {
	content: "\e90d";
}

.icon-doc-soft:before {
	color: #6b7fff;
	content: "\e90e";
}

.icon-doc-hard:before {
	color: #eb5757;
	content: "\e90f";
}

.icon-sel-people:before {
	content: "\e911";
}

.icon-sel-article:before {
	content: "\e912";
}

.icon-info:before {
	content: "\e913";
}

.icon-share:before {
	content: "\e914";
}

.icon-print:before {
	content: "\e915";
}

.icon-quote:before {
	content: "\e91c";
}

.icon-ident-1:before {
	content: "\e918";
}

.icon-ident-2:before {
	content: "\e919";
}

.icon-ident-3:before {
	content: "\e91a";
}

.icon-ident-4:before {
	content: "\e91b";
}

figure {
	margin: 0 0 1rem;
	position: relative;
}

figure figcaption {
	background: #fff;
	border: 1px solid rgba(46,26,76,.15);
	bottom: -10px;
	color: rgba(46,26,76,.75);
	display: block;
	font-size: .8rem;
	max-width: 100%;
	padding: .5rem;
	position: absolute;
	right: -10px;
}

figure figcaption strong {
	color: #5c33ad;
	font-size: 1rem;
	font-weight: 600;
}

.gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.gallery-columns-1>* {
	width: 100%;
}

.gallery-columns-2>* {
	width: 50%;
}

.gallery-columns-3>* {
	width: 33.33333%;
}

.gallery-columns-4>* {
	width: 25%;
}

.gallery-columns-5>* {
	width: 20%;
}

.gallery-columns-6>* {
	width: 16.66667%;
}

.gallery-columns-7>* {
	width: 14.28571%;
}

.gallery-columns-8>* {
	width: 12.5%;
}

.gallery-columns-9>* {
	width: 11.11111%;
}

[data-cuhkbiz] {
	border-top: 6px solid #4f2d7f;
}

body {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #fff;
	color: #2e1a4c;
	text-rendering: geometricPrecision;
}

.view {
	overflow-x: hidden;
}

.wrapper {
	margin: 0 15px;
	max-width: 1200px;
}

@media (min-width:1230px) {
	.wrapper {
		margin: 0 auto !important;
	}
}

.core {
	background: #fff;
	padding: 3rem 0;
}

ul.article-links {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.alignleft {
	margin-right: 1rem;
}

.alignright {
	margin-left: 1rem;
}

div.breadcrumbs {
	padding-top: 2.5rem;
}

div.breadcrumbs a {
	color: #2e1a4c;
	font-weight: 600;
}

div.breadcrumbs .breadcrumb_last {
	color: #5c33ad;
	display: block;
	font-weight: 600;
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.column {
	-webkit-column-gap: 1rem;
	column-gap: 1rem;
}

@media (min-width:640px) {
	.column-1 {
		-webkit-column-count: 1;
		column-count: 1;
	}
}

@media (min-width:640px) {
	.column-2 {
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media (min-width:640px) {
	.column-3 {
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media (min-width:640px) {
	.column-4 {
		-webkit-column-count: 4;
		column-count: 4;
	}
}

.cuhkbiz-adjacent-links {
	background: #f2f2f2;
	border-top: 1px solid rgba(46,26,76,.15);
	padding: 3rem 0;
}

.cuhkbiz-adjacent-links a {
	font-weight: 600;
	text-decoration: none;
}

.cuhkbiz-related {
	border: 1px solid rgba(46,26,76,.15);
	margin-bottom: 1.5rem;
	padding: .5rem 1rem;
}

.cuhkbiz-related .item-meta {
	color: rgba(46,26,76,.5);
}

.cuhkbiz-related p:last-child>a:only-child {
	font-weight: 600;
	text-decoration: none;
}

.cuhkbiz-related p:last-child>a:only-child:before {
	display: none;
}

.error404 header {
	background: #fff;
}

.fas {
	color: #5c33ad;
}

.fab:before {
	display: block;
	font-size: 1rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	width: 2rem;
}

hr {
	border: 0;
	border-top: 1px solid rgba(46,26,76,.15);
	margin-bottom: 3rem;
	margin-top: 3rem;
}

section+hr {
	margin-top: 2rem;
}

aside hr {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.cell hr:only-child {
	margin: 1rem auto;
}

iframe {
	border: 0;
}

.item-meta {
	color: #2e1a4c;
	font-size: .67rem;
	letter-spacing: .067rem;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.item-actions {
	position: relative;
}

.item-actions>a {
	border: 1px solid rgba(46,26,76,.15);
	border-radius: 50%;
	display: inline-block;
	height: 3rem;
	text-align: center;
	text-decoration: none;
	width: 3rem;
}

.item-actions>a .icon {
	font-size: 2rem;
	line-height: 2.875rem;
}

@media (min-width:640px) {
	.item-actions .item-print-trigger {
		-ms-transform: scale(.8);
		-webkit-transform: scale(.8);
		border: 0;
		transform: scale(.8);
	}
}

.item-share-popup {
	-ms-transform: translateY(-50%);
	-webkit-box-shadow: 0 5px 10px rgba(92,51,173,.15);
	-webkit-transform: translateY(-50%);
	background: #2e1a4c;
	border: 1px solid #f0ecf7;
	box-shadow: 0 5px 10px rgba(92,51,173,.15);
	color: #fff;
	display: none;
	font-size: .8rem;
	left: 3rem;
	position: absolute;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	width: 10rem;
	z-index: 1;
}

@media (min-width:640px) {
	.item-share-popup {
		-ms-transform: translateX(0) translateY(-50%) translateY(-1.5rem);
		-webkit-transform: translateX(0) translateY(-50%) translateY(-1.5rem);
		top: 3rem;
		transform: translateX(0) translateY(-50%) translateY(-1.5rem);
	}
}

.item-share-popup:before {
	-ms-transform: translate(-100%,-50%);
	-webkit-transform: translate(-100%,-50%);
	border: 10px solid transparent;
	border-right-color: #2e1a4c;
	content: "";
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(-100%,-50%);
}

.item-share-popup .close-button {
	color: #fff;
	font-size: inherit;
	right: .5rem;
	text-decoration: none;
	top: .5rem;
}

.item-share-popup .close-button:active,.item-share-popup .close-button:focus,.item-share-popup .close-button:hover {
	color: #fff;
}

.item-share-popup p {
	margin-bottom: 0;
	padding: .5rem;
}

.item-share-popup input {
	color: #2e1a4c;
	font-family: monospace;
	padding: .25rem;
}

.core .grid-x:not(.important)>.cell.medium-4 p:last-child .item-share-popup a:only-child,.item-share-popup .button-primary,.item-share-popup .core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child,.item-share-popup input {
	width: 100%;
}

.link-back li,.link-list li,.link-to li {
	margin-bottom: 1rem;
}

.link-back a,.link-list a,.link-to a {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	line-height: 1.2;
	text-decoration: none;
}

.link-back a:after,.link-back a:before,.link-list a:after,.link-list a:before,.link-to a:after,.link-to a:before {
	display: inline-block;
	font-family: cuhkbiz-icons;
}

.link-back a:before {
	content: "\e902";
	margin-right: .25rem;
}

.link-to a:after {
	content: "\e903";
	margin-left: .25rem;
}

.link-list a:before {
	content: "\e903";
	margin-right: .25rem;
}

.mega-menu {
	background: #f2f2f2;
	padding: 0;
}

.mega-menu .wrapper {
	margin-bottom: 2rem;
}

@media (min-width:1024px) {
	.mega-menu .wrapper {
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
}

.mega-menu .accordion {
	width: 100%;
}

.mega-menu .tabs {
	border-right: 1px solid rgba(46,26,76,.15);
	width: 25%;
}

.mega-menu .tabs-title {
	border-bottom: 0;
	margin: 0;
	width: 100%;
}

.mega-menu .tabs-title a {
	font-weight: 600;
	padding: 1rem;
}

.mega-menu .tabs-title a[aria-selected=true] {
	background: #f0ecf7;
}

.mega-menu .tabs-title a span {
	border-left: 6px solid #fdb015;
	display: block;
	padding: .25rem 1rem;
}

.mega-menu .tabs-title:first-child a span {
	border-left-color: #2e1a4c;
}

.mega-menu .tabs-content {
	width: 66.67%;
}

.mega-menu .cell:first-child {
	margin-bottom: 2rem;
}

.mega-menu .cell:first-child a {
	color: #5c33ad;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.mega-menu .cell:first-child a:before {
	content: "\e903";
	display: block;
	font-family: cuhkbiz-icons;
	padding-right: .25rem;
}

.mega-menu .cell>a {
	color: #2e1a4c;
	font-weight: 600;
}

.mega-menu .cell>a:active,.mega-menu .cell>a:focus,.mega-menu .cell>a:hover {
	opacity: .75;
}

.mega-menu .cell>a[href="#"] {
	pointer-events: none;
}

.mega-menu .sub-menu {
	margin: 1rem 0;
}

.menu a,.sub-menu a {
	text-decoration: none;
}

.nav-links {
	margin-top: 2.5rem;
	text-align: center;
}

.nav-links>* {
	display: inline-block !important;
	font-weight: 600;
	line-height: 1;
	margin-left: .5rem;
	padding: .5rem .75rem;
}

nav.navigation.pagination {
	flex-direction: row-reverse;
	display: flex;
}

.nav-links a {
	background: #f2f2f2;
	color: #5c33ad;
	text-decoration: none;
}

.nav-links a:active,.nav-links a:focus,.nav-links a:hover {
	background: rgba(46,26,76,.15);
}

.nav-links .current {
	background-image: linear-gradient(90deg,#6e1b6f 15%,#040178 100%);
	color: #fff;
}

.quick-archive .cell {
	min-height: 100px;
	padding-left: 100px;
	position: relative;
}

.quick-archive a {
	text-decoration: none;
}

.quick-archive img {
	border-radius: 50%;
	left: 0;
	position: absolute;
	top: 0;
	width: 80px;
}

.slick {
	height: 100%;
	position: relative;
}

.slick:not(.slick-initialized) {
	background: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/images/loading.gif) 50% no-repeat;
	white-space: nowrap;
}

.slick:not(.slick-initialized)>* {
	display: inline-block;
	opacity: 0;
}

.slick button {
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: none;
	border: 0;
	color: #fff;
	font-size: 3.5rem;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.slick button:after {
	font-family: cuhkbiz-icons;
	text-shadow: 0 4px 4px rgba(34,34,34,.25);
}

.slick-prev {
	left: 0;
}

.slick-prev:after {
	content: "\e916";
}

.slick-next {
	right: 0;
}

.slick-next:after {
	content: "\e917";
}

.slick .card {
	margin: 10px;
	width: 285px;
}

.slick .card-slider-intro {
	background: none;
	border: 0;
	pointer-events: none;
}

[v-cloak] {
	background-image: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/images/loading.gif);
	background-position: 50%;
	background-repeat: no-repeat;
}

[v-cloak] * {
	opacity: 0;
}

.article-links,.column,.comment-list,.cuhkbiz-footer .textwidget ul,.field_is_checkbox ul,.field_is_radio ul,.gfield_checkbox,.gfield_radio,.gform_fields,.link-back,.link-list,.link-to,.menu,.single-programmes.page-child .hero .adjacent-links,.sub-menu,.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gs-proportional {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
}

.gs-proportional>* {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.form-field.hide-label>.gfield_label,.form-field.hide-label>label,.gfield.hide-label>.gfield_label,.gfield.hide-label>label,.gfield_visibility_hidden,.gform_anchor,.gform_hidden,.screen-reader-text,.sr-only {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.single-programmes {
	background: #f2f2f2;
}

.single-programmes .content-block {
	margin-top: 2rem;
}

.single-programmes .hero>.wrapper {
	background: 50%/cover no-repeat;
	min-height: 20rem;
	padding: 15px 15px 2.5rem;
	position: relative;
}

@media (min-width:1215px) {
	.single-programmes .hero>.wrapper {
		padding: 2rem;
	}
}

.single-programmes .hero>.wrapper:before {
	background: -webkit-gradient(linear,left top,right top,from(rgba(46,26,76,.8)),color-stop(66%,rgba(46,26,76,0)));
	background: linear-gradient(90deg,rgba(46,26,76,.8) 0,rgba(46,26,76,0) 66%);
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.hero-quote .single-programmes .hero p:first-child,.single-programmes .hero .hero-quote p:first-child,.single-programmes .hero h1 {
	color: #fff;
	max-width: 30rem;
	position: relative;
}

.single-programmes .hero ul {
	position: relative;
}

.single-programmes .hero a {
	color: #fff;
	font-weight: 600;
}

.single-programmes .core {
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
}

@media (min-width:1215px) {
	.single-programmes .core {
		margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (min-width:1215px) {
	.single-programmes .statistics-slider {
		margin-left: -2rem;
		padding-left: 2rem;
	}
}

@media (min-width:0px) and (max-width:639px) {
	.single-programmes .statistics-slider .slick-item {
		width: calc(100vw - 30px);
	}
}

.single-programmes.page-child .hero>.wrapper {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	min-height: 0;
	padding-bottom: 15px;
}

.single-programmes.page-child .hero>.wrapper:before {
	display: none;
}

.single-programmes.page-child .hero>.wrapper+.wrapper {
	padding-bottom: 3.5rem;
}

@media (min-width:640px) {
	.single-programmes.page-child .hero>.wrapper+.wrapper {
		padding-top: 3.5rem;
	}
}

.single-programmes.page-child .hero .programme-parent-title,.single-programmes.page-child .hero .programme-sub-nav {
	margin: .5rem auto;
}

.single-programmes.page-child .hero .programme-parent-title a,.single-programmes.page-child .hero .programme-sub-nav a {
	color: inherit;
	display: inline-block;
	text-decoration: none;
}

.single-programmes.page-child .hero .programme-parent-title a:after,.single-programmes.page-child .hero .programme-sub-nav a:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
}

.single-programmes.page-child .hero .programme-parent-title a:active:after,.single-programmes.page-child .hero .programme-parent-title a:focus:after,.single-programmes.page-child .hero .programme-parent-title a:hover:after,.single-programmes.page-child .hero .programme-sub-nav a:active:after,.single-programmes.page-child .hero .programme-sub-nav a:focus:after,.single-programmes.page-child .hero .programme-sub-nav a:hover:after {
	background: currentcolor;
}

.single-programmes.page-child .hero .adjacent-links {
	color: #5c33ad;
}

@media (min-width:1024px) {
	.single-programmes.page-child .hero .adjacent-links {
		text-align: right;
	}
}

.single-programmes.page-child .hero .adjacent-links li {
	display: inline-block;
}

.single-programmes.page-child .hero .adjacent-links a {
	margin-right: 2rem;
}

@media (min-width:1024px) {
	.single-programmes.page-child .hero .adjacent-links a {
		margin-left: 2rem;
		margin-right: 0;
	}
}

.single-programmes.page-child .hero .adjacent-links a.is-active {
	color: #2e1a4c;
}

.single-programmes.page-child .hero .adjacent-links a.is-active:after {
	background: currentcolor;
}

.hero-quote .single-programmes.page-child .hero p:first-child,.single-programmes.page-child .hero .hero-quote p:first-child,.single-programmes.page-child .hero h1 {
	color: #5c33ad;
}

@media (min-width:640px) {
	.single-programmes.page-child .hero .on-this-page {
		bottom: 0;
		left: auto;
		right: 0;
	}
}

.single-programmes.page-child .hero+.core {
	padding-bottom: 4rem;
	top: 0;
}

.courses-list .accordion-title>p {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media (min-width:1200px) {
	.courses-list .accordion-title>p {
		-ms-flex-align: center;
		-ms-flex-direction: row;
		-ms-flex-pack: justify;
		-webkit-box-align: center;
		-webkit-box-direction: normal;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: justify;
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
	}
}

.courses-list .accordion-title>p .item-meta {
	margin-bottom: 0;
	margin-top: .5rem;
	padding-right: .5rem;
}

@media (min-width:1200px) {
	.courses-list .accordion-title>p .item-meta {
		margin-top: 0;
	}
}

@media print {
	html[data-cuhkbiz] {
		border: 0;
	}

	html[data-cuhkbiz] .header-button,html[data-cuhkbiz] .header-menus,html[data-cuhkbiz] aside,html[data-cuhkbiz] footer {
		display: none;
	}

	html[data-cuhkbiz] .cell {
		width: 100%;
	}
}

[data-reveal] {
	border-top: 6px solid #4f2d7f;
}

[data-reveal] hr {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.statistics-slider {
	background: #392064;
	color: #fff;
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.statistics-slider .wrapper {
	position: relative;
}

@media (min-width:640px) {
	.statistics-slider .wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.statistics-slider-static {
	padding: 3rem 0;
}

@media (min-width:0px) and (max-width:639px) {
	.statistics-slider-static {
		padding-bottom: 3.5rem;
	}
}

@media (min-width:640px) {
	.statistics-slider-static {
		padding-right: 1rem;
		width: 58.33333%;
	}
}

.statistics-slider-static h2 {
	color: #fff;
}

@media (min-width:0px) and (max-width:639px) {
	.statistics-slider-static h2 {
		padding-top: .5rem;
	}
}

.statistics-slider-static a {
	color: #fff;
}

.statistics-slider-static a:active,.statistics-slider-static a:focus,.statistics-slider-static a:hover {
	color: #fff;
	opacity: .75;
}

.statistics-slider-slick {
	background: #2e1a4c;
	margin: 0 -15px;
}

@media (min-width:640px) {
	.statistics-slider-slick {
		height: 100%;
		left: 58.33333%;
		margin: 0;
		position: absolute;
		width: 100%;
	}
}

.statistics-slider-slick .slick-list,.statistics-slider-slick .slick-slider,.statistics-slider-slick .slick-track {
	height: 100%;
}

.statistics-slider-slick .slick-item {
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
	color: #392064;
	outline: 0;
	padding: 0 15px 15px;
	text-align: center;
	transition: all .45s cubic-bezier(.23,1,.32,1);
	width: 100vw;
}

@media (min-width:640px) {
	.statistics-slider-slick .slick-item {
		width: 16.5rem;
	}
}

.statistics-slider-slick .slick-item div {
	-ms-flex-align: center;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	font-weight: 600;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.statistics-slider-slick .slick-item div strong {
	display: block;
	font-size: 4rem;
	font-weight: 600;
}

.statistics-slider-slick .slick-item div span {
	display: block;
	width: 100%;
}

.statistics-slider-slick .slick-active {
	color: #fff;
}

.tabs-title {
	border-bottom: 3px solid transparent;
	margin: 0 1rem 1rem 0;
}

.tabs-title>a {
	padding-bottom: .2rem;
	text-decoration: none;
}

.tabs-title.is-active {
	border-bottom-color: currentcolor;
	font-weight: 600;
}

.tabs-content {
	width: 100%;
}

.tabs-panel {
	opacity: 0;
}

.tabs-panel.is-active {
	-webkit-animation: fadeIn 1s cubic-bezier(.23,1,.32,1) forwards;
	animation: fadeIn 1s cubic-bezier(.23,1,.32,1) forwards;
}

.hero-quote p:first-child,h1,h2,h3 {
	font-weight: 600;
}

.hero-quote p:first-child,h1 {
	color: #5c33ad;
	font-size: 2.65rem;
	line-height: 1.25;
}

div.breadcrumbs .breadcrumb_last,h2 {
	font-size: 2.15rem;
	line-height: 1.25;
}

h2 {
	color: #5c33ad;
	margin-bottom: 1.5rem;
}

.card-article h3,.cuhkbiz-related p:last-child>a:only-child,.filter [href="#"],.mega-menu .cell:first-child a,.mega-menu .cell>a,.statistics-slider-static h2,h3 {
	font-size: 1.2rem;
}

h3 {
	margin-bottom: .5rem;
}

h4,h5,h6 {
	font-weight: 700;
	margin-bottom: 0;
}

h4 {
	font-size: 1rem;
}

h5 {
	font-size: .9rem;
}

h5,h6 {
	text-transform: uppercase;
}

h6 {
	font-size: .8rem;
}

a {
	color: #5c33ad;
	text-decoration: underline;
}

.core a img:only-child {
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
	-webkit-transition-delay: .1s;
	transition: all .45s cubic-bezier(.23,1,.32,1);
	transition-delay: .1s;
}

a:active,a:focus,a:hover {
	color: #2e1a4c;
}

.core a:active img:only-child,.core a:focus img:only-child,.core a:hover img:only-child {
	-ms-transform: translateY(-5px);
	-webkit-box-shadow: 0 5px 10px rgba(92,51,173,.15);
	-webkit-transform: translateY(-5px);
	-webkit-transition-delay: 0ms;
	box-shadow: 0 5px 10px rgba(92,51,173,.15);
	transform: translateY(-5px);
	transition-delay: 0ms;
}

address {
	font-style: normal;
}

blockquote {
	border-bottom: 1px solid rgba(46,26,76,.15);
	border-top: 1px solid rgba(46,26,76,.15);
	color: #5c33ad;
	font-size: 1.2rem;
	font-style: italic;
	margin-left: 0;
	margin-right: 0;
	padding: 1.8rem 0;
	position: relative;
}

blockquote:before {
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: #fff;
	color: #fdb015;
	content: "\e91c";
	display: inline-block;
	font-family: cuhkbiz-icons;
	font-size: 1.75rem;
	font-style: normal;
	left: 50%;
	line-height: 1;
	padding: 0 .5rem;
	position: absolute;
	top: 0;
	transform: translate(-50%,-50%);
}

p {
	margin-bottom: 1.5rem;
}

p+p:last-child>a:only-child {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 600;
	text-decoration: none;
	line-break: anywhere;
}

p+p:last-child>a:only-child:before {
	/*content: "\e903";*/
	/*  display: block;
	font-family: cuhkbiz-icons;
	padding-right: .25rem;*/
}

p+p:last-child>a:only-child[target=_blank]:before {
	/*content: "\e904";*/
}

p+ul {
	margin-top: -.5rem;
}

strong {
	font-weight: 700;
}

.multiselect {
	background: #fff;
	color: #5c33ad;
	cursor: pointer;
	font-size: 1rem;
	position: relative;
	width: 100%;
}

.multiselect:focus {
	outline: none;
}

.multiselect--active {
	-webkit-box-shadow: 0 5px 10px rgba(92,51,173,.15);
	box-shadow: 0 5px 10px rgba(92,51,173,.15);
}

.multiselect--disabled {
	background: rgba(46,26,76,.1);
	color: #fff;
	cursor: default;
	pointer-events: none;
}

.multiselect__select {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
}

.multiselect__select:after {
	content: "\e905";
	font-family: cuhkbiz-icons;
	font-weight: 600;
	line-height: 0;
}

.multiselect--above .multiselect__select:after {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.multiselect__tags {
	border: 1px solid rgba(46,26,76,.15);
	padding: .8rem 2rem .8rem 1rem;
}

.multiselect__spinner {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	background: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/assets/images/loading.gif) 0/80% no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
}

.multiselect__single {
	display: block;
	font-weight: 600;
}

.multiselect__input {
	border: 0;
	border-radius: 0;
	outline: 0;
}

.multiselect__input::-webkit-input-placeholder {
	color: rgba(46,26,76,.1);
}

.multiselect__input:-moz-placeholder,.multiselect__input::-moz-placeholder {
	color: rgba(46,26,76,.1);
}

.multiselect__input:-ms-input-placeholder {
	color: rgba(46,26,76,.1);
}

.multiselect__content-wrapper {
	background: #fff;
	border: 1px solid rgba(46,26,76,.15);
	border-top: 0 solid rgba(46,26,76,.15);
	overflow: auto;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.multiselect--above .multiselect__content-wrapper {
	border-bottom-width: 0;
	border-top-width: 1px;
	bottom: 100%;
}

.multiselect__content {
	list-style: none;
	margin: 0;
	min-width: 100%;
	padding: 0;
}

.multiselect__element {
	display: block;
	margin: 0;
}

.multiselect__element:first-child .multiselect__option {
	border-top: 0;
}

.multiselect__option {
	border-top: 1px solid rgba(46,26,76,.15);
	display: block;
	padding: .8rem 2rem .8rem 1rem;
	position: relative;
}

.multiselect__option--highlight {
	background: #f0ecf7;
}

.multiselect__option--selected {
	background: #f0ecf7;
	font-weight: 600;
}

.multiselect__option--selected.multiselect__option--highlight:after {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	content: "\e907";
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: cuhkbiz-icons;
	height: 100%;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
}


/*End Beautifier*/

@media (min-width: 1230px){
	.wrapper {
		margin: 0 8% !important;
		max-width: 100%;
	}
}

/*h1,h2,h3,h4,h5,h6,
p,a,li,div,strong{
font-family:yale,TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}*/

/*.wrapper{
background:white;
padding:3rem 15px;
margin:0 15px;
}*/

.wrapper{
	background:white!important;
	/*padding:3rem 30px;*/
	padding: 30px 30px 3rem;
	margin:0 15px;
}

@media(max-width:768px){
	.wrapper{
		padding:1rem 15px 3rem;
	}
}

#et-main-area{
	/*background:#f2f2f2;*/
	background: white;
	    padding-top: 180px;
}

@media(max-width:980px){
	.et_header_style_centered #main-header{
		padding:0;
	}
}
a{
	text-decoration:none!important;
}
p{
	margin-bottom:0;
	padding-bottom:0;
}
/* HEADER */
div#quick-link-row{
	text-align:right;
	/*height:2.5rem;*/
	/*height:2rem;*/
	height:1.5rem;
	padding:0 5%;
}

@media(max-width:768px){
div#quick-link-row{
    margin-bottom: 6px;
}
}

.hyperlink-icon img {
	background: #606060!important;
	/*max-height: 2.5rem;*/
	max-height: 1.5rem;
	padding: 5px;
}

/**** Jayson code here ****/

@media (max-width: 380px) and (min-width: 320px) {
	div#quick-link-row a.hyperlink-text {
    padding-top: 5px!important;
	vertical-align: top;
	display: inline-block;
}
	.hyperlink-icon img {
    max-height: 2.1rem!important;
    padding: 5px!important;
}
}	

@media (min-width:375px){
	div#quick-link-row a.hyperlink-text {
	padding: 5px;
	
}
}
div#quick-link-row a.hyperlink-text {
	/*padding: 10px;*/
	vertical-align: top;
	display: inline-block;
}
div#quick-link-row a.hyperlink-seperator {
	padding: 2px 0;
	vertical-align: top;
	display: inline-block;
}
.top-main{
	/*background-image: linear-gradient(90deg,#6e1b6f 15%,#040178 100%)!important;*/
	background-image: linear-gradient(90deg,#6e1b6f 15%,#272485 100%)!important;
	/*min-height:140px;*/
	min-height:100px;
}


.header-logo img {
	position: absolute;
	right: 0;
	/* top: -30px; */
	top: 10px;
}
.header-menu {
	/*padding: 15px 0;*/
	/*padding-top: 20px;*/
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	display: inline-block;
	width: 65%;
	float: right;
}

.menu a{
	color:white;
	text-align:center;

}

.header-menu .menu li.menu-item {
	width: 20%;
}

.menu.primary li.menu-item{
	padding:0 30px;
}

.menu.primary li.menu-item a {
	font-size: 21px;
	border-bottom: 2px solid white;
	font-weight: 700;
	padding:.7rem 0;
}

.header-logo {
	position: relative;
	width: 200px;
}
.header-text {
	/*padding: 38px 0;*/
	padding-top: 28px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: inline-block;
	padding-left: 200px;
	max-width: 20%;
}


.header-text h2{
	color: white!important;
	white-space: nowrap;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 0;
}
.header-text h1{
	color: white!important;
	white-space: nowrap;
	/*font-size: 30px;*/
	line-height: 1;
	font-weight: bold;
}

@media(max-width:1450px){
	.header-menu{
		width:60%;
	}
}

@media(max-width:1520px){
	.menu.primary li.menu-item {
		padding: 0px 15px;
	}
	.top-main{
		/*min-height:130px;*/
		min-height:100px;
	}
	.header-text{
		padding:30px 0 0 200px;
	}
	.header-menu{
		padding:0px 0;
	}

}

@media(max-width:1350px){
	.header-text {
		/*padding: 30px 0 0 160px;*/
		padding: 20px 0 0 160px;
	}
	.header-logo {
		width: 160px;
	}
	.menu.primary li.menu-item a{
		font-size:18px;
	}

	.menu.secondary li.menu-item a {
		font-size: 11px;
		padding: 0.3rem 0rem;
	}
	.header-logo img{
		max-width:100%;
		/* top: -25px; */
		top: -10px;
	}
}

@media(max-width:1230px){
	.header-text h1{
		font-size:25px;
	}
	.header-text h2{
		font-size:13px;
	}
	#secondary-menu>li>a{
		font-size:16px !important;
		padding:.5rem 0;
	}
	.header-menu {
		/*padding: 20px 0 5px;*/
		padding-top: 15px !important;
		padding-bottom: 0 !important;
	}
	
	.menu.primary li.menu-item a{
		font-size:18px;
		padding:.5rem 0;
	}
}

@media(max-width:1125px){
	.header-logo img{
		/*  top:-20px; */
		top: -10px;
	}
	
	.header-menu {
		width: 57%;
	}
	
	.menu.primary li.menu-item a {
		font-size: 16px;
	}
	
	#secondary-menu>li>a{
		font-size:14px !important;
		padding:.5rem 0;
	}
}
@media(min-width:1024px){
	.header-button, .footer-button{
		display:none;
	}
}

.header-button button,
.footer-button button{
	background:white;
}

.header-button button p,
.footer-button button p{
	line-height:1;
	margin-bottom: 0rem!important;
}

.footer-button button:hover, .footer-button button:active, .footer-button button.focus,
.header-button button:hover, .header-button button:active, .header-button button.focus{
	background:#f2f2f2;
	color:#5c33ad;
}

.header-button button::before,
.footer-button button::before{
	content: "\f0c9";
	width: 1rem;
	height: 1rem;
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
}

.header-button .off-canvas {
	padding-top: 5rem;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
	padding-left:5px;
}

.header-button .off-canvas li a {
	color: white;
	font-size: 20px;
}

.header-button .off-canvas li {
	border-bottom: 1px solid white;
}
@media(max-width:1023px){
	.header-menu{
		display:none;
	}
	.top-main {
	/*	min-height: 90px;*/
	}
	.header-text {
		padding: 20px 0 0 130px;
	}
	.header-logo{
		width:130px;
	}

	.header-button{
		float:right;
		padding:20px 30px 0;
	}
}

@media (max-width: 1023px) and (min-width: 769px) {
    div#quick-link-row a.hyperlink-text, div#quick-link-row a.hyperlink-seperator {
        padding: 0 !important;
    }

    .hyperlink-icon img {margin-top: -4px;}
}

@media(max-width:580px){
	.top-main {
		min-height: 70px;
	}
	.header-button button{
		padding:.5rem 1rem;
	}
	.header-text h1 {
		font-size: 21px;
	}
	.header-text h2 {
		font-size: 10px;
	}
	.header-text {
		padding: 15px 0 0 100px;
	}
	.header-logo {
		width: 100px;
	}
	.header-button {
		padding: 15px 30px 0;
	}
}

@media(max-width:500px){
	.header-button button::before{
		margin-right:0;
	}
	.header-button button p{
		display:none;
	}
	.top-main {
		min-height: 50px;
	}
	.header-button {
		padding: 15px 15px 0;
	}
	/*#quick-link-row{
	display:none;
}*/
	.header-logo img {
		top: -5px;
	}

}

@media(max-width:400px){

	.header-logo {
		width: 85px;
	}
	.top-main {
		min-height: 40px;
	}
	.header-text h1 {
		font-size: 18px;
	}
	.header-text h2 {
		font-size: 9px;
	}
	.header-button button {
		padding: 0.3rem 0.5rem;
		margin: 0;
	}
	.header-text {
		padding: 15px 0 0 85px;
	}
}

@media(max-width:340px){
	.header-text h1 {
		font-size: 16px;
	}
	.header-text h2 {
		font-size: 8px;
	}
}

/* END OF HEADER */

/* FOOTER */



div#footer-bottom{
	display:block;
	text-align:center;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	color:white!important;
	padding-bottom:20px;
}

footer#main-footer {
	background: #f2f2f2!important;
	color: #909090;
	/*padding: 80px 0;*/
	padding-top: 80px;
    padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
}



.menu-footer {
	display: inline-block;
	/*width: 40%;*/
	/*width: 45%;*/
	vertical-align:top;
}

@media (max-width:1439px){
.menu-footer {
    /*width: auto!important;*/
	margin-left: 30px;
}
}

.menu-footer li {
	margin-bottom: 0px !important;
}

.contact-icon-list p {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	color: #808080;
}

.contact-icon-list img {
	width: 40px;
	margin-right: 15px;
}

/*footer#main-footer::before {
content: '';
position: absolute;
width: 100%;
height: 20px;
background: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
top: 0px;
left: 0;
}*/

.footer-logo img {
	max-height: 60px;
	margin-right: 15px;
}
.footer-logo{
	margin-bottom:2rem;
}

.footer-text h4 {
	text-transform: uppercase;
	color: #6e1b6f;
}

#main-footer li a {
	/*text-transform: uppercase;*/
	line-height: 2.5;
	color: #000000;
	font-weight: 600!important;
	letter-spacing: 1px;
}

.contact-icon-list{
	margin-bottom:3rem;
}

.footer-hyperlink a {
	font-size: 21px;
	margin: 0 15px;
	color: #000000 !important;
}

.footer-button{
	margin-top:3rem;
}

.footer-text {
	color: #000000;
}

@media(max-width:1024px){
	.foot-col-2{
		display:none;
	}
}

@media(max-width:640px){
	#main-footer{
		text-align:center;
	}
	.contact-icon-list{
		text-align: left;
		width: 100%;
		margin: 2rem auto;
	}

}

/*@media(max-width:400px){
	.contact-icon-list{
		width:75%;
	}
}*/

@media (min-width:320px) and (max-width:374px){
	.contact-icon-list{
		width:75%;
	}
}

@media (min-width:375px) and (max-width:419px){
	.contact-icon-list{
		width:60%;
	}
}

@media (min-width:420px) and (max-width:500px){
	.contact-icon-list{
		width:53%;
	}
}

@media (min-width:501px) and (max-width:600px){
	.contact-icon-list{
		width:44%;
	}
}

@media (min-width:601px) and (max-width:639px){
	.contact-icon-list{
		width:37%;
	}
}

/* END OF FOOTER */



/*front page content */
.cell.medium-6.fp-studies-grid {
	height: 340px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	color: white;
	font-weight: 600;
}

.cell.medium-6.fp-studies-grid p{
	height:100%;
	padding-top:280px;
}

/*.fp-studies-grid.red-layer p{
background:rgb(244,67,54,0.3)
}
.fp-studies-grid.blue-layer p{
background: rgb(63 81 181 / 0.4);
}
.fp-studies-grid.purple-layer p{
background:rgb(244,67,54,0.3)
}*/
.fp-studies-grid.purple-layer::before{
	display:none;
}
.fp-studies-grid.grey-layer p{
	background:rgb(0,0,0,0.2)
}


.four-grid{
	padding:30px;
}
.card-container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.card-image {
	/*background-size: cover;*/
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	/*min-height: 200px;*/
	min-height: 160px;
	/*max-height: 200px;*/
}

/*.card-image {
background-color: rgba(0,0,0,0.2) !important;
background-blend-mode: overlay;
}*/

.card-programmes .card-image {
	background-color: rgba(0,0,0,0.01) !important;
	background-blend-mode: overlay;
}

.card-programmes .card-image a:hover {
	color: #ffffff !important;
	text-shadow: 2px 2px 8px black;
}

.card.card-student-issues .card-image::after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	background: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
	height: 10px;
	display: block;
}

.card{
	padding:0;
	box-shadow: 0px 0px 10px 2px;
}

body.archive.post-type-archive.post-type-archive-peoples .card{
	box-shadow: 0px 0px 0px 0px!important;
	margin-bottom: 0rem;
}

body.archive.tax-ptag .card{
	box-shadow: 0px 0px 0px 0px!important;
	margin-bottom: 0rem;
}

.card-content{
	/*padding: 25px;*/
	padding: 0px 25px 0px 25px;
	min-height: 0px;
	/*max-height: 200px;*/
}

.page-id-82 .card-content{
	padding: 25px;
	min-height: 0px;
	/*max-height: 250px;*/
}

@media (min-width:1700px){
	.page-id-82 .card-content{
		padding: 25px;
		min-height: 0px;
		max-height: 200px!important;
	}
}

/*.card-seminars-events .card-content{
height:200px;
}*/

.card-content.min-max-h-300 {
	min-height: 300px;
	max-height: 300px;
}

.post-date {
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	width: max-content;
	color: white!important;
	padding: 15px !important;
	position: absolute;
	right: 0;
	font-weight: 600;
}

.more-info{
	padding:10px 25px;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
}

.more-info a{
	color: white!important;
	font-weight: 600;
	font-family: unset;
	font-size: 16px;
}

.header-icon, .header-title{
	display:inline-block;
}

.header-title{
	vertical-align:top;
	margin-bottom:2rem;
}

.header-title h3{
	padding-bottom:0;
	margin-bottom:0;
}

.header-title h2::after {
	content: "";
	display: block;
	border-bottom: 5px solid #6a1a6f;
	width: 24rem;
}

.section-header a.link-to {
	float: right;
	padding: 40px 20px;
}
.latest-seminar-events h3 {
	border-bottom: 5px solid purple;
}
.latest-seminar-events .card-content {
	border-bottom: 2px solid #d0b4dc;
	padding: 25px 0px;
	min-height: auto !important;
}

.cell.medium-4.latest-seminar-events {
	padding: 40px 20px;
	background: #f2f2f2;
}

.news-one a.card-news,
.news-two a.card-news,
.news-three a.card-news,
.news-four a.card-news{
	height: 300px;
	/*margin-bottom:15px;*/
	margin-bottom:0px;
	border:none;
}

@media (min-width:1024px) and (max-width:1499px){
.news-one a.card-news,
.news-two a.card-news,
.news-three a.card-news,
.news-four a.card-news{
	height: 200px;
	/*margin-bottom:15px;*/
	margin-bottom:0px;
	border:none;
}
}


@media (min-width:1500px) and (max-width:1599px){
.news-one a.card-news,
.news-two a.card-news,
.news-three a.card-news,
.news-four a.card-news{
	height: 230px;
	/*margin-bottom:15px;*/
	margin-bottom:0px;
	border:none;
}
}

@media (min-width:1600px) and (max-width:1799px){
.news-one a.card-news,
.news-two a.card-news,
.news-three a.card-news,
.news-four a.card-news{
	height: 250px;
	/*margin-bottom:15px;*/
	margin-bottom:0px;
	border:none;
}
}

@media (min-width:768px) and (max-width:1023px){
.page-id-82 .card.card-student-issues.flex.flex-column.flex-between.pos-rel .card-content {min-height: 480px!important;
}
}


/*.news-four a.card-news{
	height:615px;
	border:none;
}*/

.card-news h3 {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.9);
	color: white;
	font-weight: 400;
	padding: 20px;
	width: 300px;
}

#studies-program{
	text-align:center;
}

#studies-program h2::after, 
#chairman-message h2::after,
#teacher-quote h2::after,
#alumni-quote h2::after
{
	border-bottom:none;
	width:18rem;
	height:3px;
	background:#6a1a6f;
	margin:10px auto 0;
}

#chairman-message, 
#teacher-quote,
#alumni-quote{
	text-align:center;
}


.card-teacher-quotes{
	margin-bottom:2rem!important;
	margin-top:2rem;
}

.card-teacher-quotes .quote-image-container{
	height:300px
}

.card-teacher-quotes .quote-image-container a.quote-image{
	min-height: 1px;
	min-width: 1px;
	height: 300px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

@media(max-width:1200px){
	.card-teacher-quotes .quote-image-container,
	.card-teacher-quotes .quote-image-container a.quote-image{
		height:340px;
	}
}

.card-alumni-quotes .card-image{
	height:380px;
}

.slick-fp-alumni-quote .card-content:nth-child(even) {
	/*background-color: #010076 !important;*/
}

.slick-fp-alumni-quote .card-content:nth-child(odd) {
	/*background-color: #5E266D !important;*/
}

.slick-fp-alumni-quote .cell:nth-child(odd) .alumniq {
	background-color: #5E266D !important;
}

.slick-fp-alumni-quote .cell:nth-child(even) .alumniq {
	background-color: #010076 !important;
}

#contact-us{
	position:relative;
}

.contact-content, #contact-us{
	height:650px;
}

.contact-content-bg::before {
	content: "";
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	width: 50%;
	height: 100%;
	display: block;
	position: absolute;
	opacity: 0.8;
}

.contact-content {
	color: white;
	padding: 60px 100px;
	position:absolute;
}

.contact-content h2{
	color:white;
	text-transform:uppercase;
	font-weight:700;
}

@media(max-width:1110px){
	.contact-content h2{
		font-size: 1.8rem;
	}
}

.contact-content h2::after {
	content: "";
	display: block;
	width: 120%;
	border-bottom: 2px solid white;
}

.contact-content a {
	color: white;
	font-size: 22px;
}

.contact-content a::after {
	content: "";
	display: block;
	width: 120%;
	border-bottom: 2px solid white;
	margin-bottom: 2.5rem;
	padding-bottom: 15px;
}

.quote-content-container {
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	padding: 35px;
	color: white!important;
	text-align:left;
}

.quote-content-container h3{
	color:white!important;
}

.quote-content-container h3:first-child{
	text-transform:uppercase;
}

.chairman-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
}

.chairman-content-bg{
	position:relative;
}

#chairman-message{
	background-image: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/uploads/background.png);
	background-size: cover;
	padding: 1rem 0 5rem;
	background-position: bottom;
}
.chairman-content {
	padding: 30px 100px;
	position:absolute;
	color:white;
	text-align:left;
}

.chairman-content a{
	color:white;
}

p.quote::before {
	content: "";
	background-image: url('/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/uploads/Shape-3-copy.png');
	display: block;
	background-size: cover;
	/*position: absolute;*/
	width: 25px;
	height: 25px;
	background-size: contain !important;
	background-repeat: no-repeat;
	opacity: 0.3;
}


p.quote::after {
	content: "";
	background-image: url('/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/uploads/Shape-3-copy-1.png');
	display: block;
	position: absolute;
	background-size: cover;
	width: 25px;
	height: 25px;
	right: 0;
	background-size: contain !important;
	background-repeat: no-repeat;
	opacity: 0.3;
}

p.quote.w55::before, p.quote.w55::after{
	width: 55px;
	height: 55px;
}

p.quote{
	position:relative;
}

.chairman-content p.quote {
	margin-bottom: 2rem;
	padding: 50px;
	font-size: 28px;
	text-align:center;
}

.chairman-content p.quote::before{
	height: 3rem;
	width: 3rem;
	left: 0;
	top: 0;
	background-size: contain !important;
	background-repeat: no-repeat;
	opacity: 0.3;
}

.chairman-content p.quote::after{
	height: 3rem;
	width: 3rem;
	right: 0;
	bottom: 0px;
	background-size: contain !important;
	background-repeat: no-repeat;
	opacity: 0.3;
}

a.read-more{
	text-transform: uppercase;
	color: #f2f2f2;
	font-size: 18px;
}

p.chairman-name{
	margin-top:1rem;
	margin-bottom: 5px !important;
}

p.chairman-name, p.chairman-title {
	font-size: 27px;
	line-height: 1;
}

.card-teacher-quotes p.quote{
	padding: 30px;
	line-height: 1;
	font-size: 22px;
	margin-bottom: 1rem;
}

.card-teacher-quotes p.quote::before{
	height: 1.5rem;
	width: 1.5rem;
	top: 0;
	left: 0;
}



.card-teacher-quotes p.quote::after{
	right: 0;
	bottom: 0;
	height: 1.5rem;
	width: 1.5rem;
}


.card-alumni-quotes p.quote{
	padding: 30px 10px 20px 0px !important;
	font-family: 'Lato' !important;
}

.card-alumni-quotes p.quote::before{
	height:1.5rem;
	width:1.5rem;
	top:0;
	left:0;
}

.card-alumni-quotes p.quote::after{
	height:1.5rem;
	width:1.5rem;
	bottom:0;
	right:0;
}

.card-alumni-quotes .card-content{
	/*background:#621b6f;*/
}

.card-alumni-quotes p.quote {
	padding: 30px 0px 30px 20px;
	color: white;
	text-align: left;
}

.card-alumni-quotes .card-content h4 {
	color: white;
	text-align: left;
	padding-left: 20px;
}

.card-alumni-quotes .card-content h4:last-child{
	margin-top:1rem;
}
/*
.banner{
position:relative;
height: 250px;
}*/

/** Old Version **/
/*.banner-title {
position: absolute;
bottom: 30%;
left: 10%;
}*/

.banner-title {
	position: absolute;
	bottom: 0%;
	left: 10%;
	display: none;
}
.banner-title h1{
	color:white;
	text-transform:uppercase;
	font-family: unset!important;
}
.banner-title h2{
	color:white;
	font-family: unset!important;
	font-weight: 400;
}

.staff-archive, .students-archive, .visitors-archive{
	display:none;
}

.postgraduate-archive, .admission-archive{
	display:none;
}

#people-tabs li.tabs-title,
#programme-tabs li.tabs-title,
#events-tabs li.tabs-title,
#dos-tabs li.tabs-title,
#about-us-tabs li.tabs-title {
	cursor:pointer;
}

ul#people-tabs, ul#programme-tabs, ul#events-tabs, ul#dos-tabs, ul#about-us-tabs {
	text-align: center;
	font-size: 16px;
	margin-bottom: -10px!important;
}

ul#about-us-tabs {
	margin-left: 15px;
	margin-right: 0px;
}

ul#dos-tabs {
	margin-left: 15px;
	margin-right: 0px;
}

#people-tabs li.tabs-title,
#programme-tabs li.tabs-title,
#events-tabs li.tabs-title,
#dos-tabs li.tabs-title {
	width: 20%;
	text-align: center;
	float: none;
	display: inline-block;
	border-bottom: none;
	background: #f2f2f2;
	/*padding: 50px 0;*/
	padding: 20px 0;
	/*border-left: 8px solid #6e1b6f;*/
	border-left: 8px solid;

	border-image: 
		linear-gradient(
			to bottom, 
			#6e1b6f, 
			#000078
		) 1 100%;
	font-family: unset!important;
}

#about-us-tabs li.tabs-title {
	width: 20%;
	text-align: center;
	float: none;
	display: inline-block;
	border-bottom: none;
	background: #f2f2f2;
	/*padding: 50px 0;*/
	padding: 20px 0;
	/*border-left: 8px solid #6e1b6f;*/
	border-left: 8px solid;

	border-image: 
		linear-gradient(
			to bottom, 
			#6e1b6f, 
			#000078
		) 1 100%;
	height: auto;
	font-family: unset!important;
}

#people-tabs li.tabs-title.is-active,
#programme-tabs li.tabs-title.is-active,
#events-tabs li.tabs-title.is-active,
#dos-tabs li.tabs-title.is-active, 
#about-us-tabs li.tabs-title.is-active {
	color: white;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
	font-family: unset!important;

}

.about-us-tabs-content h3{
	color:white!important;
	padding:20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align:center;
	font-family: unset!important;
	font-size: 20pt;
}


.dos-tabs-content h3{
	color:white!important;
	padding:20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align:center;
	font-weight:600;
	font-size: 20pt;
}

.people-tabs-content h3{
	color:white!important;
	padding:20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align:center;
	text-transform: uppercase;
	font-family: unset!important;
	font-size: 20pt;
}

.people-tabs-content .grid-x{
	padding: 50px 100px;
}

/*.people-tabs-content .card-container {
width: 80%;
margin: 0 auto;
text-align:center;
}*/

.people-tabs-content .card-container {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

@media(max-width:1400px){
	.people-tabs-content .students-archive .card-content {
		/*min-height: 300px!important;*/
		padding: 25px 5px 0 5px;
	}

	.people-tabs-content .card-container {
		width: 90%!important;
	}
}

.people-tabs-content .card-image{
	/*height: 0px!important;*/
	width: 90%;
	margin: 5px auto 0;
}
.people-tabs-content .card-content{
	/*min-height: 380px;*/
	/*min-height: 200px;*/
	/*padding: 15px 5px 20px 5px;*/
	padding: 0px 5px 10px 5px;
}

/*@media(max-width:1450px){
	.people-tabs-content .card-content{
		/*min-height:500px;*/
		/*min-height:300px;*/
		/*min-height:460px;
	}
}*/

/*@media (max-width: 1450px){
.page-id-6690 .people-tabs-content .card-content {
    min-height: 400px!important;
}
}*/

.people-tabs-content .card-content h4 {
	color: #6f1b6f!important;
	text-transform: uppercase;
	font-size: 18px!important;
	font-weight: bold;
	margin-bottom: 0rem;
	padding-bottom: 0rem;
}
.people-tabs-content .card-content p.title {
	color: #7773a3!important;
	font-weight: 700;
	/*margin-bottom: 1rem;*/
	margin-bottom: 0rem;
	font-family: 'Lato', sans-serif !important;
}
.people-inner-image{
	text-align:center;
}
.people-inner-content h1{
	color:#6e1b6f;
}
.people-inner-content h3{
	color:white!important;
	padding:20px 30px;
	/*margin:2rem 0;*/
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
}

.people-inner-content tr{
	background:none!important;
}
.people-inner-content td{
	padding:0;
}
.people-inner-content table{
	width:100%;
}

.people-inner-content tbody{
	border:none;
}
.people-inner-content table tr>td:first-child{
	width:15%;
}

.elementor-section.elementor-section-boxed>.elementor-container{
	max-width:100%!important;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
	padding:0px!important;
}

.card-programmes .card-image{
	display:flex;
	align-items:center;
	justify-content:center;

}

.card-programmes .card-image h4 {
	color: #6e1b6f;
	font-size: 22px;
	padding: 0 35px;
	text-align: center;
	font-weight: 700;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child){
	float:left;
}

/*honours and award*/
.quick-links>div{
	/*height:600px;*/
	margin-bottom:1rem;
}
.quick-links h4 {
	color: white;
	font-size: 35px;
	/*text-transform: uppercase;*/
}
/*Helper css code*/
@media (max-width:500px){
	.quick-links h4 {
		font-size: 30px!important;
	}
}
.quick-links a {
	text-transform: uppercase;
	color: #f2f2f2;
	opacity: 0.7;
	font-size: 20px;
}

/*.quicklinks-text {
text-align: center;
padding: 250px 0;
position:relative;
}*/

.quicklinks-text {
	text-align: center;
	padding: 145px 0;
	position: relative;
}

.card-programmes .card-image .quicklinks-text h4 {
	color: #fff!important;
	font-size: 20px;
	padding: 0 25px;
	text-align: center;
}

@media(min-width:1024px) and (max-width:1440px){
	.card-programmes .card-image .quicklinks-text h4 {
		font-size: 16px;
	}
	
	.card-programmes .card-image .quicklinks-text h4 {
	color: #fff!important;
	font-size: 16px;
	padding: 0 10px;
	text-align: center;
}
}

/*.row.others .card-image {
	height: 350px;
}*/

.card-programmes .card-image .quicklinks-text a {
	text-transform: uppercase;
	color: #f2f2f2;
	opacity: 0.7;
	font-size: 16px;
}

.card-programmes .card-image .quicklinks-text a:hover {
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
	font-size: 18px;
	text-shadow: 2px 2px 8px #333;
}

.card-programmes .card-image .purple-layer{
	position:relative;
	height:unset!important;
	width: 100%;
}

.purple-layer{
	position:relative;
	height:100%;
}

.row{
	max-width:100%;
}

.programmes-row,
.courses-row,
#internship,
.programmes-postgraduate-studies-row,
.courses-postgraduate-studies-row,
.undergraduate-programmes-row,
.postgraduate-programmes-row{
	padding:30px 50px;
}

.admission-archive h2{
	padding:0 50px;
	color:#6f1b6f;
	text-align: center;
}

h4.second-level-term {
	color: #6f1b6f;
	font-size: 1.2rem;
	margin: 0.6rem 0 1rem;
}

.programme-tabs-content h3{
	color: #6e1b6f;
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 2rem;
}
.alumni-quote-bg{
	position:relative;
}


.alumni-quote-bg .quote-content {
	padding: 30px 100px;
	position: relative;
	color: white;
	text-align: left;
}

.alumni-quote-bg .quote-content p.quote {
	margin-bottom: 2rem;
	padding: 50px;
	font-size: 28px;
	text-align: center;
}

.alumni-quote-bg .quote-content p.quote::before {
	height: 3rem;
	width: 3rem;
	left: 0;
	top: 0;
}

.alumni-quote-bg .quote-content p.quote::after {
	height: 3rem;
	width: 3rem;
	right: 0;
	bottom: 0px;
}

.alumni-quote-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
}

.alumni-quote-bg .quote-content h4{
	color:white;
}

ul.slick-dots {
	position: absolute;
	bottom: -31px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 60px;
	/* height: 20px; */
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	max-height: 8px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: rgba(101, 102, 106, 0.2);
}
.slick-dots .slick-active button {
	background-color: #000078;
}

.research-interest-text a {
	display: inline-block;
	color: #333333;
	/*background-color: #e9e6df;*/
	background: #f2f2f2!important;
	border-radius: 5px;
	/*padding: 3px 9px;*/
	padding: 3px 10px;
	/*margin-bottom: 0.5em;
	margin-right: 0.5em;*/
	margin-bottom: 0.2em;
	margin-right: 0.2em;
	text-align: center;
	font-family: 'Lato', sans-serif !important;
	font-size: 16px;
	/*font-size: 14px;*/
}

.research-interest-text {
	text-align: center;
	padding-left: 15px;
}

.research-interest-text a:hover {
	color: 	#61005a;
	background-color: rgb(51,51,51);
}

.people-tabs-content .students-archive .card-content {
	/*min-height: 300px;*/
	/*min-height: 250px;*/
	min-height: 100px;
	/*padding: 25px 5px 0 5px;*/
	padding: 0px 5px 10px 5px;
}

.sidebar-container{
	margin-left:1rem;
	margin-bottom:3rem;
}

.sidebar{
	background:#6e1b6f;
	padding:1.3em;
}

.sidebar h2{
	font-size:1.1rem;
	padding-bottom:0;
	margin-bottom:5px;
	color:white;
}

.sidebar ul{
	margin-left:0;
	margin-top:1rem;
}
.sidebar li {
	border-bottom: 1px solid #d6d6d6;
}
.sidebar li a {
	color: white;
	font-size: 1rem;
	padding: 5px;
	display: block;
	font-weight: 400;
}

.sidebar li:last-child {
	border-bottom: 0;
}

.sidebar-field{
	padding:0 10px;
}

.sidebar-field p.dates{
	color:#000078;
}

.sidebar-field strong{
	color:#6e1b6f;
}

.banner.purple-layer {
	/*height: 380px;*/
	height: 380px;
	position:relative;
	background-repeat: no-repeat;
	background-size:cover;
	text-align: left;
	z-index: 999;
}

/*.purple-layer::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
opacity: 0.3;
}*/

.purple-layer::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	opacity: 0.3;
}

@media(min-width:768px){
	body.archive.post-type-archive.post-type-archive-programmes .quick-links.grid-x.grid-margin-x {
		/*height: 450px;*/
		padding: 50px!important;
	}
}

div#n2-ss-4 .n2-ss-slider-2{
	padding-bottom:50px!important;
}

.purple-gradient-box>div {
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
}

@media(max-width:1550px){
	.chairman-content{
		padding:0px 100px;
	}
	.chairman-content p.quote{
		margin-bottom:0;
	}
}
@media(max-width:1225px){
	.chairman-content p.quote{
		font-size:24px;
	}
	.footer-logo img {
		max-height: 45px;
	}
}


@media(max-width:1023px){
	.card-image{
		height:210px;
	}

	.card-content{
		/*min-height:165px;*/
	}

	.card h3, .card h4{
		font-size:.9rem;
	}

	.post-date{
		font-size:10px;
		padding:10px;
	}

	.card-news h3{
		padding: 30px 15px;
		width: 210px;
	}

	.card-alumni-quotes .card-image{
		height:280px;
	}
	.contact-content{
		padding:60px 40px;
	}
	.chairman-container{
		padding:0 0 0 3%;
	}
	.chairman-image{
		height:380px;
	}
	.chairman-content {
		padding: 20px 30px;
	}
	.chairman-content p.quote{
		font-size:20px;
	}
	.chairman-content p.quote::before,
	.chairman-content p.quote::after{
		width:2rem;
		height:2rem;
	}
	a.read-more{
		font-size:15px;
	}
	p.chairman-name, p.chairman-title {
		font-size: 23px;
		line-height: 1;
	}

	/* SLIDER FONT */
	div#n2-ss-4 .n2-font-7cfc9a0fd693a719664e137299d79728-hover{
		font-size:125%!important;
	}
	div#n2-ss-4 .n2-font-664c8788e9176d8b0d63a20e3cb29883-hover{
		font-size:250%!important;
	}
	div#n2-ss-4 .n2-font-a28358877099efcc0bea7a1e984ad8c4-hover{
		font-size:550%!important;
		line-height:1.2!important;
	}
	div#n2-ss-4 .n2-font-4a7dfa96ee302493381d5cc979858bc0-hover{
		font-size:120%!important;
	}
	div#n2-ss-4 .n2-font-980d3b63620f3f9453542ef2619c65c0-hover{
		font-size:90%!important;
	}

}

@media(max-width:768px){
	.header-icon{
		max-width:7rem;
	}
	.header-title{
		margin-top:1rem;
	}
	.header-title h3{
		font-size:1.2rem;
	}
	.header-title h2{
		font-size:1.8rem;
	}
	.header-title h2::after{
		width:18rem;
	}
	.section-header a.link-to {
		float: none;
		display: block;
		text-align: right;
		padding:0 20px 20px;
	}
	.chairman-image {
		height: 300px;
	}
	.chairman-content {
		padding: 20px 15px;
	}
	.chairman-content p.quote {
		font-size: 18px;
		padding: 28px;
	}
	p.quote::before, .chairman-content p.quote::after {
		width: 1.8rem;
		height: 1.8rem;
	}
	a.read-more {
		font-size: 13.5px;
	}
	p.chairman-name, p.chairman-title {
		font-size: 20px;
		line-height: 1;
	}
}
@media(max-width:620px){
	.chairman-image {
		height: 280px;
	}
	.chairman-content {
		padding: 5px 5px;
	}
	.chairman-content p.quote {
		font-size: 16px;
		padding: 20px;
	}
	.chairman-content p.quote::before, .chairman-content p.quote::after {
		width: 1.5rem;
		height: 1.5rem;
	}
	a.read-more {
		font-size: 12px;
	}
	p.chairman-name, p.chairman-title {
		font-size: 18px;
		line-height: 1;
	}
}
@media(max-width:500px){

	div#n2-ss-4 .n2-font-7cfc9a0fd693a719664e137299d79728-hover{
		font-size:100%!important;
	}
	div#n2-ss-4 .n2-font-664c8788e9176d8b0d63a20e3cb29883-hover{
		font-size:220%!important;
	}
	div#n2-ss-4 .n2-font-a28358877099efcc0bea7a1e984ad8c4-hover{
		font-size:500%!important;
		line-height:1.1!important;
	}
	div#n2-ss-4 .n2-font-4a7dfa96ee302493381d5cc979858bc0-hover{
		font-size:90%!important;
	}
	div#n2-ss-4 .n2-font-980d3b63620f3f9453542ef2619c65c0-hover{
		font-size:70%!important;
	}
	.header-icon{
		max-width:5rem;
		height: 5rem;
	}
	.header-title{
		margin-top:1rem;
	}
	.header-title h3{
		font-size:.9rem;
	}
	.header-title h2{
		font-size:1.5rem;
	}
	.header-title h2::after{
		width:15rem;
	}
	.section-header a.link-to {
		float: none;
		display: block;
		text-align: right;
		padding:0 20px 20px;
	}
	.cell.medium-6.fp-studies-grid{
		height:200px;
	}
	.cell.medium-6.fp-studies-grid p{
		padding-top:160px;
	}

	.quote-content-container{
		padding:20px 10px;
	}
	.card-teacher-quotes p.quote{
		font-size:18px;
	}
	.quote-content-container h3{
		font-size:1rem;
	}
	.card-teacher-quotes .quote-image-container, .card-teacher-quotes .quote-image-container a.quote-image{
		height:260px;
	}
	.card-teacher-quotes {
		margin-bottom: 1rem!important;
		margin-top: 0rem;
	}
	.contact-content {
		padding: 50px 15px;
	}
	.contact-content h2::after,
	.contact-content a::after{
		width:100%;
	}
	.contact-content, #contact-us {
		height: 100vw;
	}

}

@media(max-width:465px){
	.card-teacher-quotes p.quote::before,
	.card-teacher-quotes p.quote::after{
		width:1rem;
		height:1rem;
	}
	.card-teacher-quotes p.quote {
		font-size: 15px;
		margin-bottom:0;
	}
	.quote-content-container {
		padding: 10px 10px;
	}
	.quote-content-container h3 {
		font-size: 0.9rem;
		margin-bottom: 0;
	}

}


@media(min-width:426px){
	.chairman-image-mobile{
		display:none;
	}
}
@media(max-width:425px){
	.chairman-content-bg {
		min-height: 350px;
		width: 100%!important;
		margin: 0 auto;
	}
	.chairman-content {
		padding: 35px 5px 0;
	}
	.chairman-content p.quote {
		font-size: 16px;
		padding: 25px;
	}
	.chairman-container {
		padding: 0 3%;
	}
	.chairman-image{
		display:none;
	}
	img.chairman-image-mobile {
		margin: 0 auto;
		width: 12rem;
	}
}

@media(max-width:400px){
	div#n2-ss-4 .n2-font-7cfc9a0fd693a719664e137299d79728-hover{
		font-size:80%!important;
	}
	div#n2-ss-4 .n2-font-664c8788e9176d8b0d63a20e3cb29883-hover{
		font-size:170%!important;
	}
	div#n2-ss-4 .n2-font-a28358877099efcc0bea7a1e984ad8c4-hover{
		font-size:380%!important;
		line-height:1!important;
	}
	div#n2-ss-4 .n2-font-4a7dfa96ee302493381d5cc979858bc0-hover{
		font-size:70%!important;
	}
	div#n2-ss-4 .n2-font-980d3b63620f3f9453542ef2619c65c0-hover{
		font-size:55%!important;
	}
	.contact-content {
		padding: 30px 15px;
	}
}

@media(max-width:385px){
	.header-icon {
		max-width: 3.5rem;
	}
	.header-title h3 {
		font-size: 0.8rem;
	}
	.header-title h2 {
		font-size: 1.3rem;
	}
	.header-title h2::after {
		width: 12rem;
	}
}

/*Inner page - Peoples */
@media(max-width:1200px){
	.banner-title h2{
		margin-bottom:.5rem;
	}
	.banner-title{
		bottom:5%;
	}

}
@media(max-width:1024px){
	.research-interest-text a{
		font-size: 16px;
		/*text-align: left;*/
	}
}
@media(max-width:965px){
	#people-tabs li.tabs-title, #programme-tabs li.tabs-title, #events-tabs li.tabs-title, #dos-tabs li.tabs-title, #about-us-tabs li.tabs-title {
		height: auto;
		vertical-align: bottom;
		padding:20px 0;
	}

	.alumni-quote-bg .quote-content{
		padding:20px;
	}
	.alumni-quote-bg .quote-content p.quote::before,
	.alumni-quote-bg .quote-content p.quote::after{
		width:2rem;
		height:2rem;
	}
	.alumni-quote-bg .quote-content p.quote{
		font-size:25px;
		padding:25px;
	}
	.alumni-quote-img{
		height:350px;
	}
}

@media(max-width:850px){
	/*.research-interest-text{
		height:200px;
		overflow-y:scroll;
	}*/
	.people-tabs-content .card-content {
		/*min-height: 500px;*/
		/*min-height: 300px;*/
		min-height:0px;
	}
	.alumni-quote-bg .quote-content p.quote::before,
	.alumni-quote-bg .quote-content p.quote::after{
		width:1.5rem;
		height:1.5rem;
	}
	.alumni-quote-bg .quote-content p.quote{
		font-size:18px;
		padding:20px;
	}
}

@media(max-width:800px){
	.banner-title{
		left:20%;
	}
	.banner-title h2{
		margin-bottom:0;
		padding-bottom:5px;
		font-size:1.65rem;
	}

	#events-tabs li.tabs-title {
		border-left: 0;
		border-bottom: 2px solid #6a1a6f;
		border-image: none;
		height: auto;
		padding: 10px;
	}

	#events-tabs li.tabs-title:last-child {
		border-bottom: 0;
	}
}

@media(max-width:640px){
	#people-tabs li.tabs-title, #programme-tabs li.tabs-title, #events-tabs li.tabs-title, #dos-tabs li.tabs-title, #about-us-tabs li.tabs-title {
		width:40%;
	}
	.banner-title h2{
		font-size:1.3rem;
	}

	.banner-title h1{
		font-size:2rem;
	}

	.banner-title{
		position: absolute;
		bottom: 30%;
		left: 10%;
	}
	.alumni-quote-bg .quote-content{
		padding:30px;
	}
}

@media(max-width:500px){
	.alumni-quote-bg .quote-content p.quote{
		font-size:18px;
	}
}

@media(max-width:400px){
	ul.slick-dots{
		bottom:-40px;
	}
	.slick-dots li{
		width:40px;
	}
}


@media(max-width:1710px){
	.quote-content-container{
		padding: 20px 10px;
	}

	.quote-content-container .grid-y{
		height:85%;
	}
}

.n2-ss-slide.n2-ss-canvas.n2-ow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	/*background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);*/
	opacity: 0.3;
}



/*Added by Erinna*/
.bg-linear  {
	background-color: #9F7BA7;
	background-image: linear-gradient(to right, #6e1b6f, #000078); 
}

.bg-black {
	background-color: black;
}

.bg-rad-purple-blue {
	background-color: #63246C;
	background-image: linear-gradient(to right, #63246C, #040C72)!important; 
}

.bg-rad-pink-blue {
	background-color: #9F7BA7;
	background-image: linear-gradient(to right, #A27CA6, #666CAB)!important;
}

.bg-rad-purple-blue-8 {
	background-color: #63246C;
	background-image: linear-gradient(to right, #63246C,  rgba(4, 12, 114, 0.80))!important;
	max-height: 100px;
}

.bg-light-purple {
	background-color: #F2F2F2;
}

.bg-purple { 
	background-color: #5C266B;
}

.bg-light-purple {
	background-color: #E9E7F1;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-normal-grey {
	background-color: #F2F2F2;
}

.bg-grey {
	background-color: #CCCCCC;
}

.bg-dark-grey {
	background-color: #717171;
}

.bg-darker-grey {
	background-color: #F1F1F1 !important;
}

.bg-light-grey {
	background-color: #E6E7E7;
}

.bg-lighter-grey {
	background-color: #F3F2F2 !important;
}

.bg-white {
	background-color: white;
}

.font-white {
	color: white !important;
}

.font-grey {
	color: grey;
}

.font-grey-light {
	color: #7773a3!important;
}

.font-light-grey {
	color:  #aeaeae !important;
}

.font-black {
	color: black;
}

.font-purple {
	color: #63246C;
}

.font-blue {
	color: #000078;
}

.font-bold {
	font-weight: bold;
}

.font-2-em {
	height: 2em;
}

.font-12 {
	font-size: 12px;
}

.font-14 {
	font-size: 14px !important;
}

.font-15 {
	font-size: 15px !important;
}


.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-19 {
	font-size: 19px !important;
}

.font-20 {
	font-size: 20px !important;
}

body.archive.post-type-archive.post-type-archive-peoples .font-20 {
    font-size: 18px !important;
}

body.archive.tax-ptag .font-20 {
    font-size: 18px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-25 {
	font-size: 25px !important;
}

.font-26 {
	font-size: 26px;
}

.font-28 {
	font-size: 26px;
}

.font-32 {
	font-size: 32px;
}

.font-33 {
	font-size: 33px;
}

.font-36 {
	font-size: 30px;
}


.font-50 {
	font-size: 50px;
}

.font-64 {
	font-size: 64px;
}

/*.font-uppercase {
text-transform: uppercase;
}*/

.line-heigh-20 {
	line-height: 20px;
}

.line-heigh-h2 {
	line-height: 2em;
}

.width-70-p {
	width: 70%;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.margin-5 {
	margin: 5px 5px !important;
}


.m-10 {
	margin: 10px 10px;
}

.p-3x {
	padding: 3px 3px;
}

.p-10 {
	padding: 10px;
}

.p-20 {
	padding: 20px;
}

.p-30 {
	padding: 30px;
}

.p-40 {
	padding: 40px;
}

.p-20-50 {
	padding-left: 20px 50px;
}

.p-40-10 {
	padding: 40px 10px 10px 10px;
}

.p-80-10 {
	padding: 80px 10px 10px 10px;
}

.p-100-60 {
	padding: 100px 60px;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-10 {
	padding-left: 10px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-32 {
	padding-left: 32px;
}

.no-padding {
	padding: 0 !important;
}

.right-bottom {
	right: 0px;
	bottom: 0px;
}

.m-top-right {
	position: relative;
	top: 0; right: 0;
}

.top-0 {
	top: 0;
}

.right-0 {
	right: 0;
}

.left-n-150 {
	left: -150px;
}


.mt-8 {
	margin-top: 8px;
}

.mt-16 {
	margin-top: 16px;
}

.mt-32 {
	margin-top: 32px;
}
.postid-2488 .mt-32 {
	margin-top: 6px;
}
.mt-64 {
	margin-top: 64px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-n-20 {
	margin-top: -20px;
}

.mt-n-70 {
	margin-top: -70px;
}


.mtb-64 {
	margin-top: 64px;
	margin-bottom: 64px;
}
.postid-2488 .mtb-64 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.ml-n-400 {.
	margin-left: -400px;
}

.ml-n-100 {
	margin-left: -100px !important;
}

.ml-8 {
	margin-left: 8px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-105 {
	margin-left: 105px;
}

.ml-n-125 {
	margin-left: -125px;
}

.mlr-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mlr-n-100 {
	margin-left: -100px !important;
	margin-right: -100px !important;
}

.mb-60 {
	margin-bottom: 60px;
}

.ptb-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.contact-icon-list div {
	line-height: 0px !important; 
	margin-bottom: 2px;
}

@media (min-width: 768px){
.line-height-0 {
	line-height: 0 !important;
}
}

.l-600 {
	left: 600px;
}

.no-shadow {
	box-shadow: 0px 0px 0px 0px !important;
}

.banner {
	/*background-image: url("/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/themes/images/home-banner.png");*/
	min-height: 380px;
	object-fit: cover;
	background-repeat: no-repeat;
	background-size: auto;
	background-position-x:0px;
	background-size: cover;
	/*height: 504px;*/
	position: relative;
}

@media (max-width: 1520px){
.banner {
	min-height: 200px!important;
}
}

@media (max-width: 1520px){
.banner.purple-layer {
	height: unset!important;
}
}

.flex {
	display: flex;
}

.flex-center {
	align-items: center;
	justify-content: center;
}

.flex-column {
	flex-direction: column;
}

.flex-align-center {
	align-items: center;
}

.flex-jus-center {
	justify-content: center;
}

.flex-end {
	justify-content: flex-end;
	align-items: flex-end;
}

.flex-start {
	justify-content: flex-start;
	align-items: flex-start;
}



.flex-between {
	justify-content: space-between;
	align-items: space-between;
}

.flex-wrap {
	flex-wrap: wrap;
}

/*.c-container {
width: 1150px;
}*/

.c-container {
	width: 80%;
}

.c-container-90 {
	width: 90%;
}

.text-center {
	text-align:  center !important;
}

.text-left {
	text-align:  left;
}

.text-right {
	text-align:  right;
}

.award-listing {
	border: 0.5px solid grey;
	padding-bottom: 20px;
}


.award-listing > div:nth-child(2n) {
	margin-left: 20px;
}

.card-2 {
	width: calc(50% - 20px);
}

.card-3 {
	width: calc(33.3% - 10px);
}

.news-listing .card-3 {
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 32px;
}

.card-4 {
	width: calc(25% - 10px);
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 32px;
}

/*Added by Erinna*/

/*Accordion*/

.accordion-block .card{
	border: none;
	margin-bottom: 20px;
}

.accordion-block .btn-link, .accordion-block .card-body {
	text-align: left;
	border: 0px;
}

.accordion_button {
	border: 0px;
	background-color: transparent;
	display: flex;
	width: 100%;

	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}

.accordion_button:focus {
	outline:0;
}

.card-body{
	/*border-bottom: 2px solid #F5F5F5;*/
	padding-top: 16px;
	padding-bottom: 16px;
}

.accordion_button::after {
	content: '\e90a';
	font-size: 24px;
	margin-left: auto;
	transform: rotate(180deg);
	color: #006192;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.accordion_button.collapsed::after{
	transform: rotate(0deg);
}

.accordion-block .btn-link.collapsed::after {
	font-family: "Font Awesome";
	font-weight: 900;
	content: '\f107';
	right: 22px;
	position: absolute;
	transform: rotate(0deg);
}

.accordion.custom-acc:after {
	content: '\25BC';
	transform: rotate(0deg);
	transition: transform .5s ease-in-out; 
	color: white;
}

.accordion.custom-acc.active:after {
	transform: rotate(180deg);
	transition: transform .5s ease-in-out; 

}


.d-p-25 {
	width: 25%;
}

.w-auto {
	width: auto !important;
}

.w-full {
	width: 100%;
}

.w-1040 {
	width: 1040px;
}

.w-h-80 {
	width: 80px;
	height: 80px;
}

.mw-1040 {
	max-width: 1040px;
}

.h-full {
	height: 100%;
}

.seminar-events-section .h-full {
	height: 96% !important;
}

.h-content {
	height: -webkit-fill-available;
}

.h-100-px {
	height: 160px !important;
}

.h-150-px {
	height: 150px !important;
}

.h-200 {
	height: 200px;
}

/*.h-215 {
height: 215px;
}*/

.h-215 {
	height: 50%;
}

.h-350 {
	height: 350px;
}

.h-395 {
	height: 395px;
}

/*.h-500 {
min-height: 500px;
}*/

.h-500 {
	min-height: 700px;
}

.h-min-max-150 {
	min-height: 150px;
	max-height: 150px;
}


.h-min-max-300 {
	min-height: 300px !important;
	max-height: 300px !important;
}

.w-100-px {
	width: 100px !important;
}

.w-150-px {
	width: 150px !important;
}

.w-200 {
	width: 200px;
}

.w-300 {
	width: 300px;
}

.w-350 {
	width: 350px;
}

/*.w-360 {
width: 360px;
}*/

.w-360 {
	width: 100%;
}

.w-20-p {
	width: 20%;
}

.w-22-p {
	width: 22%;
}

.w-25-p {
	width: 25%;
}

.w-30-p {
	width: 30%;
}

.w-33-p {
	width: calc(100% /3);
}

.w-66-p {
	width: 66.6%;
}

.w-40-p {
	width: 40%;
}

.w-50-p {
	width: 50%;
}

.w-70-p {
	width: 70%;
}

/*Jayson code*/
/*.w-80-p {
width: 80%;
}*/

.w-80-p {
	width: 100%;
}
/*Jayson code*/

.circle {
	border-radius: 50% 50%;
}

.award-title {
	font-size: 22px;
	color: #6C2E71;
}

.border-grey {
	border: 0.5px solid #DADADA;
	box-shadow: 0.5px;
}

.border-bottom-grey {
	border-bottom: 1px solid #ececec !important;
}

.border-top-purple {
	border-top: 5px solid #6a1a6f;
}

.border-bottom-purple {
	/*border-bottom: 5px solid #6a1a6f;*/
	width: 24rem;
	border-image: linear-gradient(90deg,#6e1b6f 50%,#000078 100%) !important;
	border-image-slice: 1 !important;
	border-bottom: 3px solid !important;
}

.border-all-grey {
	border: 1px solid #ececec !important;
}

.border-circle {
	border: 20px solid !important;
}

.border-box-program {
	box-shadow: 0px 10px 10px 0px #888888 !important;
}

.not-link {
	text-decoration: none;
}

.page-numbers {
	/*width: 50px !important; */
	/*height: 50px !important; */
	padding: 20px !important;
}

.tab-content > .tab-pane .content-item {
	width: 160px;
	height: 120px;
}

.tab-content > .tab-pane .content-item:not(:last-child) {
	margin-right: 32px;
}

@media screen and (max-width: 767px) {
	.tab-content > .tab-pane .content-item:not(:last-child) {
		margin-right: 0;
	}

	.tab-content > .tab-pane .content-item {
		margin-bottom: 32px;
	}
	/*
	.tab-content > .tab-pane .content-item:nth-child(odd) {
	margin-right: 17px;
}*/
}

.nav-tabs {
	border: 0;
}

.nav-tabs .nav-link {
	border: 0;
	border-bottom: 2px solid #006192;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #006192;
}

.nav-link:focus {
	outline: 0;
}

.nav-tabs .nav-link:hover {
	border-bottom: 4px solid #006192;
	font-weight: 700;
}

.nav-tabs .nav-link.active {
	border: 0;
	border-bottom: 4px solid #006192;
	font-weight: 700;
	color: #006192;
	background-color: transparent;
}

.news-item {
	width: 352px;
}

.news-item:not(:nth-child(3n)) {
	margin-right: 25px;
}

.scroll-x {
	overflow-x:auto;
}

.no-border {
	border: 0px solid transparent !important;
}

table.programmes tr {
	background-color: transparent !important;
	border-bottom: 1px solid #ececec;
} 

table#events-table tr, table#events-table tr td,
table#events-table-detail tr, table#events-table-detail tr td {
	border: 1px solid #ececec;
}

@media screen and (max-width: 767px) {
	.news-item:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.news-item:not(:last-child) {
		margin-bottom: 32px;
	}
}

@media screen and (max-width: 767px) {
	.m-flex {
		display: flex; 
	}

	.m-flex-column {
		flex-direction: column;
	}

	.m-flex-wrap {
		flex-wrap: wrap;
	}

	.m-wfull {
		width: 100% !important;
	}

	.m-ml-10 {
		margin-left: 10px !important;
	}

	.m-ml-0 {
		margin-left: 0px !important;
	}

	.m-flex-center {
		justify-content: center;
		align-items: center;
	}

}

.demo {
	padding: 30px;
	min-height: 280px;
}

.tab-content{
	padding: 10px;
}

@nav-link-hover-bg: #eeeeee;
@nav-tabs-border-color: #dddddd;
@border-radius-base: 5px;
@screen-xs-max: 767px;


//css to add hamburger and create dropdown
.nav-tabs.nav-tabs-dropdown,
.nav-tabs-dropdown {
	@media (max-width: @screen-xs-max) {
		border: 1px solid @nav-tabs-border-color;
		border-radius: @border-radius-base;
		overflow: hidden;
		position: relative;

		&::after {
			content: "☰";
			position: absolute;
			top: 8px;
			right: 15px;
			z-index: 2;
			pointer-events: none;
		}

		&.open {
			a {
				position: relative;
				display: block;
			}

			> li.active > a {
				background-color: @nav-link-hover-bg;
			}
		}


		li {
			display: block;
			padding: 0;
			vertical-align: bottom;
		}

		> li > a {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			width: 100%;
			height: 100%;
			display: inline-block;
			border-color: transparent;

			&:focus,
			&:hover,
			&:active {
				border-color: transparent;
			}
		}

		> li.active > a {
			display:block;
			border-color: transparent;
			position: relative;
			z-index: 1;
			background: #fff;

			&:focus,
			&:hover,
			&:active {
				border-color: transparent;
			}

		}
	}
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
	background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.program:before {
	width: 200px;
	height: 100px;
	border-radius: 0% 0% 50% 50%;
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	margin-left: -20px;
	content: '';
	margin-top: -20px;
}

.line {
	width: 80%;
	height: 47px;
	border-top: 1px solid #717171;
	z-index: 0;
	top: 50%;

}

.h-line {
	height: 90%;
	border-left: 1px solid #717171;
	z-index: 0;
	top: 10%;
	left: 17%;
}

.z-index-2 {
	z-index: 2;
}

.z-index-1 {
	z-index: 1;
}

.z-index-0 {
	z-index: 0;
}

.menu-item-type-custom a {
	font-family: "Lato Regular" !important;
}

.border-color-image {
	border-bottom: 5px solid;
	border-color: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
}

.opacity-90 {
	opacity: 0.9;
}

#alumni-quote .cell.medium-3:nth-child(odd) .card-content{
	background:#621b6f;
}

#alumni-quote .cell.medium-3:nth-child(even) .card-content{
	background:#000078;
}

.no-pb {
	padding-bottom: 0px !important;
}

.no-mb {
	margin-bottom: 0px !important;
}

.slider-title>* {
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%) !important;
}

div#n2-ss-4item4 {
	display: inline-block !important;
	white-space: nowrap;
}

.slider-title .n2-ss-button-container {
	margin-top: 20px;
}

#quick-link-row a.hyperlink-text {
	/*font-family: 'Lato', sans-serif !important;*/
	font-size: 15px !important;
	font-family: "Lato Regular" !important;
}

#secondary-menu>li>a {
	/*font-family: 'Lato', sans-serif !important;*/
	opacity: 0.65;
	font-size: 18px;
}

.header-text>a>* {
	/*font-family: 'Lato', sans-serif !important;*/
	font-family: "Lato Regular" !important;
}

.menu.primary li.menu-item a {
	font-weight: 500 !important;
}

#quick-link-row {
	padding: 0 1.5% !important;
}

/*.top-main {
	max-height: 130px !important;
}*/

.n2-section-smartslider.fitvidsignore.n2_clear {
	top: -11px;
}

.header-title h3 {
	font-weight: 500 !important;
	font-size: 1rem;
	color: #000078 !important;
}

.header-title h2 {
	color: #000078 !important;
}

a.link-to {
	font-family: 'Lato', sans-serif !important;
	line-height: 0;
	font-size: 15px !important;
}

.card {
	box-shadow: 0px 0px 10px 0px #808080 !important;
	border: none !important;
	border-radius: unset !important;
}

.card h3 {
	color: #6e1b6f !important;
}

@media (min-width:1024px) and (max-width:1330px){
.page-id-82 .card-student-issues .card-content {
	min-height: 400px !important;
}
}
	
	
@media (min-width:1331px) and (max-width:1737px){
.page-id-82 .card-student-issues .card-content {
	min-height: 350px !important;
}
}

@media (min-width:1738px){
.page-id-82 .card-student-issues .card-content {
	/*min-height: 250px !important;*/
	min-height: 300px !important;
}
}
	
.card.card-seminars-events {
	box-shadow: none !important;
}

@media (min-width:1005px) {
	.card.card-seminars-events .card-content .title {
		min-height: 60px;
		font-size: 16px !important;
	}
}

.card.card-seminars-events .card-content .date, .card-content.seminar-events .date {
	font-size: 12px !important;
}

@media (min-width:641px) {
.card-seminars-events .card-content {
	min-height: 230px !important;
}
}

.card.card-seminars-events .card-content p {
	color: #000000 !important;
}

.card.card-seminars-events .card-content .link, .seminar-event-first .card-content.seminar-events .link {
	color: #000078 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

@media (max-width:2700px) and (min-width:1800px) {
	.ml-105 {
		margin-left: 165px !important;
	}

}

@media (max-width:1799px) and (min-width:1730px) {
	.ml-105 {
		margin-left: 160px !important;
	}


}

@media (max-width: 1729px) and (min-width: 1650px) {
	.ml-105 {
		margin-left: 150px !important;
	}


}

@media (max-width: 1649px) and (min-width: 1540px) {
	.ml-105 {
		margin-left: 140px !important;
	}

}

@media (max-width: 1539px) and (min-width: 1440px) {
	.ml-105 {
		margin-left: 130px !important;

	}
}

@media (max-width: 1439px) and (min-width: 1300px) {
	.ml-105 {
		margin-left: 120px !important;
	}

}

@media (max-width: 1299px) and (min-width: 1230px) {
	.ml-105 {
		margin-left: 110px !important;
	}

}

@media (max-width: 1229px) {
	.ml-105 {
		margin-left: 30px !important;
	}

}



.t-n-12 {
	top: -12px !important;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
}

.top-100 {
	top: 100px;
}

.r-100 {
	right: 100px;
}

.r-200 {
	right: 200px;
}

.people-table td {
	padding-right: 10px;
}

.m-only {
	display: none;
}

@media screen and (max-width: 767px) {

	.m-only {
		display: block;
	}


	.m-w-100 {
		width: 100px;
	}

	.m-ml-0 {
		margin-left: 0px !important;
	}

	.m-mlr-20 {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}


	.d-only {
		display: none;
	}

	.m-pb-200 {
		padding-bottom: 200px;
	}

	.seminar-event-first .w-70-p.bg-light-purple {
		margin-bottom: 0px !important;
	}

	.m-no-margin {
		margin: 0px !important;
	}

	.m-no-padding {
		padding: 0px !important;
	}

	.m-plr-20 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.seminar-event-first .w-full.latest-seminar-events.bg-darker-grey.p-10.mt-16.ml-n-100 {
		margin-left: 0px !important;
		margin-top: -150px !important; 
	}

	.m-font-32 {
		font-size: 32px;
	}

	/*.m-font-16 {
	font-size: 16px !important;
}

	.m-font-14 {
	font-size: 14px !important;
}*/

	.m-pl-0 {
		padding-left: 0px;
	}

	.m-mt-16 {
		margin-top: 16px;
	}

	.m-mt-40 {
		margin-top: 40px !important;
	}

	.m-p-20 {
		padding: 20px;
	}

	/*.m-font-10 {
	font-size: 10px !important;
}*/

	.m-font-12 {
		font-size: 12px !important;
	}

	.border-bottom-purple {
		width: auto;
	}

	.m-n-left {
		left: 0;
	}

	.m-h-70 {
		height: 70%;
	}

	.m-ml-50 {
		margin-left: 50px;
	}

	.m-text-align-left {
		text-align: left;
	}

}

/***************/
@media (max-width: 1655px) and (min-width:1500px){
	#teacher-quote .w-full .w-70-p, #alumni-quote .alumniq {
		padding:25px !important;
	}
}

@media (max-width: 1500px) and (min-width: 1440px){
	#teacher-quote .w-full .w-70-p, #alumni-quote .alumniq {
		padding: 20px !important;
	}

	#teacher-quote .w-30-p {
		width: 30% !important;
	}
}

@media (max-width: 1440px) and (min-width: 1324px){
	#teacher-quote .w-full .w-70-p, #alumni-quote .alumniq {
		padding: 10px !important;
	}
}

@media (max-width: 1324px) and (min-width: 1300px){
	#teacher-quote .w-full .w-70-p, #alumni-quote .alumniq {
		padding: 10px !important;
	}

	#teacher-quote .w-30-p {
		width: 37% !important;
	}
}

@media (max-width: 1299px) and (min-width: 1200px){
	#teacher-quote .w-full .w-70-p, #alumni-quote .alumniq {
		padding: 20px !important;
	}

	#teacher-quote .w-30-p {
		width: 50% !important;
	}
}

/*.slick-teacher-quotes>*, .slick-teacher-quotes .w-30-p {
display: flex;
}*/

.contact-icon-list p {
	color: #ffffff !important;
	margin: 0 !important;
}

.contact-icon-list a:after {
	display: none !important;
}

.contact-icon-list a, .contact-icon-list p {
	/*font-family: 'Lato', sans-serif !important;*/
	font-size: 16px !important;
	font-family: "Lato Regular" !important;
}
@media (max-width:879px){
	.contact-icon-list a, .contact-icon-list p {
		/*font-family: 'Lato', sans-serif !important;*/
		font-size: 12px !important;
		font-family: "Lato Regular" !important;
	}
}
#page-container .people-inner-content table tr td, #page-container .people-inner-content table tr td a {
	/*font-family: 'Lato', sans-serif !important;*/
	font-size: 16px !important;
	font-family: "Lato Regular" !important;
}
#page-container .people-inner-content table tr td {
	color: #333333;
}
#page-container .people-inner-content .p-10 p {
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	color: #333333;
}
#page-container .people-inner-content .elementor-widget-container p{
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	/*margin-left: 10px;*/
	color: #333333;
}
.sidebar-field .news-post p, .sidebar-field .news-post strong {
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
}

.border-color-image {
	border-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%) !important;
	border-image-slice: 1 !important;
	border-bottom: 8px solid !important;
}

.latest-seminar-events .font-bulter {
	padding: 10px 10px 10px 0px;
	color: #000078 !important;
	font-weight: 900 !important;
	font-size: 20px !important;
	border-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%) !important;
	border-image-slice: 1 !important;
	border-bottom: 2px solid !important;
}

.seminar-events .link {
	color: #000078 !important;
	font-weight: 600 !important;
}

.card-content.seminar-events .title {
	font-size: 20px !important;
}

.card-content.seminar-events .date {
	font-size: 13px !important;
}

.card-content.seminar-events .info {
	font-size: 16px !important;
	margin-bottom: 10px;
}

.latest-seminar-events {
	padding-bottom: 50px !important;
	margin-top: 0 !important;
}

.seminar-event-first .w-70-p.bg-light-purple {
	margin-bottom: 35px !important;
}

.seminar-event-first .featured-seminar-events {
	margin-top: 30px;
}

.news-one .bg-black.opacity-90.font-white.w-80-p.pos-abs.right-bottom.p-20 {
	width: 34%;
}

.bg-black.opacity-90.font-white.w-80-p.pos-abs.right-bottom.p-20 {
	width: 70%;
}

#studies-program p, table#events-table-detail td,  table#events-table-detail a,  table#events-table-detail p, 
.post-template-single-news .mt-32 p, .post-template-single-news .mt-32 a{
	font-family: 'Lato', sans-serif !important;
}

#studies-program h2, #chairman-message h2, #teacher-quote h2, #alumni-quote h2{
	text-transform: uppercase;
	font-weight: 600 !important;
}

#chairman-message .header-title {
	margin-top: 2rem;
}

#chairman-message a.read-more {
	opacity: 0.5;
	font-family: 'Lato', sans-serif !important;
}

p.chairman-title {
	font-family: 'Lato', sans-serif !important;
	margin-bottom: 0 !important;
}

#teacher-quote .w-full .w-70-p, #alumni-quote .alumniq{
	text-align: left;
	padding: 40px;
}

#teacher-quote .w-full .w-70-p .font-source.font-16{
	margin-top: 20px;
	font-size: 20px !important;
}

.alumniq .font-source.font-16 {
	font-size: 18px !important;
}

.alumniq .font-lato-regular.font-16 {
	margin-top: 10px;
}

/*#teacher-quote .w-full .w-70-p .font-16.font-lato-regular {
font-size: 18px !important;
}

#main-footer .footer-logo {
padding-left: 25px;
} */

#main-footer .w-20-p.text-right.p-20 {
	padding-top: 0 !important;
	width: 18% !important;
}

#main-footer ul#footer-primary-menu>li>a, #footer-secondary-menu>li>a {
	color: #808080;
	/*font-family: 'Lato', sans-serif !important;*/
	margin-bottom: 10px;
}

#main-footer ul#footer-primary-menu>li:not(:last-child)>a, #footer-secondary-menu>li:not(:last-child)>a {
	margin-bottom: 0px;
}

#main-footer .font-24.font-bold.font-lato-regular {
	color: #6e1b6f !important;
	/*text-transform: uppercase !important;*/
	font-size: 20px !important;
}

#main-footer p.font-lato-regular, .foot-col-3 a.font-lato-regular{
	color: #808080 !important;
}

div#footer-bottom {
	padding: 10px 0 !important;
}

div#footer-bottom p {
	margin: 0 !important;
	font-size: 12px;
	text-transform: uppercase;
	/*font-family: 'Lato', sans-serif !important;*/
	font-family: "Lato Regular" !important;
}

#events-table .flex.flex-column.w-full>* {
	font-family: 'Lato', sans-serif !important;
	margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
	#events-table .flex.flex-column.w-full>* {
		margin-bottom: 0;
	}
}

@media (max-width: 1260px) {
	#main-footer .footer-logo {
		padding-left: 0 !important;
	}
}

.news-listing .p-10.bg-rad-purple-blue.font-white.font-bold  {
	font-family: 'Lato', sans-serif !important;
	padding: 20px !important;
	font-size: 16px !important;
}

.news-listing .description{
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
}

.seminar-events-section {
	padding-bottom: 0 !important;
}

.chairman-banner .flex.flex-column.w-70-p.z-index-1 {
	margin-bottom: 20px !important;
}

.chairman-banner .seminar-events-section .p-20 {
	padding: 0 !important;
}

.chairman-banner .mt-64.wrapper.flex.bg-transparent.pos-rel {
	margin: 0 !important;
}

.chairman-banner .w-80-p.flex.flex-column {
	width: 64%;
	background-position-x: right;
}

.chairman-banner .mt-64.wrapper.flex.bg-transparent.pos-rel {
	flex-direction: row;
	justify-content: flex-end;
	padding: 3rem 0 !important;
}

.chairman-banner img.w-full.m-ml-50.z-index-1.pos-abs.w-22-p {
	height: 80.5%;
	width: auto !important;
}

.chairman-banner .w-20-p.flex.flex-center {
	justify-content: flex-end;
	margin-right: -1px;
}

.chairman-banner .p-20.flex.flex-center.font-white.mt-64.text-center {
	margin-top: 0 !important;
	padding: 70px 70px 30px;
}

.chairman-banner .flex.flex-column.font-white.p-20 {
	padding: 0 175px 70px;
}

.chairman-banner p.quote.w55.font-lato-regular.font-24.m-font-16.pl-20 {
	padding: 0 100px;
	text-align: justify;
}

.chairman-banner .read-more {
	opacity: 50%;
	font-family: 'Lato', sans-serif !important;
}

.chairman-banner .border-bottom-purple {
	width: 15rem;
}

.chairman-banner .font-bulter, .font-bulter {
	font-weight: 600 !important;
}

@media (max-width: 1023px) {
	.header-button button:before {
		margin: 0 !important;
		padding: 0 !important;
		color: #ffffff !important;
		font-size: 25px;
	}

	.header-button button {
		background: none !important;
		border: none !important;
	}
}



div#n2-ss-4item1 {
	margin: 0 auto;
	padding: 5px 15px !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 500 !important;
}

.slider-title {
	display: block !important;
}

div#n2-ss-4item4, a.n2-style-6d9322c2b47620700f1e42a1b4d2b16e-heading.n2-ow div {
	font-family: 'Lato', sans-serif !important;
}

#teacher-quote .explore-more-button, #alumni-quote .explore-more-button  {
	font-family: 'Lato', sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase;
} 

@media (max-width:756px) {
	.cell.medium-4 {
		width: calc(100% - 1rem);
	}

	.card-student-issues .card-content {
		min-height: 150px !important;
	}
}

.card-student-issues img.border-color-image {
	width: 100%;
}

/*.seminar-events-section .card-container {
padding-right: 20px !important;
}*/

/*.card-student-issues {
min-height: 400px;
}*/

.card-student-issues {
	min-height: 300px;
}

@media (max-width: 2560px) and (min-width:1500px) {
	.card-student-issues {
		min-height: 300px;
	}
}

@media (max-width: 1900px) and (min-width:1500px) {
	.seminar-events-section .h-full {
		width: 83%;
	}
}

@media (max-width: 1499px) and (min-width: 1300px) {
	.seminar-events-section .h-full {
		width: 85%;
	}
}

@media (max-width: 1299px) and (min-width: 900px) {
	.seminar-events-section .h-full {
		width: 90%;
	}
}

@media (max-width: 899px) and (min-width: 768px) {
	.seminar-events-section .h-full {
		width: 100%;
	}
}
@media (min-width:1400px){
	.people-tabs-content .card-image {
		/*height: 350px!important;*/
		width: 55%!important;
	}
}

@media (min-width:1400px){
body.archive.tax-ptag .people-tabs-content .card-image {
		/*height: 350px!important;*/
		width: 40%!important;
	}
}

/*** Helper css code***/
@media (min-width:1800px)
{
	#primary-menu li ul li{
		width:100% !important;
	}
	#primary-menu li ul li a{
		font-size:16px !important;
	}
}
@media (min-width:1700px) and (max-width:1799px)
{
	#primary-menu li ul li{
		width:100% !important;

	}
	#primary-menu li ul li a{
		font-size:16px !important;
	}
}
@media (min-width:1500px) and (max-width:1699px)
{
	#primary-menu li ul li{
		width:100% !important;
	}
	#primary-menu li ul li a{
		font-size:16px !important;
	}
}
@media (min-width:1350px) and (max-width:1499px)
{
	#primary-menu li ul li{
		width:100% !important;
	}
	#primary-menu li ul li a{
		font-size:16px !important;
	}
}
@media (min-width:1200px) and (max-width:1349px)
{
	#primary-menu li ul li{
		width:100% !important;
	}
	#primary-menu li ul li a{
		font-size:12px !important;
	}
}
@media (min-width:1000px) and (max-width:1199px)
{

	#primary-menu li ul li{
		width:100% !important;
	}
	#primary-menu li ul li a{
		font-size:10px !important;
	}
}

#primary-menu li{
	margin-bottom:0 !important;
}

#primary-menu li ul li{
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	padding:0;
}

#primary-menu li .sub-menu li a{
	padding-left:10px;
	padding-right:10px;

}

.header-menu .sub-menu, #footer-primary-menu .sub-menu{
	display:none !important;
	position:absolute;
	margin:0 !important;
	width:inherit !important;
	margin-top:-2px !important;
	margin-left:-15px !important;
}

#primary-menu li:hover .sub-menu{
	display:block !important;
}

#primary-menu li .sub-menu li a {
	display: block !important;
	/*color: #000078;*/
	/*background-color: white;*/
	background-color: #f8f7f2;
	/*padding-top: 8px !important;
	padding-bottom: 8px !important;*/
	text-transform: capitalize !important;
	text-align: left;
	font-family: sans-serif!important;
	color:#333;
	border: none!important;
}

#primary-menu li .sub-menu li a:hover {
	display: block !important;
	/*color: #230875 !important;*/
	/*background-color: #E9E7F1;*/
	text-transform: capitalize !important;
	background-color: #e9e6df;
	color:#333;
}

/*** Helper css code***/
.row {
	margin-right: 30px!important; 
	margin-left: 30px!important; 
	margin-top: 32px;
}

body.archive.post-type-archive.post-type-archive-peoples .row {
	margin-right: 20px!important; 
	margin-left: 20px!important; 
	/*margin-top: 32px;*/
	margin-top: 0px;
}

body.archive.tax-ptag .row {
    margin-right: 20px!important;
    margin-left: 20px!important;
    margin-top: 32px;
}

.program-tab-content h3 {
	color: white!important;
	padding: 20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align: center;
	font-family: unset!important;
	font-size: 20pt;
}


.programmes-row, .courses-row, .programmes-postgraduate-studies-row, .courses-postgraduate-studies-row, .undergraduate-programmes-row, .postgraduate-programmes-row {
	/*padding: 30px 0px!important;*/
	padding: 0px 0px!important;
}

.header-menu ul#primary-menu a:hover {
	color: #333333;
    background: #e9e6df;
    border: 0;
}

/*body.peoples-template-default.single.single-peoples li#menu-item-105{
    color: #333333;
    background: #e9e6df;
    border: 0;
}

body.peoples-template-default.single.single-peoples li#menu-item-105 a{
    color: #333333;
	background: #e9e6df;
    border: 0;
}

body.programmes-template-default.single.single-programmes li#menu-item-106{
    color: #333333;
    background: #e9e6df;
    border: 0;
}

body.programmes-template-default.single.single-programmes li#menu-item-106 a{
    color: #333333;
	background: #e9e6df;
    border: 0;
}*/


.header-menu ul#secondary-menu a:hover {
	color: gold!important;
	background: unset !important;
}

/*.header-menu a:hover {
	color: gold!important;
	text-decoration: underline;
}*/

.more-info a:hover {
	color: gold!important;
	text-decoration: underline;
}

.quick-links.grid-x.grid-margin-x {
	padding: 30px;
}

div#internship {
	padding: 30px!important;
}

.et_pb_toggle.et_pb_toggle_close {
	background-color: #ffffff;
	background-image: linear-gradient(to right, #63246C, #040C72);
}
/*** Helper css code***/

@media (min-width:1024px)
{
	/*#main-header{
	position:fixed !important;
	z-index:99 !important;
}
	#et-main-area{
	margin-top:153px !important;
}*/
}
@media (min-width:768px) and (max-width:1023px)
{
	/*#main-header{
	position:fixed !important;

	z-index:99 !important;
}
	#et-main-area{
	margin-top:95px !important;
}*/
}
@media (max-width:767px) and (min-width:586px) {
	.header-icon {
		height: fit-content!important;
		margin-top: 13%!important;
	}
}

@media (min-width:320px) and (max-width:374px){
	.news-one a.card-news,
	.news-two a.card-news,
	.news-three a.card-news,
	.news-four a.card-news{
		height: 200px !important;
		/*margin-bottom:15px!important;*/
		border:none!important;
	}
}

@media (min-width:375px) and (max-width:400px){
	.news-one a.card-news,
	.news-two a.card-news,
	.news-three a.card-news,
	.news-four a.card-news{
		height: 230px !important;
		/*margin-bottom:15px!important;*/
		border:none!important;
	}
}

@media (min-width:400px) and (max-width:425px){
	.news-one a.card-news,
	.news-two a.card-news,
	.news-three a.card-news,
	.news-four a.card-news{
		height: 250px !important;
		/*margin-bottom:15px!important;*/
		border:none!important;
	}
}

@media (min-width:426px) and (max-width:549px){
	.news-one a.card-news,
	.news-two a.card-news,
	.news-three a.card-news,
	.news-four a.card-news{
		height: 300px !important;
		/*margin-bottom:15px!important;*/
		border:none!important;
	}
}

@media (min-width:550px) and (max-width:639px){
	.news-one a.card-news,
	.news-two a.card-news,
	.news-three a.card-news,
	.news-four a.card-news{
		height: 400px !important;
		/*margin-bottom:15px!important;*/
		border:none!important;
	}
}


@media (min-width:640px) and (max-width:1023px){
.news-one a.card-news, .news-two a.card-news, .news-three a.card-news, .news-four a.card-news {
    height: 130px;
    /* margin-bottom: 15px; */
    margin-bottom: 0px;
    border: none;
}
.page-id-82 .grid-x.grid-margin-x.news-grid .card-content {
    min-height: 400px!important;
}
}

@media (max-width:767px)
{
	/*#main-header{
	position:fixed !important;
	z-index:99 !important;
}
	#et-main-area{
	margin-top:80px !important;
}*/


	.n2-ss-slider .n2-ss-section-main-content{
		padding-left:0px !important;
	}

	
	.cell.medium-6.fp-studies-grid p{
		padding-top:150px!important;
	}
	/*.news-one a.card-news,
	.news-two a.card-news,
	.news-three a.card-news,
	.news-four a.card-news{
		height: 220px !important;
		border:none!important;
	}*/
	.chairman-banner .flex.flex-column.font-white.p-20 {
		padding-top:0px!important;
		padding-bottom:70px!important;
		padding-left:70px!important;
		padding-right:70px!important;
	}

	.font-24 {
		font-size: 16px !important;
	}

	.chairman-banner img.w-full.m-ml-50.z-index-1.pos-abs.w-22-p {
		height: auto!important;
		width: auto !important;
		margin-right: 10px!important;
		margin-left: 0px !important;
	}
	.chairman-banner p.quote.w55.font-lato-regular.font-24.m-font-16.pl-20
	{
		padding:0px;
	}
	.large-6 .w-full .m-wfull{
		height:350px!important；
	} 
}

/*.header-menu:hover #secondary-menu{
display:none ;
}*/

ul#primary-menu li {
	z-index: 999;
}

#secondary-menu:hover{
	display:flex !important;
}

/*** Helper css code***/
.title.font-grey-light.font-16 {
	padding: 10px 30px;
}

/**People Inner Page**/
.people-inner-content h3 {
	padding: 10px 30px!important;
	background-image: linear-gradient(90deg,#6e1b6f 1%,#000078 100%);
	font-family: Arial, sans-serif!important;

}

.people-inner-image.m-text-align-left img {
	width: 250px;
	height: 250px;
	/*height: 300px;*/
	object-fit: contain;
}

.people-inner-content h1 {
	font-family: Arial, sans-serif!important;
}

.people-table td {
	border-width: 1px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	overflow: hidden;
	padding: 5px 5px;
	word-break: normal;
}

table.people-table {
	border-collapse: collapse;
	border-spacing: 0;
}

@media (max-width:767px){
	.people-inner-content h3 {
		font-size: 1.3rem;
	}
}

.elementor-widget-heading .elementor-heading-title {
	font-weight: 200!important;
}

button#backtotop {
	border: none;
	outline: none;
	background: transparent;
}

footer#main-footer .wrapper {
	background: #f2f2f2 !important;
	padding: 0 !important;
}

.page-id-3330 #main-footer {
	padding: 0 !important;
}


ul.contact-directions-links, .contact-instructions {
	padding-top: 23px;
}

.staff-listing td:first-child {
	width: 30% !important;
}

#dos-tabs li.tabs-title {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

/*@media (min-width:1024px) and (max-width:1300px){
	.wrapper .people-tabs-content .card-image {
		min-height: 400px !important;
	}
}*/

@media (max-width:1300px){
	.header-menu #primary-menu li .sub-menu li a {
		padding-top: 12px !important;
	}
}
.header-menu #primary-menu .sub-menu {
	border: solid 2px #E9E7F1;
}

tr.list-internship>td>ul {
	list-style-type: lower-roman !important;
	margin-left: 1rem;
	display: list-item;
	list-style-position: outside;
	margin-bottom: 0 !important;
}

.table-internship tr:first-child {
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%) !important;
}

.table-internship tr:first-child th {
	color: #ffffff !important;
	border-top: none !important;
}

.table-internship td, .table-internship th {
	border: 1px solid #ffffff !important;
}

.table-internship th:first-child {
	border-left: none !important;
}

.table-internship td:first-child, .table-internship tr:first-child th:first-child  {
	border-left: 1px solid #ccc1d9 !important;
}

.table-internship tr:first-child th:last-child, .table-internship tr:last-child td {
	border-right: 1px solid #ccc1d9 !important;
}

.table-internship tr:nth-child(2) td:first-child, .table-internship tr:nth-child(3) td:first-child, .table-internship tr:nth-child(4) td:first-child, .table-internship tr:nth-child(5) td:first-child, .table-internship tr:nth-child(6) td:first-child, .table-internship tr:nth-child(7) td:first-child, .table-internship tr:nth-child(8) td:first-child, .table-internship tr:nth-child(9) td:first-child, .table-internship tr:nth-child(10) td:first-child {
    border-left: none !important;
}

.table-internship tr:last-child td {
	border-bottom: none !important;
}

.table-internship tr:nth-child(2) td, .table-internship tr:first-child th {
	border-right: none !important;
}

/*tr.list-internship {
background: #daeef3 !important;
} */

.table-internship tr:last-child td {
	background: #ccc1d9 !important;
	text-align: center;
}

.table-internship tr:last-child td a {
	/* color: #ffffff !important; */
	color: #000000 !important;
}

.table-internship tr:first-child th {
	text-align: center;
	font-weight: 500 !important;
}

.table-internship tr:nth-child(2) td:last-child, .table-internship tr:nth-child(2) td:nth-child(3), .table-internship tr:nth-child(3) td:nth-child(3), .table-internship tr:nth-child(4) td:nth-child(3), .table-internship tr:nth-child(5) td:nth-child(3), .table-internship tr:nth-child(6) td:nth-child(3), .table-internship tr:nth-child(7) td:nth-child(3), .table-internship tr:nth-child(8) td:nth-child(3), .table-internship tr:nth-child(9) td:nth-child(3), .table-internship tr:nth-child(10) td:nth-child(3){
	text-align: center;
}

@media(max-width:1000px) and (min-width:640px){
	#internship table.table-internship {
		width:175%;
	}
	#internship .cell.large-6.medium-5.small-12 {
		width:100%;
	}
}

@media(max-width:480px){
	#internship table.table-internship {
		font-size:smaller;
	}
}

@media(max-width:420px){
	#internship .cell.large-6.medium-7.small-12 {
		width:100%;
		overflow:scroll;
	}
}

.card-alumni-quotes .card-image, .card-people .card-image {
	background-size: 100%;
	background-position: center!important;
    background-repeat: no-repeat!important;
}


/*.page-id-6690 .card-alumni-quotes .card-image, .page-id-6690 .card-people .card-image {
    height: 220px!important;
    width: 80%!important;
    background-size: 70%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}*/

@media (min-width:1310px) and (max-width: 1399px){
.page-id-6690 .card-image {
    background-size: 90%!important;
}
}

.archive.tax-ptag #content-area #left-area article .post-meta {
	display: none;
}
.archive.tax-ptag #content-area #left-area article .entry-title {
	font-size: 1rem;
	text-align: center;
}
.archive.tax-ptag #content-area #left-area article .entry-title a {
	color: #2e1a4c !important;
	font-weight: 700;
}
.archive.tax-ptag #sidebar ul{
	display: none !important;
}
.archive.tax-ptag #content-area #left-area article {
	box-shadow: 0px 0px 10px 0px #808080 !important;
	padding: 5px;
}
@media(min-width:1200px){
	.archive.tax-ptag #content-area #left-area article {
		width: 25%;
		display: inline-grid;
		margin: 0px 3% 0px 3%;
	}
	.archive.tax-ptag #content-area #left-area article .entry-featured-image-url {
		max-height: 240px;
		overflow-y: hidden;
	}
	.archive.tax-ptag #content-area #left-area article .entry-featured-image-url img {
		min-height: 290px;
		overflow: hidden;
	}	
}
@media(max-width:1199px) and (min-width:700px){
	.archive.tax-ptag #content-area #left-area article {
		width: 40%;
		display: inline-grid;
		margin: 0px 3% 0px 3%;
	}
	.archive.tax-ptag #content-area #left-area article .entry-featured-image-url {
		max-height: 360px;
		overflow-y: hidden;
	}
	.archive.tax-ptag #content-area #left-area article .entry-featured-image-url img {
		min-height: 390px;
		overflow: hidden;
	}	
}
@media(max-width:699px) {
	.archive.tax-ptag #content-area #left-area article {
		width: 80%;
		display: inline-grid;
		margin: 20px 10% 20px 10%;
	}
}

/*ul#people-tabs {
/* height: 100px; 
z-index: 170;
margin: 0 auto;
top: 0;
left: 0px;
right: 0;
position: fixed;
text-align: center;
background: #fff;
/* max-width: 1050px; 
/* margin: 0 8% !important; 
padding-top: 35px;
width: 100%;
}*/

@media (min-width: 981px){
	#main-content .container:before {
		width: 0px!important;
	}
}


.postid-2515 ul li {
	list-style: disc;
}

.postid-2515 ol li {
	/*list-style: decimal;*/
	margin-bottom: 8px;
	vertical-align: top;
}

ul li {
	list-style: disc;
}

section#teacher-quote {
	display: none;
}

section#alumni-quote {
	display: none;
}

.footer-custom-purple-bar {
	display: block;
	text-align: center;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	color: white;
	padding-bottom: 20px;
	padding: 10px!important;
	margin-bottom:10px;
}


#search-dropdown .searchform{
	position:relative;
}

#search-dropdown .searchform #searchsubmit {
	padding: 0.5em;
	position: absolute;
	top: 0;
	right: 0;
}

#sticky-menu-bar.fixed {
	top: 180px;
	position: fixed;
	width: 80%;
	z-index: 999;
	padding-top: 40px;
	background-color: white;
}

@media (min-width:768px) and (max-width:1229px){
#sticky-menu-bar.fixed {
	width: 90%!important;
}
}

/*.logged-in.admin-bar #sticky-menu-bar.fixed {
	top: 220px;
}

@media(max-width:767px){
.logged-in.admin-bar #sticky-menu-bar.fixed {
	top: 150px;
}
}

@media(max-width:1520px){
	#sticky-menu-bar.fixed{
		top:150px;
		top:110px;
	}
	.logged-in.admin-bar #sticky-menu-bar.fixed{
		top:170px;
	}
}

@media(max-width:767px){
	#sticky-menu-bar.fixed{
		top:150px!important;
		top:110px;
	}
}*/

ul#secondary-menu-offcanvas li {
	list-style: none;
}

ul#primary-menu-offcanvas li {
	list-style: none;
}

ul.details  {
	padding-left: 80px;
}

.single .et_pb_post {
	margin-bottom: 0 !important;
}

/*Jayson code on 18/12/2020*/
h3#term_title{
	color: white!important;
	padding: 20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align: center;
	font-family: unset!important;
}

@media (min-width:375px) and (max-width:400px){
	.people-tabs-content .card-image {
		/*height: 300px;*/
		height:200px;
	}
}

@media (min-width:401px) and (max-width:500px){
	.people-tabs-content .card-image {
		/*height: 400px;*/
		height: 250px;
	}
}

@media (min-width: 2100px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 240px;
	}
}
@media (min-width: 2500px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 300px;
	}
}

@media (min-width: 3000px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 360px;
	}
}

@media (min-width: 3500px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 420px;
	}
}
@media (min-width: 4000px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 480px;
	}
}
@media (min-width: 4500px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 540px;
	}
}
@media (min-width: 5000px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 600px;
	}
}
@media (min-width: 5500px){
	.people-tabs-content .card-image {
		/*height: 500px!important;*/
		/*height: 200px!important;*/
		height: auto !important;
		min-height: 660px;
	}
}

@media (min-width: 641px){
	#people-tabs li.tabs-title{
		width: 25%;
	}
}

@media (min-width: 1500px){
	#sticky-menu-bar.fixed {
		width: 82%;
	}
}

@media (max-width: 767px){
	#sticky-menu-bar.fixed {
		width: 100%;
		left: 0;
	}
}

@media (min-width: 641px){
	#programme-tabs li.tabs-title{
		width: 30%!important;
		font-size:16px;
	}
	
	#programme-tabs li.tabs-title a{
		font-size:16px;
	}
}

@media (max-width: 640px){
	#programme-tabs li.tabs-title{
		width: 37%;
	}

	.p-30 {
		padding: 0px;
	}
}

@media (max-width: 768px){
	.admission-archive h2 {
		padding: 0px;
		color: #6f1b6f;
	}
}

table.mt-32.no-border.programmes.w-full {
	/*overflow-x: scroll; */
	display: block;
}

.quick-links a:hover {
	text-transform: uppercase;
	color: #f2f2f2;
	opacity: 0.7;
	font-size: 20px;
}

/*KY Code on 18/12/2020*/
.postgraduate-archive .quicklinks-text {
	padding: 160px 50px !important;
}

.visitors-archive table td {
	width: 30% !important;
}

#people-tabs li:not(:last-child) {
	margin: 0 1rem 1rem 0 !important;
}

@media (min-width: 640px){
	#people-tabs li:first-child {
		margin-left: 1rem !important;
	}
}

.search-post-thumbnail {
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
	background-position: top center;
	background-size: contain;
}

.search .wrapper {
	padding-top: 4rem !important;
}

.searchform input[type=text], .searchform input#searchsubmit {
	height: 43px !important;
}

div#n2-ss-4item9, div#n2-ss-4item10, div#n2-ss-4item6, div#n2-ss-4item7, div#n2-ss-4item8  {
	display: none !important;
}

.n2-ss-layer.n2-ow {
	display: block !important;
}

#studies-program .header-title>* {
	text-transform: uppercase !important;
}

@media(max-width: 340px){
	#studies-program .header-title>* {
		font-size: 26px !important;
	}
}

/*Will affect to front page, temporary hided*/
/*#studies-program .cell.large-6:last-child .header-title {
margin-top: 2rem !important;
}*/

@media (max-width:767px){
	.page-id-82 .bg-rad-purple-blue-8 {
		/*max-height: 450px;*/
		max-height: 250px;
	}

	.page-id-82 p.font-lato-regular.no-pb.no-mb.font-white a {
		color: #fff;
	}

	div#dnn_ctr514_ContentPane {
		padding: 10px;
	}

	.staff-archive {
		overflow-x: scroll;
		/* display: grid!important; */
	}
}

/*Jayson code - Student Issue*/
.category-9 .column {
	height: 700px;
}

@media (min-width: 1400px){
	.category-9 .people-tabs-content .card-image {
		/*height: 250px!important;*/
		/*height: 200px!important;*/
		height: 300px!important;
		width: 100%!important;
	}

	.category-9 .people-tabs-content .card-image {
		margin: unset!important;
	}

	.category-9 .people-tabs-content .card-content {
		/*min-height: 250px;*/
		min-height: 350px;
	}
}

@media (max-width: 1300px) and (min-width: 1024px){
	.category-9 .wrapper .people-tabs-content .card-image {
		min-height: 200px !important;
	}
}

@media (max-width: 640px){
	.category-9 .people-tabs-content .card-container {
		width: 100%!important;
	}
}

@media (max-width: 500px) and (min-width: 401px){
	.category-9 .people-tabs-content .card-image {
		height: 200px!important;
	}
}

ul#secondary-menu-offcanvas {
	opacity: 0.6;
}

@media (max-width: 991px){
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
		padding: 1em 0 0 0!important;
	}
}

/*Jayson code - Contact Us Page*/

h3#get-in-touch {
	color: white!important;
	padding: 20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align: center;
}

.page-id-3107 .contact-icon-list p {
	color: #61005a!important;
	margin: 0 !important;
	font-weight: 700;
}

.page-id-3107 .contact-us-heading {
	color: #333;
	padding: unset!important;
	position: relative;
}

@media(max-width:640px){
	.page-id-3107 .contact-us-heading {
		padding: 10px 10px!important;
		position: relative;
	}
}

.page-id-3107 .contact-us-heading h2 {
	color: #333;
	text-transform: uppercase;
	font-weight: 700;
}

.page-id-3107 .contact-us-content::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 2px solid #61005a;
	margin-bottom: 2.5rem;
	padding-bottom: 15px;
}

.page-id-3107 .contact-us-heading h2::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 2px solid #61005a;
	padding-bottom: 15px;
}

.page-id-3107 .contact-us-heading a {
	color: #61005a;
	font-size: 22px;
}

@media (max-width: 400px){
	.page-id-3107 .contact-icon-list {
		width: 100%;
	}
}

.page-id-3107 .button-primary:before, .button[type=submit]:before, .core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child:before, .core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child[type=submit]:before, button-primary:before, button[type=submit]:before {
	content: none!important;
}

ul {
	padding-left: 10px;
}

h3.single-post-entry-title {
	color: white!important;
	padding: 20px 0;
	background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
	text-align: center;
	text-transform: uppercase;
	font-family: unset!important;
}

.page-id-82 .gs-proportional {
	position: inherit!important;
}

/*.academic-visitors-row {
	display: none;
}*/

/*** About Us - Contact Us***/

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330 .contact-icon-list p {
	color: #61005a!important;
	margin: 0 !important;
	font-weight: 700;
}

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330 .contact-us-heading {
	color: #333;
	padding: unset!important;
	position: relative;
}

@media(max-width:640px){
	body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330 .contact-us-heading {
		padding: 10px 10px!important;
		position: relative;
	}
}

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330  .contact-us-heading h2 {
	color: #333;
	text-transform: uppercase;
	font-weight: 700;
}

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330  .contact-us-content::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 2px solid #61005a;
	margin-bottom: 2.5rem;
	padding-bottom: 15px;
}

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330  .contact-us-heading h2::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 2px solid #61005a;
	padding-bottom: 15px;
}

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330 .contact-us-heading a {
	color: #61005a;
	font-size: 22px;
}

@media (max-width: 400px){
	body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330 .contact-icon-list {
		width: 100%;
	}
}

body.page-template-default.page.page-id-6986.page-child.parent-pageid-3330  .button-primary:before, .button[type=submit]:before, .core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child:before, .core .grid-x:not(.important)>.cell.medium-4 p:last-child a:only-child[type=submit]:before, button-primary:before, button[type=submit]:before {
	content: none!important;
}

/*** END ***/


/*Jayson code - for about us*/

.chairman-message-archive h3 {
	display: none;
}

.department-history-archive h3 {
	display: none;
}

.newsletters-archive h3 {
	display: none;
}

/*.honours-and-awards-archive h3 {
display: none;
}*/

/*.contact-us-archive h3 {
	display: none;
}

.contact-us-row {
	display: none;
}*/

.about-us.contact-us-row h3 {
	display: none!important;
}

.about-us.contact-us-row {
    display: none!important;
}

/*@media (min-width:1500px){
.page-id-3330 form {
    margin-left: 25px;
    margin-right: 25px;
}
}*/

.page-id-3330 form {
    width: 95%;
    display: flex;
    /* margin-bottom: 10px; */
    margin-left: 2.5%;
}

/*@media (max-width:1499px) and (min-width:325px){
.page-id-3330 form {
    margin-left: 15px;
    margin-right: 15px;
}
}*/

/*li.menu-highlight.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-has-children a{
	background-color: #6e1b6f;
	color: white;
}*/

ul#footer-primary-menu li.current-menu-item a, ul#footer-primary-menu li.current-menu-parent a {
    background-color: transparent!important;
    color: #61005a!important;
}

p.phd-numphone {
	width: 50%;
	display: inline;
	border-left: 2px solid #333;
	/* border-spacing: 40px; */
	border-width: thin;
}

p.phd-address {
	width: 50%;
	display: inline;
}

.research-area-text li {
	    list-style-type: none;
    display: inline-block;
    color: white;
	background-color: #f2f2f2!important;
    border-radius: 50px;
    padding: 20px 20px;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
    /* font-size: 16px; */
}

.research-area-text li a{
	color: grey;
}

.research-area-text li a:hover{
	color: #61005a;
}

.research-area-text li a:active{
	color: #61005a;
}

.research-area-text {
    /* width: 100%; */
    /* margin-left: 130px; */
    /* margin-right: 130px; */
    text-align: -webkit-center;
    margin-top:20px;
	margin-bottom:30px;
}

.category-student-issues.category-9 .card-container .card-content .font-lato-regular.font-14 {
	text-align: left;
}

li#menu-item-5655 {
    display: none;
}

.card-landing-title h4 {
    color: #6e1b6f!important;
    /*font-size: 22px;*/
	font-size: 	1.25em;
    font-weight: 700;
    border-bottom: 2px solid #333;
    height: 120px;
}

.programme-landing-desc p {
    font-size: 13pt;
    /*line-height: 18pt;*/
	display: inline;
}

/*button#learn-more-info:hover {
    /* background-color: #333; 
    color: white;
    background-color: rgb(51,51,51);
}*/

/*button#learn-more-info a {
    color: #fff;
}

button#learn-more-info {
    /* background-color: #e9e6df; 
    border: none;
    color: #333;
    padding: 10px 25px;
    background-color: rgba(0,0,0,.6);
}*/

button#learn-more-info a {
    color: #6e1b6f;
    font-family: 'Lato Regular';
    font-weight: 700;
}

button#learn-more-info:hover {
    color: #6e1b6f;
    opacity: 100%;
}

button#learn-more-info {
    border: none;
    padding: 10px 0px;
	/*padding: 10px 25px;*/
    opacity: 50%;
}

div#learn-more-info a {
    color: #6e1b6f;
    font-family: 'Lato Regular';
    font-weight: 700;
	/*font-size: 20px;*/
	font-size: 12pt;
}
div#learn-more-info:hover {
    color: #6e1b6f;
    opacity: 100%;
}
div#learn-more-info {
    border: none;
    padding: 10px 0px;
	/*padding: 10px 25px;*/
    opacity: 50%;
	/*margin-left: 220px;
    margin-top: -45px;*/
	display: inline;
}

#learn-more-info img {
    margin-bottom: 3px;
}

body.archive.post-type-archive.post-type-archive-programmes .card-container {
    margin-top: 20px;
}

ul#people-inner-page-tabs li {
    width: 25%;
    text-align: center;
    float: none;
    display: inline-block;
    border-bottom: none;
    background: #f2f2f2;
    /* padding: 50px 0; */
    /* padding: 20px 0;*/
	height: 60px;
    /* border-left: 8px solid #6e1b6f; */
    border-left: 8px solid;
    border-image: linear-gradient( to bottom, #6e1b6f, #000078 ) 1 100%;
    font-family: unset!important;
	cursor: pointer;
}


/*fixed research subitem offset precision*/
a.anchor {
    display: block;
    position: relative;
    top: -420px;
    visibility: hidden;
}

/****Jayson code here****/
.single-programmes .program-tab-content {
    margin-bottom: 0px!important;
}

.post-type-archive-programmes .program-tab-content{
	/*margin-bottom:300px;*/
}

body.page-template-default.page.parent-pageid-6685 .people-tabs-content { 
	/*margin-bottom: 300px; */
	margin-bottom: 100px;
}

body.page-template-default.page .people-tabs-content { 
	/*margin-bottom: 300px; */
	margin-bottom: 0px;
}

@media (min-width:320px) and (max-width:1023px){
	.chairmans-messages-row{
	margin-bottom: 20rem!important;
}

.department-history-row{
	margin-bottom: 20rem!important;
}

.newsletters-row{
	margin-bottom: 20rem!important;
}

.honours-and-awards-row{
	margin-bottom: 20rem!important;
}

.contact-us-row{
	margin-bottom: 20rem!important;
}

.contact-us-archive {
    margin-bottom: 20rem!importantv;
}

.research-areas-row{
	margin-bottom: 20rem!important;
}

.faculty-research-row{
	margin-bottom: 20rem!important;
}

.grants-and-funding-row{
	margin-bottom: 20rem!important;
}

.journal-editorship-row{
	margin-bottom: 20rem!important;
}

.computing-facilities-row{
	margin-bottom: 20rem!important;
}

.data-resources-row{
	margin-bottom: 20rem!important;
}

.career-and-professional-development-resources-row{
	margin-bottom: 20rem!important;
}

.alumni-association-row{
	margin-bottom: 20rem!important;
}

.alumni-whereabouts-row{
	margin-bottom: 20rem!important;
}

.alumni-whereabouts-row{
	margin-bottom: 20rem!important;
}
}

.chairmans-messages-row{
	margin-bottom: 17rem;
}

.department-history-row{
	margin-bottom: 17rem;
}

.newsletters-row{
	margin-bottom: 17rem;
}

.honours-and-awards-row{
	margin-bottom: 17rem;
}

.contact-us-row{
	margin-bottom: 17rem;
}

.contact-us-archive {
    margin-bottom: 17rem;
}

/*.research-areas-row{
	margin-bottom: 17rem;
}

.faculty-research-row{
	margin-bottom: 17rem;
}

.grants-and-funding-row{
	margin-bottom: 17rem;
}

.journal-editorship-row{
	margin-bottom: 17rem;
}

.computing-facilities-row{
	margin-bottom: 17rem;
}

.data-resources-row{
	margin-bottom: 17rem;
}

.career-and-professional-development-resources-row{
	margin-bottom: 17rem;
}
*/
.alumni-association-row{
	margin-bottom: 17rem;
}

.alumni-whereabouts-row{
	margin-bottom: 17rem;
}

.alumni-whereabouts-row{
	margin-bottom: 17rem;
}

.page-id-3330 .newsletters-archive .grid-x {
    justify-content: normal!important;
}

/****END****/

ul#footer-secondary-menu li {
    list-style-type: none;
}

ul#footer-secondary-menu li:before {
    content: '-';
    margin-right: 15px;
    font-weight: 600;
	color: #6e1b6f;
}

ul#footer-secondary-menu a {
    font-weight: 500!important;
}

li#latest-seminars-and-events {
    display: none!important;
}

@media (max-width:450px){
	.single-peoples ul#people-inner-page-tabs li {
    width:40%!important;
}
	.single-peoples li#faculty {
    width: 40%!important;
}
	.single-peoples li#staff{
		width: 40%!important;
	}
	.single-peoples li#phd-mphil-students{
		width: 40%!important;
	}
	.single-peoples li#visitors-postdoctoral-fellows{
		width: 40%!important;
	}
}
@media (max-width:450px){
	.single-peoples ul#people-inner-page-tabs {
    text-align: center;
    font-size: 16px;
}
}

@media (max-width: 767px) and (min-width:320px) {
	div#et-main-area {
    /*padding-top: 100px!important;*/ /*** 13/8/2021/ ***/
	padding-top: 70px!important;
}
}

div#et-main-area {
    /*padding-top: 140px;*/
	/* padding-top: 120px; */ /*** 13/8/2021/ ***/
	/*padding-top: 110px;*/ /*** 13/8/2021/ ***/
	padding-top: 100px;
}

@media (max-width: 767px) and (min-width:320px) {
.post-type-archive div#et-main-area {
    /*padding-top: 100px!important;*/ /*** 13/8/2021/ ***/
	padding-top: 70px!important;
}
}

/*.post-type-archive div#et-main-area {
    padding-top: 180px!important;
}*/

@media(max-width:767px){
	#sticky-menu-bar.fixed{
		top:110px;
	}
}

@media (min-width:320px) and (max-width:639px){
	#sticky-menu-bar.fixed{
		top:85px!important;
	}
}

@media (min-width:1024px) and (max-width:1520px){
	#sticky-menu-bar.fixed{
		/*top:150px;*/
		/*top:110px;*/
		/*top:95px;*/ /*** 13/8/2021/ ***/
		top:65px;
}
}
	
@media (min-width:768px) and (max-width:1023px){
	#sticky-menu-bar.fixed{
		/*top:150px!important;*/
		/*top:100px!important;*/ /*** 13/8/2021/ ***/
		top:70px!important;
}
}
	
@media(min-width:1521px){
	#sticky-menu-bar.fixed{
		/*top:160px!important;*/
		/*top:120px!important;*/
		/*top:110px!important;*/ /*** 13/8/2021/ ***/
		top:90px!important;
}
}

/*body.archive.tax-ptag nav.navigation.pagination {
    flex-direction: unset!important;
    display: block!important;
}

body.archive.category.category-student-issues nav.navigation.pagination {
    flex-direction: unset!important;
    display: block;
}*/

body.archive.tax-ptag .people-tabs-content {
    margin-bottom: 0px;
}

body.archive.category.category-student-issues .people-tabs-content {
    margin-bottom: 0px;
}

@media (max-width:639px){
.cell.large-10.medium-9.small-12.people-inner-content h1 {
    font-size: 25px;
    text-align: center;
    margin-top: 10px;
}
	
	table.people-table {
    box-shadow: 0px 0px 10px 0px #808080 !important;
    border: none !important;
    border-radius: unset !important;
}
}

/*ul#people-inner-page-tabs li:hover {
	background-image: linear-gradient( 
		90deg
		,#6e1b6f 15%,#000078 100%)!important;
	color: #fff!important;
}*/

ul#people-inner-page-tabs li a {
	display: flex;
    flex-direction: column;
    justify-content: center;
	height: 100%;
}

ul#people-inner-page-tabs li a:hover {
    /*color: #fff!important;*/
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*@media (max-width:639px){
body.peoples-template-default.single.single-peoples #sticky-menu-bar.fixed {
    top: 85px!important;
}
}*/

/*body.peoples-template-default.single.single-peoples .cell.large-2.medium-3.small-12.people-inner-image img{
    border-radius: 100%!important;
    box-shadow: 0px 10px 10px 0px #808080!important;
    object-fit: contain!important;
}*/

li#student-issue a {
    color: #333;
    font-family: unset!important;
    font-size: 0.9rem!important;
}

.post-2488 .sub-title {
    display: none;
}

.people-tabs-content .students-archive .card-image {
    /*height: 250px!important;*/
	height: 220px!important;
    width: 80%!important;
    /* margin: 5px auto 0; */
	background-size: 70%!important;
}

.students-archive .card-image {
    /* background-size: cover; */
    /* height: 200px; */
    background-position: center!important;
    background-repeat: no-repeat!important;
    /* position: relative; */
    /* min-height: 200px; */
    /* max-height: 200px; */
}

.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    height: 659px!important;
}

@media (max-width: 380px) and (min-width: 320px){
	@supports (-webkit-appearance:none){
.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    height: 459px!important;
}
	}
}

@media (max-width: 380px) and (min-width: 320px){
	@supports (-webkit-appearance:none){
.hyperlink-icon img {
    max-height: 1.8rem!important;
    padding: 5px!important;
}
}
}

/*** Jayson's Code - Slider in mobile responsive ***/

@media (max-width: 650px) and (min-width:320px) {
div#n2-ss-4 .n2-font-60e9ba8c41c503f6e360ac0156f2d6a2-hover {
    font-size: 120%;
	
}

div#n2-ss-4 .n2-font-5af25d2f402017b7e761152040b3a7dd-hover {
    /*font-size: 200%!important;*/
	font-size: 120%!important;
}
}

@media (max-width: 650px) and (min-width:320px) {
.n2-ss-layer.n2-ow {
    padding: 0px!important;
}
div#n2-ss-4item1 {
    font-size: 80%!important;
}
div#n2-ss-4 .n2-ss-button-container, div#n2-ss-4 .n2-ss-button-container a {
    display: inline-flex!important;
}
div#n2-ss-4 .n2-style-6d9322c2b47620700f1e42a1b4d2b16e-heading {
    padding: 0px 20px 0px 20px!important;
}
div#n2-ss-4 .n2-font-53b7007751f4005856e3a22bf4d34334-link a {
    font-size: 55%!important;
}
.more-info {
    width: 100%;
}
}

@media (max-width: 650px) and (min-width: 375px) {
div#n2-ss-4 .n2-ss-slider-2 {
	height: 180px!important;
}
}

@media (max-width: 374px) and (min-width:320px) {
div#n2-ss-4 .n2-ss-slider-2 {
	height: 150px!important;
}
.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    padding: 0.5em 0 0 0!important;
}
}

@media (max-width: 991px) and (min-width:768px) {
.n2-ss-slider-2.n2-ow {
    height: 350px!important;
}
div#n2-ss-4 .n2-font-24214c954b712b522c5a99f3efdde0c2-hover {
    font-size: 400%!important;
}
.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    padding: 0.5em 0 0 0!important;
}
}

@media (max-width: 991px) and (min-width:320px) {
.slider-title .n2-ss-button-container {
	margin-top: 10px!important;
}
}

@media (max-width: 650px) and (min-width:419px) {
	div#n2-ss-4item3 {
		/*font-size: 500% !important;*/
		/*font-size: 300% !important;*/
		font-size: 150% !important;
		/*margin-bottom: 10px;*/
	}
}

@media (max-width: 418px) and (min-width:350px) {
	div#n2-ss-4item3 {
		/*font-size: 400% !important;*/
		/*font-size: 300% !important;*/
		font-size: 150% !important;
		/*margin-bottom: 10px;*/
	}
}

@media (max-width: 349px) and (min-width:320px) {
	div#n2-ss-4item3 {
		/*font-size: 350% !important;*/
		/*font-size: 300% !important;*/
		font-size: 150% !important;
		/*margin-bottom: 10px;*/
	}
}

@media (max-width: 475px) and (min-width:320px) {
	div#n2-ss-4item4 {
		/*font-size:100% !important;*/
		font-size:50% !important;*
	}

	.n2-ss-button-container.n2-ss-item-content.n2-ow.n2-font-53b7007751f4005856e3a22bf4d34334-link.n2-ss-nowrap {
		margin-left: 10px;
		margin-right: 10px;
	}
}


@media (max-width: 650px) and (min-width:320px) {
.n2-section-smartslider.fitvidsignore.n2_clear {
    top: 0px!important;
}
	
	/*div#n2-ss-4 .n2-ss-slider-2 {
    height: 300px!important;
}*/
	
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    height: auto!important;
}
}

@media (max-width: 1023px) and (min-width:651px) {
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    height: auto!important;
}
}

@media (max-width: 1439px) and (min-width:1024px) {
	
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    height: 450px!important;
}
	div#n2-ss-4 .n2-ss-slider-2 {
    height: 450px!important;
}
}

@media (max-width: 1550px) and (min-width:1440px) {
	
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow.n-uc-140ba93286600-inner {
    height: 570px!important;
}
	div#n2-ss-4 .n2-ss-slider-2 {
    height: 550px!important;
}
}

/*** End Jayson's Code - Slider in mobile responsive ***/

@media (min-width: 641px){
.page-id-3254 #dos-tabs li.tabs-title {
    width: 30%!important;
    font-weight: 400;
    font-size: 15px!important;
    line-height: 15px;
}
}


@media (min-width: 641px){
.page-id-3254 ul#dos-tabs li a {
    font-size: 15px;
}
}

body.page-template-default.page.page-id-7443.page-child.parent-pageid-3147 ul#dos-tabs li a {
    font-size: 15px;
}

body.page-template-default.page.page-id-7473.page-child.parent-pageid-3147 ul#dos-tabs li a {
    font-size: 15px;
}

.faculty-archive .title.font-grey-light.font-16 {
    padding: 0px 30px!important;
}

.single-peoples .cell.large-2.medium-3.small-12.people-inner-image img {
    width: 100%;
}

@media (max-width: 1439px) and (min-width:1024px) {
.people-tabs-content .students-archive .card-image {
    width: 90%!important;
    background-size: 100%!important;
}
}
	
/*footer*/
footer#main-footer {
	color: #fff;
	font-size: .875rem !important;
	position: relative;
	padding-bottom: 0px!important;
}

#main-footer .wrapper {
	max-width: 1700px !important;
}

footer#main-footer .wrapper {
	background: #f2f2f2 !important;
	padding: 0 !important;
}

@media (min-width: 640px) {
	#main-footer .wrapper>.grid-x>.cell {
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
}

@media (min-width: 640px) {
	#main-footer .footer-cross-sites .footer-cuhk-logo {
		-ms-flex: auto;
		-ms-flex-align: end;
		-ms-flex-order: 3;
		-ms-flex-pack: center;
		-webkit-box-align: end;
		-webkit-box-flex: 1;
		-webkit-box-ordinal-group: 4;
		-webkit-box-pack: center;
		align-items: flex-end;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex: auto;
		justify-content: center;
		order: 3;
	}
}

#main-footer .footer-cross-sites .footer-cuhk-logo {
	-ms-flex: 1 1 33%;
	-webkit-box-flex: 1;
	flex: 1 1 33%;
	text-align: center;
}

#main-footer a {
	color: inherit;
	/*display: inline-block;*/
}

@media (min-width: 640px) {
	#main-footer .footer-cross-sites .footer-biz-tagline {
		-ms-flex: auto;
		-ms-flex-order: 1;
		-webkit-box-flex: 1;
		-webkit-box-ordinal-group: 2;
		flex: auto;
		order: 1;
	}
}

#main-footer .footer-cross-sites .footer-biz-tagline {
	-ms-flex: 1 1 66%;
	-webkit-box-flex: 1;
	flex: 1 1 66%;
	text-align: center;
}

@media (min-width: 640px) {
	#main-footer .footer-current-site {
		padding-left: 2rem;
	}
}

@media (min-width: 640px) {
	#main-footer .footer-current-site:before {
		background: inherit;
		bottom: 0;
		/* content: ""; */
		display: block;
		height: 100%;
		left: 50%;
		position: absolute;
		top: 0;
		width: 49.4vw;
	}
}

#main-footer .wrapper>.grid-x>.cell>.container {
	width: unset !important;
	max-width: none !important;
}
#main-footer .footer-current-site>* {
	position: relative;
}

ul#menu-footer-menu {
	padding: 0 !important;
}

ul#menu-footer-menu, ul#menu-second-main-menu {
	position: relative;
	display: flex;
	flex-basis: 7rem;
}

.bottom-nav li {
	padding-left: 0px !important;
	margin-left: 0px !important;
	position: relative;
	padding-right: 15px !important;
}

#main-footer li a {
	text-decoration: none;
	/*display: flex;*/
	flex-direction: row;
	/* justify-content: center; */
	/* text-align: center; */
}

ul.sub-menu {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
}

ul#menu-footer-menu>li>a, ul#menu-second-main-menu>li>a {
	font-size: 27px !important;
	margin-bottom: 20px;
	font-weight: 900;
}

ul.sub-menu li a {
	font-size: 20px !important;
}

.footer-cuhk-logo img, .footer-biz-tagline img {
	width: 40% !important;
	margin-bottom: 80px;
}

.footer-biz-tagline img {
	width: 67% !important;
}

@media (min-width: 1024px) {
	.footer-copyright {
		margin: 0;
	}
}

@media (min-width: 640px) {
	.footer-copyright {
		text-align: left;
	}
}

.footer-info {
	width: 100%;
	color: #ffffff !important;
	height: 30px;
}

/*div#footer-bottom {
	display: none;
}*/

.privacy ul {
	display: flex;
	flex-direction: row;
}

.privacy {
	margin-top: 20px;
}

.privacy ul {
	margin-left: 0 !important;
}

.privacy li {
	margin-right: 10px;
}

ul#menu-second-main-menu {
	width: 100%;
}

ul#menu-second-main-menu li {width: 20%;}

.footer-stat-logo {
	text-align: center;
}

.footer-stat-logo p {
	font-size: 45px;
}
/********end***************/

ul#footer-primary-menu li::marker {
    color: #6e1b6f;
    /*font-size: 1.2em;*/
	font-size: 0em;
	display:none;
}


ul#footer-secondary-menu li:before {
    content: '-';
    margin-right: 15px;
    font-weight: 600;
	color: #6e1b6f;
	display:none;
}

ul {
    margin-left: 10px;
}

@media (max-width: 1600px) and (min-width: 1200px){
#main-footer .footer-logo img {
    max-height: 55px;
}
}

@media (min-width: 1700px){
.contact-content, #contact-us {
    height: 700px;
}
}

.postid-6535 .sub-title {
    display: none;
}

.postid-6549 tbody, tfoot, thead {
    border: 0px solid #f1f1f1;
    background-color: #fefefe;
}

.postid-6549 .sub-title {
    display: none;
}

.postid-6568 tbody, tfoot, thead {
    border: 0px solid #f1f1f1;
    background-color: #fefefe;
}

.postid-6568 .sub-title {
    display: none;
}

.postid-5661 .sub-title {
    display: none;
}

.postid-6580 tbody, tfoot, thead {
    border: 0px solid #f1f1f1;
    background-color: #fefefe;
}

.postid-6580 .sub-title {
    display: none;
}

.postid-5657 .sub-title {
    display: none;
}

.postid-6669 .sub-title {
    display: none;
}

.postid-6532 .sub-title {
    display: none;
}

@media (min-width:992px){
.postid-6532 .row.others .column.medium-4 {
    margin-bottom: 50px;
}
}

@media (max-width:991px){
.postid-6532 .row.others .column.medium-4 .card-container {
    width: 100%!important;
}
	
.postid-6532 .row.others .column.medium-4 .card-container .card-programmes .card-image .quicklinks-text h4 {
    font-size: 16px!important;
	padding: 0px 10px!important;
}
	
.postid-6532 .row.others {
    margin: 0px!important;
}
	
body.archive.post-type-archive.post-type-archive-programmes .row.others {
    margin: 0px!important;
}
	
body.archive.post-type-archive.post-type-archive-programmes .row.others .column.medium-4 .card-container .card-programmes .card-image .quicklinks-text h4 {
    font-size: 16px!important;
	padding: 0px 10px!important;
}
}

@media (max-width:639px){
body.archive.post-type-archive.post-type-archive-programmes .row.others .column.medium-4 .card-container {
    width: 100%!important;
}
}

body.archive.post-type-archive.post-type-archive-programmes div#internship .cell.large-6.medium-5.small-12 a {
	text-transform: uppercase;
    opacity: 0.7;
    font-size: 16px;
}

body.archive.post-type-archive.post-type-archive-programmes div#internship .cell.large-6.medium-5.small-12 a:hover {
    text-transform: uppercase;
    opacity: 1;
	color:#6e1b6f;
    font-size: 18px;
    text-shadow: 2px 2px 8px #fff;
}

body.archive.post-type-archive.post-type-archive-programmes .minor-programmes-row {
    margin-top: 10px;
}

body.archive.post-type-archive.post-type-archive-programmes .courses-row {
    margin-top: 10px;
}

body.archive.post-type-archive.post-type-archive-programmes .courses-postgraduate-studies-row {
    margin-top: 10px;
}

body.archive.post-type-archive.post-type-archive-programmes div#internship {
    padding: 0px!important;
	margin-top: 10px;
}

body.archive.post-type-archive.post-type-archive-programmes .a-quick-links-row {
	margin-top: 10px;
}

body.archive.post-type-archive.post-type-archive-programmes .row.others {
    margin-top: 0px!important;
}

body.archive.post-type-archive.post-type-archive-programmes .research-based-programmes-row {
    margin-top: 10px!important;
}


body.archive.post-type-archive.post-type-archive-programmes .taught-programmes-row {
	margin-top: 10px;
}

.postid-2605 p+p:last-child>a:only-child {
    font-weight: 500;
}

@media (max-width:1056px){
div#et-main-area {
    /* padding-top: 120px; */
	padding-top: 110px;
}
}

@media (min-width:1024px) and (max-width: 1056px){
/*.top-main {
    min-height: 120px;
}*/
	#secondary-menu>li>a {
    font-size: 12px!important;
}
}

/*** People Pages ***/

/*** Page-id-6690 --- FACULTY ***/
.page-id-6690 .faculty-archive {
    display: block!important;
}

.page-id-6690 .card {
    box-shadow: 0px 0px 0px 0px!important;
    margin-bottom: 0rem;
}

.page-id-6690 .font-20 {
    font-size: 18px !important;
}

.page-id-6690 .row {
    margin-right: 20px!important;
    margin-left: 20px!important;
    /* margin-top: 32px; */
    margin-top: 0px;
}

.page-id-6690 .column {
     padding: 0px!important; 
     height: 100%; 
}

.page-id-6690 .tabs-title>a {
    color: #333;
}

@media (max-width:767px){
.page-id-6690 #people-tabs li.tabs-title.is-active {
    font-size: 12px!important;
}

.page-id-6690 #people-tabs li.tabs-title a {
    font-size: 12px!important;
}
}

@media (min-width: 1024px) and (max-width: 1300px){
.wrapper .people-tabs-content .card-image {
    min-height: 200px!important;
}	
}

@media (min-width:1024px) and (max-width:1399px){
.page-id-6690 #people-tabs li.tabs-title.is-active {
    font-size: 14px!important;
}

.page-id-6690 #people-tabs li.tabs-title a {
    font-size: 14px!important;
}
}

/*** Page-id-6697 --- STAFF ***/
.page-id-6697 .staff-archive {
	display: block!important;
}

.page-id-6697 .tabs-title>a {
    color: #333;
}

@media (max-width:767px){
.page-id-6697 #people-tabs li.tabs-title.is-active {
    font-size: 12px!important;
}

.page-id-6697 #people-tabs li.tabs-title a {
    font-size: 12px!important;
}
}

@media (min-width:1024px) and (max-width:1399px){
.page-id-6697 #people-tabs li.tabs-title.is-active {
    font-size: 14px!important;
}

.page-id-6697 #people-tabs li.tabs-title a {
    font-size: 14px!important;
}
}


/*** Page-id-6700 --- VISITORS/POSTDOCTORAL FELLOWS ***/
.page-id-6700 .visitors-archive {
    display: block!important;
}

.page-id-6700 .tabs-title>a {
    color: #333;
}

@media (max-width:767px){
.page-id-6700 #people-tabs li.tabs-title.is-active {
    font-size: 12px!important;
}

.page-id-6700 #people-tabs li.tabs-title a {
    font-size: 12px!important;
}
}

@media (min-width:1024px) and (max-width:1399px){
.page-id-6700 #people-tabs li.tabs-title.is-active {
    font-size: 14px!important;
}

.page-id-6700 #people-tabs li.tabs-title a {
    font-size: 14px!important;
}
}

/*** Page-id-6705 --- PhD/MPhil STUDENTS ***/
.page-id-6705 .students-archive {
	display: block!important;
}

.page-id-6705 .card {
    box-shadow: 0px 0px 0px 0px!important;
    margin-bottom: 0rem;
}

.page-id-6705 .font-20 {
    font-size: 18px !important;
}

.page-id-6705 .row {
    margin-right: 20px!important;
    margin-left: 20px!important;
    /* margin-top: 32px; */
    margin-top: 0px;
}

.page-id-6705 .column {
     padding: 0px!important; 
     height: 100%; 
}

.page-id-6705 .tabs-title>a {
    color: #333;
}

@media (max-width:767px){
.page-id-6705 #people-tabs li.tabs-title.is-active {
    font-size: 12px!important;
}

.page-id-6705 #people-tabs li.tabs-title a {
    font-size: 12px!important;
}
}

@media (min-width:1024px) and (max-width:1399px){
.page-id-6705 #people-tabs li.tabs-title.is-active {
    font-size: 14px!important;
}

.page-id-6705 #people-tabs li.tabs-title a {
    font-size: 14px!important;
}
}

/*** End People Pages ***/

@media (max-width: 767px){
/*.staff-archive {
    overflow-x: scroll;
    display: grid!important;
}
	
.administrative-staff-row {
    overflow-x: scroll;
	display: grid!important;
}
	
.technical-staff-row {
    overflow-x: scroll;
	display: grid!important;
}*/
table {
    overflow: scroll;
    display: grid;
    border: 0px;
}
/*body.programmes-template-default.single.single-programmes.postid-2601 table {
    display: unset;
}*/
}

body.peoples-template-default.single.single-peoples .tabs-title>a {
    color: #333;
}

@media (max-width:767px){
#about-us-tabs li.tabs-title {
    font-size: 12px;
}
}

@media (min-width:1024px) and (max-width:1399px){
#about-us-tabs li.tabs-title {
    font-size: 14px;
}
}
	
	
@media (max-width:767px){
#dos-tabs li.tabs-title {
    font-size: 12px;
}
}

@media (min-width:1024px) and (max-width:1399px){
#dos-tabs li.tabs-title {
    font-size: 14px;
}
}

@media (max-width:767px){
#programme-tabs li.tabs-title {
    font-size: 14px;
}
}

@media (min-width:1024px) and (max-width:1399px){
#programme-tabs li.tabs-title {
    font-size: 14px;
}
}

@media (max-width:767px){
ul#people-tabs, ul#programme-tabs, ul#events-tabs, ul#dos-tabs, ul#about-us-tabs {
    font-size: 12px!important;
}
}

@media (min-width:768px) and (max-width:1023px) {
ul#people-tabs, ul#programme-tabs, ul#events-tabs, ul#dos-tabs, ul#about-us-tabs {
    font-size: 12px!important;
}
}

/*** About-us --- Drop Down ***/

/* Style The Dropdown Button */
.dropbtn {
  background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
  color: white!important;
  /*padding: 16px;*/
  font-size: 16px;
  border: none;
  cursor: pointer;
  margin-bottom:10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #e9e6df;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

button.dropbtn:after {
    display: block;
    font-family: 'Font Awesome 5 Free';
    content: "\f0d7";
    margin-left: 10px;
}

.mobile-version {
    display: flex;
    justify-content: center;
}

/*** End dropdown ***/

@media (max-width:767px){
.desktop-version {
    display: none;
}
}


@media (min-width:767px){
.mobile-version {
    display: none;
}
}

@media (min-width: 768px) and (max-width: 1229px){
#sticky-menu-bar.fixed {
    width: 93%!important;
}
}

@media (max-width:767px){
.research-area-text li {
    font-size: 12px!important;
}
}

@media (min-width:768px) and (max-width:1440px){
.research-area-text li {
    font-size: 14px!important;
}
}

@media (max-width:767px){
.people-tabs-content h3, .about-us-tabs-content h3, .dos-tabs-content h3, .programme-tabs-content h3 {
    font-size: 12pt;
}
}

@media (max-width: 767px){
.page-id-3330 .card-student-issues .card-content {
    min-height: 40px !important;
}
}

@media (min-width: 768px) and (max-width:1024px){
.page-id-3330 .font-20 {
    font-size: 13px !important;
}
.page-id-3330 .font-16 {
    font-size: 13px !important;
}
}

@media (max-width: 767px){
.banner {
    min-height: 100px!important;
}
}

.page-id-6705 .filter-group {
	width: 95%;
    display: flex;
    margin-bottom: 10px;
    margin-left: 2.5%;
}

.page-id-6705 select#year {
    margin-right: 10px;
}

.page-id-6705 select#title {
    margin-right: 10px;
}

.page-id-6705 button#resetBtn {
    padding: 5px;
}

.list-view-of-faculty {
	text-align-last: end;
    width: 98.5%;
    margin-bottom: 5px;
}

button.classic-view {
    padding: 10px;
}

button.simple-view {
    padding: 10px;
}

button.classic-view:active {
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#040178 100%);
    color: #fff;
}

button.simple-view:active {
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#040178 100%);
    color: #fff;
}
	
.adjunct-assistant-professor-row .card-content {
    min-height: 0px!important;
}
	
.professor-by-courtesy-row .card-content {
    min-height: 0px!important;
}
	
.honorary-professor-row .card-content {
    min-height: 0px!important;
}
	
.adjunct-professor-row .card-content {
    min-height: 0px!important;
}
	
/*body.page-template-default.page.page-child.parent-pageid-6685 .wrapper {
    padding: 10px 30px 10px;
}*/

body.page-template-default.page .wrapper {
    padding: 10px 30px 10px;
}

body.archive.post-type-archive.post-type-archive-programmes .wrapper {
    padding: 10px 30px 10px!important;
}

body.peoples-template-default.single.single-peoples .wrapper {
    padding: 10px 30px 10px!important;
}

@media (max-width:1023px){
.chairman-banner .p-20.flex.flex-center.font-white.mt-64.text-center {
    margin-top: 0px!important;
    padding: 10px 10px 10px!important;
}
.chairman-banner p.quote.w55.font-lato-regular.font-24.m-font-16.pl-20 {
    padding: 0 10px!important;
}
.chairman-banner .flex.flex-column.font-white.p-20 {
    padding-top: 0px!important;
    padding-bottom: 10px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}
}

.page-id-3330 #chairman-message {
    background-image: none;
    background-size: cover;
}

ul#about-us-tabs-mobile #chairman-message{
    background-image: none;
    background-size: cover;
}

@media (max-width: 767px){
.page-id-3330 #contact-us {
	height: unset;
}
}

/******image lightbox******************/
/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
	position: fixed;
	top: -100%;
	width: 100%;
	background: rgba(0,0,0,.7);
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	overflow: hidden;
	left: 0 !important;
    z-index: 999;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
	margin: auto;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom: 0;
	max-height: 0%;
	max-width: 0%;
	border: 3px solid white;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	box-sizing: border-box;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;

}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
	display: block;
	width:50px;
	height:50px;
	box-sizing: border-box;
	background: white;
	color: black;
	text-decoration: none;
	position: absolute;
	top: -80px;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top:10px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top:10px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
	opacity: 1;
	top: 0;
	bottom: 0;
}

.lightbox-target:target img {
	max-height: 100%;
	max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
	top: 180px;
}


body.page-template-default.page.page-child.parent-pageid-3330 .tabs-title>a {
    color: #333;
}

/*** About Us ***/

@media (min-width:320px){
body.page-template-default.page.page-child.parent-pageid-3330 .chairmans-messages-row{
	margin-bottom: 0rem!important;
}

body.page-template-default.page.page-child.parent-pageid-3330 .department-history-row{
	margin-bottom: 0rem!important;
}

body.page-template-default.page.page-child.parent-pageid-3330 .newsletters-row{
	margin-bottom: 0rem!important;
}

body.page-template-default.page.page-child.parent-pageid-3330 .honours-and-awards-row{
	margin-bottom: 0rem!important;
}

body.page-template-default.page.page-child.parent-pageid-3330 .contact-us-row{
	margin-bottom: 0rem!important;
}

body.page-template-default.page.page-child.parent-pageid-3330 .contact-us-archive {
    margin-bottom: 0rem!important;
}
}

/*** End ***/

/*** Alumni ***/

@media (min-width:320px){
body.page-template-default.page.page-child.parent-pageid-3147 .alumni-association-row{
	margin-bottom: 0rem!important;
}

body.page-template-default.page.page-child.parent-pageid-3147 .alumni-whereabouts-row{
	margin-bottom: 0rem!important;
}
}

/*** End ***/

body.page-template-default.page.page-child.parent-pageid-3330 .newsletters-archive .grid-x {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: flex-start;
}

.newsletters-archive .grid-x {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: flex-start;
}

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
   /* Sit on top */
   /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  margin: 0 auto !important;
}

img#myImg-modal {
    margin: 0 auto;
    margin-top: 250px;
    display: block;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}


/* The Close Button */
.close {
  position: absolute;
  top: 150px;
  right: 35px;
  color: #f1f1f1 !important;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb !important;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/*@media (max-width:430px) {
	.fp-title a {
		font-size: 25px !important;
	}
}*/

@media (max-width:585px) {
	.fp-title .w-30-p {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.fp-title .w-70-p {
		width: 100% !important;
	}

	.fp-title .flex.flex-between {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
}

.et-show-dropdown .sub-menu {
    display: block !important;
	margin-left: 0px !important;
}

.header-button .off-canvas ul.sub-menu li {
    border-bottom: none !important;
}

.et-show-dropdown>a {
    border-bottom: 1px solid white;
    color: #333333 !important;
    background: #e9e6df;
    border: 0;
}

.header-button li.menu-highlight>a:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
}

.header-button li.menu-highlight.et-show-dropdown>a:after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
}

@media (min-width: 426px) and (max-width: 767px){
	.card-image {
		height: 400px;
	}
}

.newsletters-archive .card-content {
    padding: 20px !important;
}

.newsletters-archive .card-content h4 {
    padding: 0;
    margin: 0;
}

.button-programme {
    list-style-type: none;
    display: inline-block;
    color: #808080;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 20px 20px;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
    /* font-size: 16px; */
}

.center {
    text-align: center;
}

a.button-programme:hover {
    color: #61005a !important;
}

a.button-programme.is-active {
    color:#ffffff !important;
    background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%);
    font-family: unset!important;
}

.postid-2488 .mtb-64.w-full.p-30 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 1024px){
li.menu-highlight.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children a {
    color: #333333;
    background: #e9e6df;
}
}

.right-0>* {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.undergraduate-archive .wrapper {
    padding: 20px;
    margin: 0 auto !important;
}

body.programmes-template-default.single.single-programmes.postid-2488 .undergraduate-archive .wrapper {
    padding: 20px;
}

body.programmes-template-default.single.single-programmes.postid-2488 .program-tab-content h3 {
    margin-bottom: 0px;
}

body.programmes-template-default.single.single-programmes.postid-2503 .program-tab-content h3 {
    margin-bottom: 0px;
}

body.programmes-template-default.single.single-programmes.postid-2505 .program-tab-content h3 {
    margin-bottom: 0px;
}

body.programmes-template-default.single.single-programmes.postid-2505 .sub-title {
    display: none;
}

body.programmes-template-default.single.single-programmes.postid-2503 .sub-title {
    display: none;
}

@media (max-width:499px) and (min-width:351px){
    .border-bottom-purple a {
        font-size: 23px;
    }

    .fp-title .font-18 {
        font-size: 15px !important;
    }

    .header-icon {
        height: auto !important;
        width: 60px !important;
    }
}

@media (max-width:350px) and (min-width:320px){
    .border-bottom-purple a {
        font-size: 19px;
    }

    .fp-title .font-18 {
        font-size: 15px !important;
    }

    .header-icon {
        height: auto !important;
        width: 50px !important;
    }

    .explore {
        font-size: 13px !important;
    }
}

.newsletters-archive .card-content h4:hover {
    color: #61005a !important;
}

ul#dos-tabs .tabs-title>a {
    color: #333;
}

li.anchor {
    top: -250px;
}

.banner-purple {
    min-height: 380px;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 0px;
    background-size: cover;
    position: relative;
    background-image: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/uploads/programme-overview-bg.png);
    padding: 100px 60px;
}

#major-programme-requirements .w-200{
    width: 300px !important;
}

#major-programme-requirements .program:before {
    width: 300px !important;
}

#major-programme-requirements .h-500 {
    min-height: 300px;
}

#major-programme-requirements .mw-1040 {
    max-width: 1200px;
}
.postid-2488 #major-programme-requirements .panel1 .mtb-64 .mt-32:nth-child(1) .p-20 {
	min-height: 365px !important;
}
.postid-2488 #major-programme-requirements .panel1 .mtb-64 .mt-32:nth-child(2) .p-20 {
	min-height: 420px !important;
}
.postid-2488 #major-programme-requirements .panel1 .mtb-64 .mt-32:nth-child(4) .p-20 {
	min-height: 440px !important;
}
.postid-2488 #major-programme-requirements .panel2 .mtb-64 .mt-32:nth-child(4) .p-20 {
	min-height: 450px !important;
}
.postid-2488 #major-programme-requirements .panel3 .mtb-64 .mt-32:nth-child(1) .p-20 {
	min-height: 480px !important;
}
.postid-2488 #major-programme-requirements .panel3 .mtb-64 .mt-32:nth-child(4) .p-20 {
	min-height: 460px !important;
}
/*.postid-2488 #major-programme-requirements .panel3 {
	max-height: 2750px;
}*/
.postid-2488 #major-programme-requirements .panel4 .mtb-64 .mt-32:nth-child(1) .p-20 {
	min-height: 500px !important;
}
.postid-2488 #major-programme-requirements .panel4 .mtb-64 .mt-32:nth-child(2) .p-20 {
	min-height: 520px !important;
}
.postid-2488 #major-programme-requirements .panel4 .mtb-64 .mt-32:nth-child(4) .p-20 {
	min-height: 450px !important;
}
.postid-2488 #major-programme-requirements .panel5 .mtb-64 .mt-32:nth-child(1) .p-20 {
	min-height: 490px !important;
}
.postid-2488 #major-programme-requirements .panel5 .mtb-64 .mt-32:nth-child(4) .p-20 {
	min-height: 490px !important;
}
.postid-2488 #major-programme-requirements .panel6 .mtb-64 .mt-32:nth-child(1) .p-20 {
	min-height: 680px !important;
}
.postid-2488 #major-programme-requirements .panel6 .mtb-64 .mt-32:nth-child(4) .p-20 {
	min-height: 520px !important;
}
/*.postid-2488 #major-programme-requirements .panel3 {
	max-height: 3500px;
}*/
/*.postid-2488 #major-programme-requirements .panel .mtb-64 .mt-32 .p-20 p {
	text-align: left !important;
}*/

.postid-2488  .font-white.font-14.text-center.mt-32 {
    text-align: left!important;
}

body.page-template-default.page.page-id-6690.page-child.parent-pageid-6685 section.banner.purple-layer {
    display: none;
}

body.peoples-template-default.single.single-peoples section.banner.purple-layer {
    display: none;
}

body.page-template-default.page.page-child.parent-pageid-6685 section.banner.purple-layer {
    display: none;
}

@media(max-width:767px){
div#rgc-general-research-fund table {
    overflow: scroll;
    display: flex;
    border: 0px;
}
div#external-grants-from-other-major-funding-sources table {
    overflow: scroll;
    display: flex;
    border: 0px;
}
.journal-editorship-row table {
	overflow: scroll;
    display: flex;
    border: 0px;
}
div#statistics-phd-alumni table {
	overflow: scroll;
    display: flex;
    border: 0px;
}
div#statistics-mphil-alumni table {
	overflow: scroll;
    display: flex;
    border: 0px;
}
div#risk-management-science-mphil-alumni table {
	overflow: scroll;
    display: flex;
    border: 0px;
}
}

body.peoples-template-default.single.single-peoples .inner-people-content {
    margin-bottom: 100px;
}

div#tab-for-mobile-version {
    margin-top: 20px;
}

div#sticky-menu-bar.fixed div#tab-for-mobile-version {
    margin-top: 0px;
}

ul#people-tabs {
    margin-top: 20px;
}

div#sticky-menu-bar.fixed ul#people-tabs {
    margin-top: 0px;
}

@media (max-width:767px){
body.peoples-template-default.single.single-peoples table.people-table {
    overflow: scroll;
    display: grid;
}
}
	
tr.no-border td {
border: 0px solid #ececec!important;
}

body.page-template.page-template-events.page-template-events-php tbody, tfoot, thead {
    border: 0px solid #f1f1f1!important;
}

@media (min-width:1440px){
body.page-template.page-template-events.page-template-events-php .flex.flex-column {
    min-height: 120px;
}
}

body.page-template.page-template-events.page-template-events-php .flex.flex-column {
    min-height: 150px;
}

div#search-dropdown {
    z-index: 9999;
}

.undergraduate-external-link a::before{
    background-image: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/uploads/2021/05/external-link-1.png);
    background-size: 15px 15px;
    display: inline-block;
    width: 20px;
    height: 15px;
    content: "";
    background-repeat: no-repeat;
    margin-left: 5px;
}

@media (max-width:767px){
.undergraduate-external-link {
    text-align: center!important;
}
}

body.programmes-template-default.single.single-programmes .wrapper {
    padding: 10px 30px 10px!important;
}

body.programmes-template-default.single.single-programmes .tabs-title>a {
    color: #333;
}

/*body.programmes-template-default.single.single-programmes ul#programme-tabs li:hover {
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    color: #fff!important;
}*/

/*body.programmes-template-default.single.single-programmes ul#programme-tabs li a:hover {
    color: #fff!important;
}*/

body.programmes-template-default.single.single-programmes ul#programme-tabs li a {
    display: contents;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/*body.programmes-template-default.single.single-programmes .program-tab-content {
    margin-bottom: 300px;
}*/

/*body.programmes-template-default.single.single-programmes #sticky-menu-bar ul.tabs li:hover a {
	color: white;
}

/*#sticky-menu-bar ul#dos-tabs:hover li a{
	color:#333;
}*/

div#learn-more-info a::after {
    background-image: url(/20241031215105oe_/http://www.sta.cuhk.edu.hk/wp-content/uploads/Asset-2@4x.png);
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-bottom: -3px;
}

div#learn-more-info img {
    display: none;
}


@media (max-width:767px){
table.facultyList {
    overflow: scroll;
    display: grid;
}
}

.panel.panel2::after {
    content: '@Student may take STAT4011 as a substitute for STAR4000.';
}

.panel.panel4::after {
    content: '@Student may take STAT4011 as a substitute for STAR4000.';
}

.panel.panel6::after {
    content: '@Student may take STAT4011 as a substitute for STAR4000.';
}

@media (min-width:768px) and (max-width:1023px){
body.archive.post-type-archive.post-type-archive-programmes .card-landing-title h4 {
    min-height: 100px;
}
}

@media (min-width:1024px) and (max-width:1447px){
body.archive.post-type-archive.post-type-archive-programmes .card-landing-title h4 {
    min-height: 100px;
}
}

.p-10-10 {
    padding: 10px 10px 10px 10px;
}

@media (min-width:768px) and (max-width:991px){
body.home.page-template-default.page.page-id-82 .bg-black.opacity-90.font-white.w-80-p.pos-abs.right-bottom.p-20 {
    width: 90%;
}
body.home.page-template-default.page.page-id-82 .news-one .bg-black.opacity-90.font-white.w-80-p.pos-abs.right-bottom.p-20 {
    width: 90%;
}
}

.w-calc-50 {
    width: calc(100% /2);
}

td.btn-view-more {
    cursor: pointer;
}

@media (max-width:640px){
body.home.page-template-default.page.page-id-82 .card-seminars-events .card-content {
    max-height: 230px !important;
}
}

body.home section#contact-us {
    height: 500px!important;
    overflow: hidden!important;
}

/*** Table postgraduate ***/

body.single.single-programmes colgroup {
    width: 30%;
}


@media (max-width:767px){
body.single.single-programmes td.stream-content-text {
    width: 100%;
}
}

@media (min-width:1200px) and (max-width:1262px){
iframe.w-full {
    max-height: 370px!important;
}
}

@media (min-width:1263px) and (max-width:1300px){
iframe.w-full {
    max-height: 325px!important;
}
}


@media (min-width:1920px){
iframe.w-full {
    max-height: 525px!important;
}
}

button.close-button span {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    /* font-size: 25px; */
}

@media (max-width:639px){
body.page-template-default.page.page-id-6981.page-child.parent-pageid-3330 .card-student-issues {
    min-height: 200px;
}

body.page-template-default.page.page-id-6981.page-child.parent-pageid-3330 .card-student-issues .card-content {
    min-height: 0px !important;
}
}

@media (min-width:640px) and (max-width:768px){
body.archive.category.category-student-issues.category-9 .card-image {
    min-height: 100px!important;
	height:0px!important;
}
body.archive.category.category-student-issues.category-9 .card-image .card-content{
	height:600px!important;
}
}

@media (min-width:1024px){
body.archive.category.category-student-issues.category-9 .card-content {
min-height: 450px;
}
}

@media (max-width: 639px){
	.category-9 .people-tabs-content .card-content {
		height: 250px;
	}
}

/*@media (max-width: 850px){
	.category-9 .people-tabs-content .card-content {
		min-height: 250px;
	}
}*/

.off-canvas.is-transition-overlap.is-open button.close-button:before {
   display: none!important;
	visibility:hidden!important;
}

div#dnn_ctr566abcz_ContentPane {
    display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}

@media (min-width:1351px){
.header-logo img {
    width: 170px;
    left: 20px;
}
}

div#catapult-cookie-bar {
    display: none;
}

.small-4.columns.text-right {
    padding: 0px!important;
}

div#statistics-phd-alumni a:before{
	display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}

div#statistics-mphil-alumni a:before{
	display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}

div#risk-management-science-mphil-alumni a:before{
	display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}

.page-id-3254 div#provided-by-our-department a:before{
	display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
	visibility: hidden;;
    pointer-events: none;
}

.page-id-3254 div#others a.others:before{
	display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}

ul li ol li {
    list-style: decimal!important;
}

.header-logo {
    display: block!important;
}
.page-id-6690 .card-content a .font-20.font-bold {
    color: #61005a!important;
}

.frm_style_formidable-style.with_frm_style .form-field {
    padding-top: 25px!important;
}

@media (max-width: 2400px) and (min-width: 768px){
.home .seminar-events-section .h-full {
    width: 90%!important;
}
}

.home a.read-more.font-14.m-font-10:hover {
    color: gold!important;
}

div#border-color-image {
    border-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%) !important;
    border-image-slice: 1 !important;
    border-bottom: 8px solid !important;
}

/*** Research Area ***/

/*.research-areas-row h3:after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    margin-left: 15px;
}*/

h3#Actuarial\ Science\,\ Mathematical\ Finance\ and\ Risk\ Management\ Science::after {
    position: absolute;
    overflow: hidden;
    width: 65%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Big\ Data\ Analytics::after {
    position: absolute;
    overflow: hidden;
    width: 20%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Biostatistics\ and\ Bioinformatics::after {
    position: absolute;
    overflow: hidden;
    width: 33%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Other\ Interdisciplinary\ and\ Collaborative\ Research::after {
    position: absolute;
    overflow: hidden;
    width: 48%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistical\ Theory\ and\ Methodology::after {
    position: absolute;
    overflow: hidden;
    width: 35%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistics\ in\ Education\,\ Policy\ and\ Social\ Sciences::after {
    position: absolute;
    overflow: hidden;
    width: 48%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

@media (min-width:320px) and (max-width:1023px){
h3#Actuarial\ Science\,\ Mathematical\ Finance\ and\ Risk\ Management\ Science::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Big\ Data\ Analytics::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Biostatistics\ and\ Bioinformatics::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Other\ Interdisciplinary\ and\ Collaborative\ Research::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistical\ Theory\ and\ Methodology::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistics\ in\ Education\,\ Policy\ and\ Social\ Sciences::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}
}

@media (min-width:1024px) and (max-width:1439px){
h3#Actuarial\ Science\,\ Mathematical\ Finance\ and\ Risk\ Management\ Science::after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Big\ Data\ Analytics::after {
    position: absolute;
    overflow: hidden;
    width: 30%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Biostatistics\ and\ Bioinformatics::after {
    position: absolute;
    overflow: hidden;
    width: 50%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Other\ Interdisciplinary\ and\ Collaborative\ Research::after {
    position: absolute;
    overflow: hidden;
    width: 75%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistical\ Theory\ and\ Methodology::after {
    position: absolute;
    overflow: hidden;
    width: 55%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistics\ in\ Education\,\ Policy\ and\ Social\ Sciences::after {
    position: absolute;
    overflow: hidden;
    width: 75%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}
}

@media (min-width:1440px) and (max-width:1699px){
h3#Actuarial\ Science\,\ Mathematical\ Finance\ and\ Risk\ Management\ Science::after {
    position: absolute;
    overflow: hidden;
    width: 85%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Big\ Data\ Analytics::after {
    position: absolute;
    overflow: hidden;
    width: 25%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Biostatistics\ and\ Bioinformatics::after {
    position: absolute;
    overflow: hidden;
    width: 43%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Other\ Interdisciplinary\ and\ Collaborative\ Research::after {
    position: absolute;
    overflow: hidden;
    width: 65%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistical\ Theory\ and\ Methodology::after {
    position: absolute;
    overflow: hidden;
    width: 45%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}

h3#Statistics\ in\ Education\,\ Policy\ and\ Social\ Sciences::after {
    position: absolute;
    overflow: hidden;
    width: 65%;
    height: 2px;
    content: '\a0';
    background-image: linear-gradient( 90deg,#6e1b6f 15%,#000078 100%)!important;
    margin-top: 15px;
    display: block;
}
}

.page-id-3417 .dos-tabs-content {
    position: relative!important;
    overflow: hidden;
}

.page-id-3417 .dos-tabs-content h3 {
    color: #6e1b6f !important;
    padding: 20px 0;
    background-image: unset!important;
    text-align: left!important;
    font-weight: 600;
    font-size: 20pt;
}

/*** Header Menu ***/

.header-search {
    display: inline-block;
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.header-globe {
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 50px;
}

.header-text h1 {
    font-size: 25px!important;
}

.header-text h2 {
    font-size: 13px!important;
}

.header-menu {
    float: none!important;
    margin-left: 180px;
}

/*.hyperlink-icon img {
    background: none!important;
}*/

.hyperlink-icon img {
    background: none!important;
    box-shadow: 0 0 0 1.5px #c3c1be;
    border-radius: 25px;
    transition: width 0.6s,border-radius 0.6s,background 0.6s,box-shadow 0.6s;
    padding-right: 5px;
}

@media (max-width: 1230px){
.header-text h2 {
    font-size: 12px!important;
}
.header-text h1 {
    font-size: 20px!important;
}
.header-search {
	right: 35px;
	/* right: 20px; */
    bottom: 35px;
}
}


@media (min-width: 1024px) and (max-width:1230px){
div#search-dropdown {
    position: absolute;
	top: 55px!important;
    left: 230px!important;
}
}

@media (min-width: 1231px) and (max-width:1499px){
.header-search {
    right: 40px;
    bottom: 40px;
}
div#search-dropdown {
    position: absolute;
	top: 55px!important;
    left: 230px!important;
}
}

@media (min-width: 1500px) and (max-width: 1799px){
.header-search {
	right: 40px;
    bottom: 45px;
    /* right: 20px; */
}
div#search-dropdown {
    position: absolute;
	top: 55px!important;
    left: 250px!important;
}
}

@media (min-width: 1800px){
div#search-dropdown {
    position: absolute;
	top: 50px!important;
    left: 220px!important;
}
}

@media (min-width: 320px) and (max-width: 500px){
.header-search {
    right: 85px;
    bottom: 15px;
	/* right: 60px; */
}
div#quick-link-row {
    right: unset!important;
    bottom: unset!important;
}
div#search-dropdown {
    position: absolute;
    top: 65px!important;
    left: 50px!important;
}
}

@media (min-width: 501px) and (max-width: 1023px){
.header-search {
    right: 130px;
    /* right: 90px; */
    bottom: 40px;
}
div#quick-link-row {
    right: 350px!important;
    bottom: 87px!important;
}
div#search-dropdown {
    position: absolute;
    top: 45px!important;
    left: 200px!important;
}
}

/*** Front Page News ***/

.bottom {
    position: absolute;
    bottom: 10px;
}

.grid-x.grid-margin-x.news-grid .card-container {
    width: 100%;
}

@media (min-width: 1700px){
.page-id-82 .grid-x.grid-margin-x.news-grid .card-content {
    min-height: 250px!important;
}
}

.page-id-82 .grid-x.grid-margin-x.news-grid .card-content {
min-height: 300px;
}

.home .grid-x.grid-margin-x.news-grid .card {
    background-color: #F1F1F1 !important;
}

input#searchsubmit {
    display: none;
}

div#search-dropdown {
	padding: 0rem;
    border-radius: 100px;
    border: none;
    box-shadow: none;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border-radius: 100px;
	padding: 10px;
}

@media (min-width: 1400px){
body.archive.category.category-student-issues.category-9 .card-content {
    min-height: 350px!important;
}
}

/*li.menu-highlight.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-has-children a{
	color: #333333;
    background: #e9e6df;
    border: 0;
}*/

@media (min-width: 320px) and (max-width:1023px){
	li.menu-item.current-menu-item>a {
	color: #333333;
    background: #e9e6df;
}
}

/*ul#primary-menu-offcanvas li.current-menu-parent a {
    color: #333333!important;
    background: #e9e6df;
}*/

.single-peoples .news-post p a strong {
    line-break: normal;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-5655.is-submenu-item.is-accordion-submenu-item {
    display: none;
}

html {
    scroll-behavior: smooth;
}

.news-and-events-testing{
	display:block!important;
}


/*** 29/10/2021 ***/

@media (min-width: 1800px){
iframe#scpy{
	min-height: 900px;
	height: unset!important;
}
}

@media (min-width: 1024px) and (max-width:1799px){
iframe#scpy {
    min-height: 550px!important;
    height: unset!important;
}
}

@media (min-width: 320px) and (max-width:1023px) {
iframe#scpy{
	min-height: 1500px;
	height: unset!important;
}
}

@media (min-width: 320px) and (max-width:425px) {
iframe#scpyt {
	min-height: 2300px;
	height: unset!important;
}
}

@media (min-width: 426px) and (max-width:767px) {
iframe#scpyt {
	min-height: 1000px;
	height: unset!important;
}
}

@media (min-width: 768px) and (max-width:1023px) {
iframe#scpyt {
	min-height: 1000px;
	height: unset!important;
}
}

@media (min-width: 1024px) and (max-width:1799px){
iframe#scpyt {
    min-height: 750px!important;
    height: unset!important;
}
}

@media (min-width: 1800px){
iframe#scpyt {
	min-height: 900px;
	height: unset!important;
}
}

/*** 8/11/2021 ***/

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	div#bg-of-philip{
		background-image:url('https://webarchive.lib.cuhk.edu.hk/20241031215105oe_/https://www.sta.cuhk.edu.hk/wp-content/uploads/2021/09/yam_bg.jpg');
	}
}

@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */
	div#bg-of-philip{
		background-image:url('https://webarchive.lib.cuhk.edu.hk/20241031215105oe_/https://www.sta.cuhk.edu.hk/wp-content/uploads/2021/09/yam_bg.jpg');
		background-size: cover;
		background-attachment: fixed; 
		background-position: center;
	}
}

div#bg-of-philip{
	background-image:url('https://webarchive.lib.cuhk.edu.hk/20241031215105oe_/https://www.sta.cuhk.edu.hk/wp-content/uploads/2021/09/yam_bg.jpg');
	background-size: cover;
	background-attachment: fixed; 
	background-position: center;
}

/*** 9/11/2021 ***/

.bg {
    background-image: url(https://webarchive.lib.cuhk.edu.hk/20241031215105oe_/https://www.sta.cuhk.edu.hk/wp-content/uploads/2021/09/yam_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: -1;
}

.content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

/*** 07/2/2022 ***/

.post-type-archive-programmes .program-tab-content .undergraduate-archive.bg-white .programmes-row .row.others .column.medium-4:last-child .card-image{
	background-size: cover;
}

.post-type-archive-programmes .program-tab-content .undergraduate-archive.bg-white .programmes-row .row.others .column.medium-4:nth-child(4) .card-image{
	background-size: cover;
}

/*** 07/03/2022 - Jayson ***/

.js-accordion {
  /*background-color: #eee;*/
  background-image: linear-gradient(to right, #63246C, #040C72)!important;
  color: #fff!important;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.js-accordion.active, .js-accordion:hover {
  background-color: #ccc;
}

.js-accordion:after {
  content: '\25BC';
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transform: rotate(0deg);
  transition: transform .5s ease-in-out;
  color: white;
}

.js-accordion.active:after {
  transform: rotate(180deg);
  transition: transform .5s ease-in-out;
}

.js-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/*** Jayson - 08/03/2022 ***/

div#js-acc .info {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    color: white !important;
    background-color: #63246C;
    background-image: linear-gradient(to right, #63246C, #040C72)!important;
    background: none;
    list-style-type: none;
    margin-left: 0;
	user-select: none;
}

div#js-acc .info .w-full.text-center {
    font-family: 'Lato', sans-serif !important;
	user-select: none;
}

div#js-acc .info :after {
    content: '\25BC';
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
    color: white;
	float: right;
}

div#js-acc div#content {
    background-color: white;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.header-globe {
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 50px;
}

@media (min-width: 1231px) and (max-width:1499px){
.header-globe {
    right: 5px!important;
    bottom: 40px!important;
	}
}

@media (min-width: 1500px) and (max-width: 1799px){
.header-globe {
    right: 5px;
    bottom: 45px;
}
}

@media (max-width: 1230px){
.header-globe {
    right: 0px;
    bottom: 35px;
}
}

@media (min-width: 501px) and (max-width: 1023px){
.header-globe {
    right: 90px;
    bottom: 40px;
}
}

@media (min-width: 320px) and (max-width: 500px){
.header-globe {
    right: 50px;
    bottom: 15px;
}
}

/* .header-globe:after {
    content: '\f0ac';
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
}

.header-globe a.hyperlink-icon {
    font-size: 0;
    visibility: hidden;
    opacity: 0;
} */


@media (min-width: 320px) and (max-width: 500px){
.header-text h2 {
    font-size: 10px!important;
}
.header-text h1 {
    font-size: 11px!important;
}
}

.header-globe img {
    filter: invert(100);
    box-shadow: 0 0 0 1.5px #333;
}


/*** Jayson - 10/11/2022 ***/

.column.medium-4 .card-container .card-landing-title h4 {
    height: auto!important;
}

.column.medium-4.pp-layer .card-image:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(90deg,#6e1b6f 15%,#000078 100%)!important;
    opacity: 0.2;
}

/*** Jayson - 14/11/2022 ***/

/*** Revised the order of the faculty people ***/

.people-tabs-content .faculty-archive {
    display: flex!important;
    flex-direction: column;
}

.people-tabs-content .faculty-archive div:first-child {
    order: 0;
}

.people-tabs-content .faculty-archive div:nth-child(2) {
    order: 1;
}

.people-tabs-content .faculty-archive div:nth-child(3) {
    order: 2;
}

.people-tabs-content .faculty-archive div:nth-child(4) {
    order: 3;
}

.people-tabs-content .faculty-archive div:nth-child(5) {
    order: 4;
}

.people-tabs-content .faculty-archive div:nth-child(6) {
    order: 7;
}

.people-tabs-content .faculty-archive div:nth-child(7) {
    order: 8;
}

.people-tabs-content .faculty-archive div:nth-child(8) {
    order: 9;
}

.people-tabs-content .faculty-archive div:nth-child(9) {
    order: 10;
}

.people-tabs-content .faculty-archive div:nth-child(10) {
    order: 11;
}

.people-tabs-content .faculty-archive div:nth-child(11) {
    order: 5;
}

.people-tabs-content .faculty-archive div:nth-child(12) {
    order: 12;
}