/*!
Theme Name: CUHK Biz IBBA
Template: cuhkbiz
Description: CUHK Business School – IBBA
Version: 1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cuhkbiz-ibba
*/section.fp-programmes{background:#f2f2f2 ;padding:3rem 0;position:relative}.fp-programmes:before{background:#fff;bottom:0;content:"";display:block;height:calc(100% - 3rem - 10px - 6.375rem);left:0;position:absolute;right:0;width:100%}.fields-of-study{background:#f2f2f2;margin-bottom:3rem;margin-top:3rem;padding-bottom:3rem;padding-top:3rem}.apply-payoff{background:#f2f2f2;padding:3rem 0;text-align:center}@media (min-width:640px){.apply-payoff{text-align:left}}.apply-payoff .grid-x{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.apply-payoff-cta{text-align:center}@media (min-width:640px){.apply-payoff-cta{text-align:right}}@media (min-width:1024px){.apply-payoff-cta{text-align:right}}.apply-payoff .button{margin:.5rem}.single-students .student-education{color:rgba(46,26,76,.5);padding-bottom:.5rem}@media (min-width:1024px){.single-students .student-info{position:relative;top:calc(-3rem - 115px)}}@media (min-width:640px) and (max-width:1023px){.single-students .student-info img{float:right;padding-left:1rem}}.single-students .student-links p:first-child{margin-bottom:0}.single-students .student-links>p>a{-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}.single-students .student-links>p>a:before{content:"\e904";display:block;font-family:cuhkbiz-icons;padding-right:.5rem}.single-students .student-links>p>a:active,.single-students .student-links>p>a:focus,.single-students .student-links>p>a:hover{color:#2e1a4c}



header.cuhkbiz-header {
	position: fixed;
	z-index: 100;
}
.mega-menu header.cuhkbiz-header {
	position: relative;
}
.content-block {padding-top: 59.98px;}
@media (min-width: 1024px){
	.content-block {padding-top: 113.98px;}
}

/*svg*/
svg * {font-family: myriad-pro,sans-serif !important;}

.scrollReveal,.home .card-quote,.fp-news,.fp-stat-slider, .fp-sp-item{
	visibility: hidden;
}
::selection { background: #2e1a4c;}
.fab:before{width:1rem !important;}
.fab {color: #5c33ad;font-weight: 900;}
footer .fab {color: inherit; padding: 0 3px;}
.cuhkbiz-header {border-top: 6px solid #4f2d7f !important;}
.cuhkbiz-header.search-active .search-bar {
	border-bottom: 6px solid #4f2d7f !important;
}
.cuhkbiz-header.search-active {
	border-top: none !important;
}

/*sth else*/
.page-id-1146 .no-opener .accordion-title:after { visibility: hidden;}
.no-opener .accordion>li>a {pointer-events: none;}
/*homepage*/
.cuhkbiz-header .dropdown>li>a {
	font-size: 22px !important;
}
.cuhkbiz-header .header-menus-quick a {
	font-size: 15px !important;
}
[data-cuhkbiz] {border-top: none !important;}
html[data-cuhkbiz] {
	background-image: url(/20241028171802oe_/http://ibba.bschool.cuhk.edu.hk/assets/images/site_main_bg.png) !important;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
    background-attachment: fixed !important;
}
body {
    background: unset !important;
	background: transparent !important;
}
.home .core {background: transparent !important;}
.cuhkbiz-header {background: transparent !important;}
.home section:last-child {margin-bottom: 0 !important;}
.home section:not(.fp-admissions) {margin-bottom: 5rem;}
.footer-menus-main>li>a {
	margin-bottom: 2rem;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.footer-menus-main>li>ul.sub-menu .sub-menu li {margin-left: 10px;}
.cuhkbiz-footer a[href="#"] {pointer-events: none;}
footer .fab:before {width: 2rem !important;}
@media print, screen and (max-width:425px){
	.slider-arrow {margin: -3rem auto !important;}
	div#welcome {margin-top: 3rem;}
	.home h1 {font-size: 1.7rem;}
	.home section:not(.fp-admissions) {margin-bottom: 1.5rem;}
	.fp-stat-slider img {height:6rem !important;margin-bottom: 1rem !important; }
	.home section.fp-news {margin-bottom: 3rem;}
	.home svg {margin-top: -4px !important;}
}
/*menu bar*/
ul.sub-menu {
	z-index: 500;
}
.header-menus-quick .menu-item-has-children:hover .sub-menu {
	display: block !important;
	position: absolute;
	width: 200%;
	right: 0;
	background-color: white;
}

.header-menus-quick .menu-item-has-children:hover {
	position: relative;
}

.header-menus-quick .sub-menu a {
	display: block;
	padding: .5rem 1rem;
}

.header-menus-quick .sub-menu>li {
	border-bottom: 1px solid rgba(46,26,76,.15);
}

.header-menus-quick .sub-menu a:active, .header-menus-quick .sub-menu a:focus, .header-menus-quick .sub-menu a:hover {
	background: #f0ecf7;
	color: #5c33ad;
}
.cuhkbiz-header .header-menus-quick>li:not(:last-child):after {
    margin: 0 4px !important;
    font-size: 19px;
}
@media(min-width:1024px){
	.header-button{visibility: hidden;display: none;}
}
@media(min-width:900px){
	a.text-logo {font-size: 40px !important;}
}
@media(max-width:1023px){
	a.text-logo{left:57px !important;}
}
a.text-logo {
	position: absolute;
	bottom: 50%;
	left: 112px;
	text-decoration: none;
	font-weight: 500;
	font-size: 30px;
	color: #2d014f;
}
ul#header-menus-quick .sub-menu { display: none;}

.header-buttons>a {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	cursor: pointer;
}
.menu a[href="#"] {pointer-events: none;}
.header-buttons {
	display: flex;
	height: 100%;
	bottom: 13px;
	width: 100px;
	align-items: flex-end;
	margin-bottom: 7px !important;
}
@media(min-width: 1600px){
	.header-buttons {
		/*position: fixed;
		right: 100px;*/
		margin-right:-100px;
	}
}
@media(max-width:1466px){
	.header-buttons{position:relative !important; right:0;margin-bottom: 0 !important;}
}
@media(max-width:1024px){
	.header-buttons{bottom:0;}
}
.header-buttons img {
	width: 37px;
}
.contact-dropdown-content>a>img {
    padding: 0;
}
.search-bar {
	background: white;
	padding: 1.5rem 3rem;
	font-style: italic;
	text-align: center;
	display:none;
	position: relative;
}
.search-bar input.button[type=submit] {
	background: url(/20241028171802oe_/http://ibba.bschool.cuhk.edu.hk/assets/icons/arrow_orange.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 1rem 0rem;
	background-position: center;
	flex-basis: 10%;
	display: none;
}
.header-buttons a:hover, .header-buttons a:focus, .header-buttons a:active {opacity: 0.5;transition:0.5s;}
.search-bar select {
	background: #fff 98% no-repeat;
	background-image: url(/20241028171802oe_/http://ibba.bschool.cuhk.edu.hk/assets/icons/search_arrow.png);
	border: 1px solid #5c33ad;
	background-size: 4vh;
	padding: 5px 10px;
	width: 20%;
	margin-left: 1rem;
}

.search-bar * {font-size: 23px !important;}
header.sticky.is-stuck {
	z-index: 20;
}
.sticky.is-stuck .search-bar {
	border-bottom: 6px solid #4f2d7f !important;
}
.contact-dropdown {
	overflow: hidden;
}
.contact-dropdown-content {
	    display: none;
    position: absolute;
    min-width: 50px;
    z-index: 1;
    margin-left: -10px;
    padding: 10px 5px 0 5px;
}
.contact-dropdown-content a {
	float: none;
	text-decoration: none;
	display: block;
	font-size: 11px !important;
	padding-bottom: 1rem;
	font-weight: 600;
	text-align: center;
}
.contact-dropdown:hover .contact-dropdown-content {
	display: block;
	background: white;}
.search-bar+.sticky-container {z-index: 1000;}
button[class*=mega-menu-] {
    padding: 1px 30px !important;
}
.mega-menu .sub-menu a[href="#"]:before {content: "" !important;}
.mega-menu a[href="#"]+.sub-menu {margin-top: 0;}
/*-----*/
/*-slider---*/
section.fp-slider>div>div>div {
	box-shadow: 0px 0px 20px 6px #9c9c9c;
}
.slider-arrow {
	width: 10%;
	margin: -5rem auto 0 auto;
}
.slider-arrow img {
	filter: drop-shadow(0px 6px 18px #9c9c9c);
	-webkit-filter: drop-shadow(0px 6px 18px #9c9c9c);
}

/*mega menu*/
@media(max-width:1024px){
	.header-buttons{display:none;}
}
.mega-menu ul.menu>li>a {
	color: #2e1a4c;
	font-weight: 600;
	font-size: 1.2rem;
}
.mega-menu .sub-menu { margin: 1rem 0;}
.mega-menu .sub-menu a:before {
	content: "\e903";
	margin-right: .25rem;
	display: inline-block;
	font-family: cuhkbiz-icons;
}
.mega-menu ul.menu>li { flex-basis: 50%;}
.mega-menu .menu {padding: 0 2rem;}
.mega-menu ul#menu-quick-links {width: 100%;}
.mega-menu .search-bar {
	display: block;
	width: 100%;
	padding: 1rem;
	background: none;
	border-top: #80808085 solid 1px;
	margin-top: 1rem;
}
.mega-menu .search-bar label {display: block;}
.mega-menu .search-bar select {
	width: 100%;
}
.mega-menu .header-buttons {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-bottom:4rem;
}
.mega-menu .header-buttons a {
	text-decoration: none;
	text-align: center;
}

/*stat slider*/
.fp-stat-slider img {margin: 1rem auto 2.5rem auto; height: 8rem;}
.fp-stat-slider .slick-item {text-align: center;}
.fp-stat-slider * {font-size: 106%;}
.fp-stat-slider img:hover {
	transform: scale(1.1);
	transition: 1s;
}
.fp-stat-slider span.counter {
	font-size: 200%;
}
/**/

/*card article*/
.card-article:before {
	background: transparent !important;
	background: transparent !important;}
.card-article.card-news .item-meta {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #00856f;
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: unset !important;
	padding: 0 1rem 0 1rem;
}
span.news-meta-desc {
	background: #2e1a4c;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0.5rem;
}
span.news-meta-year, span.news-meta-date {
	font-size: 0.9rem;
}
a.card.card-article.card-news {
	padding-bottom: 0;
	border: 0;
	padding-left: 0;
	width: 100%;
	height: 500px;
	margin: 0;
}
.card-news .item-title {
	background: rgba(0, 0, 0, 0.5) !important;width: 80%; color: white !important; padding: 3rem 1rem 1rem 1rem; position: relative;
}
.fp-news>div>.cell:first-child {
	position: relative;
}
.fp-news>div>.cell:first-child:after {
	/*content: "";*/
	position: absolute;
	top: 0;
	right: -0.5rem;
	width: 1rem;
	height: 100%;
	background: #fbaf19;
	z-index: 100;
}
ul.slick-dots {
	position: absolute;
	bottom: -34px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: rgba(101, 102, 106, 0.2);
}
.slick-dots .slick-active button {
	background-color: #5c33ad;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
/**/

/*study path*/
section.fp-study-path {
	position: relative;
	background: #2f265b;
}
section.fp-study-path .content{
	color: white;
	text-align: center;
}
.fp-study-path .sp-title {
	position: absolute;
	top: -1rem;
	left: 0;
	right: 0;
}
section.fp-study-path h3, section.fp-study-path h2 {
	margin: 0 auto;
	padding: 0.5rem 0;
	color: white;
	text-align: center;
}
section.fp-study-path h2 {
	width: 14rem;
	background: #00856f;
}
section.fp-study-path h3 {
	width: 7rem;
	background: #00594a;
}
.sp-y1-1 img {
	width: 1.5rem;margin-top: 1rem;
}
.sp-y1-1 {
	padding-bottom: 3rem;
	padding-top: 5rem;
}
.sp-y1-2 .fp-sp-item img {
	width: auto;
	height: 4.5rem;
	margin-bottom: 1rem;
}
.fp-study-path .sp-y1-2:before {
	content: "";
	width: calc(100%);
	height: 2px;
	background: white;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.8;
}
.sp-y1-2 {
	position: relative;
}
.fp-sp-item {
	padding-top: 4rem;
	position:relative;
}
.fp-sp-item:before {
	content: "";
	width: 1rem;
	background: #c7c7c7;
	height: 1rem;
	position: absolute;
	top: -7px;
	left: 50%;
	border-radius: 50%;
	opacity:1;
}
.sp-container a>img:hover {
	transition: 0.5s;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.cell.fp-sp-item:hover img, .cell.fp-sp-item:hover p {opacity: 1; transition:0.5s;}
.cell.fp-sp-item:hover::before {background: white;transition: 0.5s;}
.cell.fp-sp-item img, .cell.fp-sp-item p {opacity: 0.7;}
.sp-container a {color: white;}
.sp-container a:hover {color:#00856f;}
.sp-arrow {
	margin: 0 auto -40px auto !important;
}
.sp-arrow img {
	width: 1.5rem;
	transform: rotate(270deg);
	margin-left: 1rem;
}
.sp-arrow a{
	display: flex;
	text-decoration: none;
}
@media(max-width:640px){
	.fp-study-path .sp-y1-2:before {
		content: "";
		width: 2px;
		height: 100%;
		background: white;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.8;
	}
	.fp-sp-item:before {
		content: "";
		width: 1rem;
		background: #c7c7c7;
		height: 1rem;
		position: absolute;
		top: 50%;
		left: -7px;
		border-radius: 50%;
		opacity: 1;
	}
	.sp-arrow {margin-top: 2rem !important;margin-bottom: 1rem !important;}
}


/*quote section*/
a.card.card-quote {
	margin: 0;
	border: 0;
	height: 100%;
	min-height: 300px;
	-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;
	justify-content: center;
	padding: 0;
	background-position: top;
	background-size: cover;
}
.quote-overlay {
	background: rgba(0, 133, 111, 0.5);
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	padding: 2rem 2rem 8rem 2rem;
	opacity:0;
	display: flex;
	align-items: center;
}
.quote-overlay:hover {opacity: 1;}
.quote_more .quote-overlay {position: absolute;}
.quote_more a.card.card-quote {padding: 0 !important;}
blockquote {
	border-bottom: 3px solid rgba(255, 255, 255, 0.49) !important;
	border-top: 3px solid rgba(255, 255, 255, 0.49) !important;
	color: #ffffff !important;
	font-size: 2rem !important;
	padding: 1.8rem 4rem !important;
}
.quote-sm blockquote {font-size: 1.3rem !important;padding: 1.3rem !important;}
.quote-sm .quote_author{font-size:1rem !important;}
blockquote:before {
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: transparent !important;
	font-size: 2.2rem !important;
	left: 14% !important;
	top: -9px !important;
	content: "\f10d" !important;
	font-family: 'Font Awesome\ 5 Free' !important;
	font-weight: 600 !important;
}
blockquote:after {
	-webkit-transform: translate(-50%,-50%);
	background: transparent;
	color: #fdb015;
	content: "\f10e" !important;
	display: inline-block;
	font-family: 'Font Awesome\ 5 Free' !important;
	font-weight: 600 !important;
	font-size: 2.2rem;
	font-style: normal;
	right: 5%;
	line-height: 1;
	padding: 0 .5rem;
	position: absolute;
	transform: translate(-50%,-50%);
	bottom: -44px;
}
.fp-quotes .quote_author {
	color: white !important;
	text-align: right;
	font-size: 1.2rem;
	padding: 4rem 1rem 0 1rem;
	font-weight: 600;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}
.card-quote:before {
	background: rgba(0, 133, 111, 0.5);
	bottom: 0;
	/*content: "";*/
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
a.card.card-quote:hover, .card-article.card-news:hover {
	transform: unset;box-shadow: none;
}
a.card.card-article.card-news:hover .item-title {
	background: rgba(0, 0, 0, 0.8) !important;
	transition: 1s;
}
.loadmore {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
@media(max-width:1024px){
	.fp-quotes>.grid-x>.medium-6>.card blockquote {
		padding: 0.9rem 0.7rem !important;
		font-size: 1.7rem !important;
	}    
}
@media print, screen and (max-width: 40em){
	.fp-quotes>.grid-x>.medium-6>.card.card-quote blockquote{
		font-size: 1.3rem !important;
		padding: 1.3rem !important;
	}
}

/*admissions*/
.admissions-overlay {
	padding-top: 2rem;
}
section.fp-admissions a {
	text-decoration: none;
}
.fp-admissions ul {
	list-style-type: none;
}
.fp-admissions a {
	position: relative;
}
.fp-admissions a:after {
	bottom: 0;
	content: "";
	background: url(/20241028171802oe_/http://ibba.bschool.cuhk.edu.hk/assets/icons/ad_arrow.png);
	width: 1.5rem;
	height: 1.2rem;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	right: -1.8rem;
}
section.fp-admissions * {color: #2e1a4c;}
section.fp-admissions a:hover {text-decoration: underline;}

/*CTA*/
.home .cta-text * {line-height: 5rem;}
.home .cta-text {padding: 5rem;}

/****----INNER---*****/
.page .core section>.wrapper, .single .core section>.wrapper, section.page-highlight-section section>.wrapper {
	max-width: unset;
}
.hero-bc:empty+.on-this-page {bottom: 84px ;}
.hero-bc+.on-this-page {bottom: 112px;}
@media (min-width: 640px){
	.page-child .hero-bc+.on-this-page, .single-events .hero-bc+.on-this-page, .single-post .hero-bc+.on-this-page, .single .hero-bc+.on-this-page {
		bottom: 112px;
		right: 0;
		left:auto;
	}
}


/*breadcrumb*/
.hero-bc a {
	text-decoration: none;
	color: #2e1a4c;
	font-weight: 600;
}
.hero-bc:empty {display: none;}
.hero-bc:empty~h2 {border-bottom: 1px solid black;}
.hero-bc a[href="#"] {pointer-events: none;}
/**/
@media (min-width: 640px){
	.page-child .hero+.core, .single-events .hero+.core, .single-post .hero+.core, .single .hero+.core {
		top: unset !important;    
		padding-bottom: 3rem !important;
	}
}

.hero-image>img {
	position:absolute;
}

.hero-image {
	overflow: hidden;
	position: relative;
	min-height: 25rem;
}
section.hero {
	background: transparent !important;
	position: relative;
}
.hero-bc>span>span:last-child>a {
	pointer-events: none;
	font-weight: 500;
}
.hero-bc>a:last-child {
	font-weight: 500;
}
.page .hero-meta , .single .hero-meta{
	position: absolute;
	bottom: -3rem;
	width: 100%;
	/*left: 10%;*/
	background: white;
	padding: 1rem;
	z-index: 10;
}
.page .hero-meta h2, .single .hero-meta h2 {
	color: black;
}
.page .core, .single-news .core,.single-event .core{
	/*margin: 0 10%;*/
	padding: 4rem 1.5rem;
}
section.inner-extra-links {
	/*margin: 0 10%;*/
}
section.page-highlight-section {
	/*margin: 0 10%;*/
	padding: 3rem 1.5rem;
}
a.card-links {
	border: 0;
	color: white;
	display: block;
	overflow: hidden;
	padding: 1.5rem 1rem;
	position: relative;
	text-decoration: none;
	transition-delay: .1s;
	width: 100%;
	margin: 0;
	height: 20rem;
	background-size: cover !important;
	background-position: center !important;
}
a.card-links:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.42);
	transition: background 1s;
}
a.card-links:hover:before {
	background: rgba(0, 0, 0, 0.7);
	transition: 0.5s;
}
.link-one, .link-two{position: relative;}
.link-one:after {
	/*content: "";*/
	position: absolute;
	right: 0;
	height: 100%;
	width: 0.2rem;
	background: rgba(240, 171, 0, 1);
	top: 0;
}
.link-two:after {
	/*content: "";*/
	position: absolute;
	left: 0;
	height: 100%;
	width: 0.2rem;
	background: rgba(240, 171, 0, 1);
	top: 0;
}
section.inner-extra-links a .text {
	position: absolute;
	text-align: center;
	color: white;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:90%;
}
a.card-links h1, a.card-links span {
	color: white;
}
section.inner-extra-links .button {
	padding: 0.7rem 1.1rem;
}
.card-links .button:hover {
	color: white;
	background: #5c33ad;
	transition: 0.5s;
	/*box-shadow: 0px 0px 17px 5px rgba(255, 255, 255, 0.45);*/
}
.card-links .button {
	background: #00856f;
	border: none;
	font-size: 1.5rem;
	margin-top: 2rem;
}
/*accord*/
.accordion-item {    
	background-color: #5c33ad !important;
	background-image: -webkit-linear-gradient(60deg, #00856f 10%, #5c33ad 0%, #5c33ad 70%,#00856f 70%) !important;
}
.accordion-title {color: #ffffff !important; font-weight: 600;font-size: 115% !important;padding-left:10% !important;}
.accordion-title:focus, .accordion-title:hover , .accordion .is-active .accordion-title{background-color: #2e1a4c !important;background-image: -webkit-linear-gradient(60deg, #00856f 10%, #2e1a4c 0%, #2e1a4c 70%,#00856f 70%) !important;}
.accordion {padding: 6px 0 !important;}
li.accordion-item.is-active {
	border-bottom: 2px solid rgb(0, 133, 111);
}
li.accordion-item {
	border: 3px solid rgb(0, 133, 111);
	border-top: none;
	border-bottom: none;
}

/*inner page*/
.core h6 {text-transform: none;}
span.counter {
	display: inline-block;
	font-size: 3rem;
	line-height: 3rem;
}
.single-stat.circle p {
	font-size: 145%;
	color: #f6a81c;
}
.single-stat.circle {
	text-align: center;
}
.single-stat.circle:hover {	opacity:0.7;}

/*student life filter*/
.filterDiv {
	float: left;
	color: #330759;
	margin: 2px;
	display: block;
	border: #f6a81c solid 2px;
	overflow: hidden;
	background: #f6a81c;

	opacity: 0;
	position: absolute;
	height: 0;
}
.filterDiv a {text-decoration: none;}
.show {
	display: block;
	opacity: 1;
	position: relative;
	height: auto;
	transition: opacity 1s cubic-bezier(0.47, 0, 0.75, 0.72);
}

.tagged-posts .container {
	margin-top: 20px;
	overflow: hidden;
}
.tagged-posts.grid-x {justify-content: start;}
div#myBtnContainer { text-align: center;    margin-bottom: 1rem;}
div#myBtnContainer button {
	margin: 4px 4px;
	background: #34075a;
	border: none;
	color: #ffffff;
}
div#myBtnContainer button:hover{opacity:0.6;}
div#myBtnContainer button.active {
	background: #f6a81c;
}
.sl-image {
	overflow: hidden;
	position: relative;
	height: 400px !important;
	background-position: center !important;
}
.sl-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	color: white;
	padding: 50% 0;
	font-size: 2rem;
	opacity:0;
}
.sl-image:hover .sl-overlay {
	opacity: 1;
	transition: 1s;
}
.sl-image img {
	width: 100%;
}
.sl-meta {
	color: black;
	padding: 1rem;
	font-size: 1rem;
}

/*news listing*/
.news-list .grid-x {
	justify-content: left;
}
.news-item {
	position: relative;
	padding: 1rem;
	background: #f0f0f0;
	border-radius: 0 0 0 25px;
	transition: background 0.5s ease-in-out !important;
}
.news-item:hover {
	background: #c7c8c8;
	transition: background 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
}
p.news-cat {
	padding: 0.1rem 1.2rem;
	background-color: #2e1a4c;
	color: #ffffff;
	position: absolute;
	top: 0;
	font-weight: 600;
	font-size: 13px;
}
.news-info {
	position: relative;
	padding-top: 26px;
}
.news-list a {
	text-decoration: none;
	color: #2e1a4c;
}
.news-list a:hover {
	text-decoration: underline;
}
.news-list .news-meta {
	color: #7a7c7c;
	font-size: 0.8rem;
	letter-spacing: .067rem;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.news-image {
	height: 250px;
	background-size: cover !important;
	/*background-position: center !important;*/
	margin-bottom: 6px;
}

/*news single*/
.more-news {
	padding: 1rem;
}
.more-news>h3 {
	background: #2d014f;
	padding: 6px 20px;
	color: white;
}
.more-news-item {
	margin: 1rem;
	border: 1px solid #c7c8c8;
	padding: 1rem;
}
.more-news-item a {
	text-decoration: none;
}
.more-news-item p {
	font-weight: 600;
	text-align: left;
	line-height: 18px;
	color: #2d014f;
	margin-bottom:1px;
	margin-top: 8px;
}
.more-news-item span {
	display: block;
	text-align: left;
	font-size: 0.8rem;
	color: #978da6;
}
.more-news-image {
	height: 10rem;
	text-align: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.more-news-item:hover {
	background: #f1f1f1;
	transition: 0.5s;
}
a.news-archive-btn {
	float: right;
	margin-right: 1rem;
	text-decoration: none;
	background: none;
	font-weight: 700;
}

a.news-archive-btn:after {
	content: "\e903";
	font-family: cuhkbiz-icons;
}
.news-single-meta p {
	text-align: right;
	font-style: italic;
	color: grey;
}
.news-single-meta {
	text-align: center;
	border-bottom: 2px solid #c7c8c8;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

/*testimonial single*/
.single-testimonials .core {
	z-index: 0;
	padding: 2rem 10%;
}
.single-testimonials section.hero {
	padding-bottom: 1rem;
	z-index: 1;
}
.single-testimonials .hero>.grid-x {
	margin: 2rem 10% 2rem;
}
.single-testimonials .hero-meta {
	position: unset;
	width: 100%;
	background: transparent;
	padding: 1rem 0;
}
.quote-hero-image>img {
	max-height: 27rem;

}
.quote-hero-image {
	position: absolute;
	width: 100%;
	text-align: center;
	top:2rem;
}
body:not(.home) blockquote{
	color: #2e1a4c !important;
	border-bottom: 2px solid rgb(199, 200, 200) ;
	border-top: 2px solid rgb(199, 200, 200);
}
.single-testimonials blockquote{
	border-bottom:none !important;
	border-top:none !important;
	padding-top: 0 !important;
	font-size: 1.5rem !important;
	color: black !important;
	text-align: justify;
}
.single-testimonials blockquote:before {
	left: 1.5rem !important;
	top: 10px !important;
}
.single-testimonials blockquote:after {
	right: -1.2rem !important;
	bottom: 10px !important;
}
.single-testimonials section.hero {
	padding-bottom: 1rem;
	z-index: 1;
}
article.testimonial-hero>.grid-x{
	margin: 2rem 10% 0;
	position: relative;
}
.quote-hero-image p {
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	width: calc(100% + 2rem) !important;
}
p.student-extra {
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: black;
	border-top: 3px solid #efaf18;
	padding-top: 1rem;
	width: 70%;
}

@media (max-width: 1023px) and (min-width:640px) {
	.hero-image {
		min-height: 312px !important;
		position: relative !important;
		padding-bottom: 0px !important;
		padding-top: 0px !important;
		max-height: 312px !important;
	}
}

@media (max-width: 639px) and (min-width: 451px) {
	.hero-image{
		min-height: 200px !important;
		position: relative !important;
		padding-top: 0px !important;
		max-height: 200px !important;
	} 
	.page .hero-meta{
		position:unset !important;
		padding-bottom: 0px !important;
	} 

	.page .core {
		padding-top: 20px;
	}
}

@media (max-width: 450px) and (min-width: 299px){
	.hero-image, .hero-image>img{
		min-height: 0px !important;
		position: relative !important;
		padding-top: 0px !important;
		max-height: 180px !important;
	}

	.page .hero-meta{
		position:unset !important;
		padding-bottom: 0px !important;
	} 

	.page .core {
		padding-top: 20px;
	}
}	
/*inner page style*/
/*some-stat : purple background white big text*/
.some-stat.grid-x {
	text-align: center;
	background: #4e2683;
	padding: 1.6rem;
}
.some-stat .cell.medium-6 {
	font-size: 1.6rem;
	color: white;
	border-right: white solid;
	margin-bottom: 0 !important;
}
.some-stat:not(.white) p, .some-stat:not(.white) td, .some-stat:not(.white) .fas, .some-stat:not(.white) div {
	font-size: 1.6rem;
	color: white;
}
.some-stat a {
	color: white;
	font-size: 1.5rem;
}
.some-stat .cell.medium-6:last-of-type {border-right: none;}
.some-stat .cell img {max-height: 7rem;
	width: auto;}
.some-stat .cell.medium-12 {
	border-bottom: white solid;
	padding: 1.6rem;
}
.some-stat .cell.medium-12:last-of-type {
	border-bottom: none;
	margin: 0;
}
/*white color bg stat grid*/
.some-stat.white.grid-x{background:white;}
.some-stat.white .cell.medium-6{color:#4e2683;}
.some-stat.white .cell.medium-6 {color: #4e2683;border-right: #4e2683 solid;}
.some-stat.white p{color: #4e2683;}
.some-stat.white a {color: #4e2683;}
.some-stat.white .cell.medium-6:last-of-type {border-right: none;}
.page-id-1242 .some-stat>.cell.medium-2>div { /*student profile page earth*/
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.page-id-1242 .some-stat>.cell.medium-2>div img{/*student profile page earth*/
	animation-name: spin;
	animation-duration: 9000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@media print, screen and (max-width: 40em){
	.some-stat .cell.medium-6 {
		font-size: 1.6rem;
		color: white;
		border-right:none;
		border-bottom:  white solid;
		padding: 2rem;
	}
	.some-stat.white .cell.medium-6 {
		border-right:none;
		border-bottom:  #4e2683 solid;
	}
	.some-stat .cell.medium-6:last-of-type{
		border-bottom:none
	}
	.grid-x.some-stat {
		padding: 0 1.6rem;
	}

}
@media print, screen and (max-width:768px){
	.some-stat .cell.medium-6 {
		font-size: 1.35rem ;
	}
	.some-stat p, .some-stat td, .some-stat .fas, .some-stat div{font-size: 1.35rem;}
	.some-stat a {font-size: 1.2rem;}
}
@media print, screen and (max-width:425px){
	.some-stat .cell.medium-6 {
		font-size: 1.2rem;
	}
	.some-stat p, .some-stat td, .some-stat .fas, .some-stat div {font-size: 1.25rem;}
	.some-stat a {font-size: 1rem;}
	.grid-x.some-stat {padding: 0 1.6rem;}
	.some-stat .cell.medium-6{padding: 1.5rem 0;}
	span.counter{font-size:2.5rem;line-height:2.5rem;}

	.card-links .button {
		font-size: 1.2rem;
		margin-top: 1rem;
	}
}

@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}

/*search page*/

.page-template-searchpage .core {padding: 1rem 3rem;}
.search .core {padding: 1rem 3rem;}
form.search-form {padding: 2rem 0;}
form.search-form input {padding: 0.5rem;}
input.search-field, .search-submit {border: 2px solid #392064;}
form.search-form {
	display: flex;
}

form.search-form label {
	flex-basis: 70%;
}

form.search-form label input {
	width: 99%;
}
.search-results .core .cell {
	border-bottom: 1px solid #c7c8c8;
	padding: 1rem 1rem 2rem 1rem;
	margin-bottom: 0 !important;
}
.search-results .core .cell:hover {
	background-color: #f3f3f3;
	transition: 0.5s;
}

/*imagine your future stat*/
.page-id-1171 .some-stat.white {
    font-size: 28px;
}

.page-id-1632 .svg {
	height:3500px !important;
	width:1920px !important;
}

/*hide employer list in menu bar*/
li#menu-item-1661 .is-dropdown-submenu {
    border: 0px solid !important;
}

li#menu-item-2114 {
    display: none;
}

li#menu-item-2115 {
    display: none;
}

/*section width margin*/
.core>section>.wrapper>.grid-margin-x>.cell {
    margin-left: 0;
	margin-right: 0;
}

section.fp-study-path .wrapper img {
    margin-top: -13px;
}

body.page-template-template-curriculum g#first-layer text tspan {
    font-size: 25px!important;
}

body.page-template-template-curriculum g#first-layer text a tspan {
    font-size: 25px!important;
}

/*** Jayson ***/

.cls-22 {
    fill: #f7f7f9;
}

.cls-23 {
    fill: #6f3996;
}

.cls-21, .cls-22, .cls-23, .cls-24, .cls-25, .cls-26, .cls-27, .cls-28, .cls-29 {
    stroke-width: 0px;
}

.cls-21, .cls-17 {
    fill: none;
}

text.cls-5 {
    fill: #6F3996;
    font-size: 29.6131px;
}

.cls-27 {
    fill: #99243f;
}

.cls-6, .cls-24 {
    fill: #2f265b;
}

.cls-5, .cls-6 {
    font-size: 29.61px;
}

.cls-25 {
    fill: #ce5d83;
}

.cls-26 {
    fill: #e19296;
}