/*!
Theme Name: CUHK Biz IBBA
Template: cuhkbiz
Description: CUHK Business School – IBBA
Version: 1.0
Text Domain: cuhkbiz-ibba
*/
/*custom css*/

/*table css*/

.table-info {
	width:100%;
}
.table-info th,.table-info td{
	border:2px solid #443277;
	border-collapse:collapse;
	padding:3px;
	text-align:center;
	
}
.table-info th{
	background-color:#443277;
	color:white;
}
div#popup-window p {
    font-size: 0.9rem;
	 max-width: 75rem;
    
}
@media print, screen and (min-width: 40em){
	#popup-window.reveal {
    max-width: 75rem;
    width: 700px;
}
}

.page-highlight-section .cell.medium-10 h1 {
    font-size: 45px;
    margin-left: 60px;
    margin-top: 25px;
	margin-bottom: 35px;
}

.cell.medium-2 table {
    margin-top: 25px;
}


article.testimonial-hero .grid-x.grid-margin-x {
    line-height: 2rem;
}

/*mobile responsive for local student jupas total score of best 5*/
.cell.medium-2 {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
}

@media (max-width: 460px) {
	.cell.medium-2 {
		margin-left: 20% !important;
		}
}

@media (max-width: 405px) {
	.cell.medium-2 {
    	margin-left: 15% !important;
	}
}

@media (max-width: 375px) {
	.cell.medium-2 {
    	margin-left: 10% !important;
	}
}

@media (max-width: 340px) {
	.cell.medium-2 {
    	margin-left: 5% !important;
	}
}

@media (max-width: 325px) {
	.cell.medium-2 {
    	margin-left: 0% !important;
	}
}

@media (max-width: 300px) {
	.cell.medium-2 {
    	margin-left: -5% !important;
	}
}

@media (max-width: 290px) {
	.cell.medium-2 {
    	margin-left: -10% !important;
	}
}

/*table mobile responsive for step 2 under local student jupas*/
@media (max-width: 488px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 95% !important;
	}
}

@media (max-width: 460px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 90% !important;
	}
}

@media (max-width: 448px) {
	table.table-info .hkdse-result{
		display: block;
		 overflow: auto;
		 max-width: 86% !important;
	}
}

@media (max-width: 438px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 83% !important;
	}
}

@media (max-width: 415px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 80% !important;
	}
}

@media (max-width: 400px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 75% !important;
	}
}

@media (max-width: 378px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 70% !important;
	}
}

@media (max-width: 355px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 65% !important;
	}
}

@media (max-width: 335px) {
	table.table-info .hkdse-result{
		display: block;
		overflow: auto;
		max-width: 60% !important;
	}
}

/*table mobile responsive for step 3 under local student jupas*/
@media (max-width: 620px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 96% !important;
	}
}

@media (max-width: 600px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 90% !important;
	}
}

@media (max-width: 566px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 85% !important;
	}
}

@media (max-width: 536px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 83% !important;
	}
}

@media (max-width: 526px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 80% !important;
	}
}

@media (max-width: 508px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 78% !important;
	}
}

@media (max-width: 500px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 74% !important;
	}
}

@media (max-width: 482px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 70% !important;
	}
}

@media (max-width: 460px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 68% !important;
	}
}

@media (max-width: 445px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 64% !important;
	}
}

@media (max-width: 425px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 60% !important;
	}
}

@media (max-width: 400px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 55% !important;
	}
}

@media (max-width: 368px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 50% !important;
	}
}

@media (max-width: 336px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 45% !important;
	}
}

@media (max-width: 316px) {
	table.table-info .subject{
		display: block;
		overflow: auto;
		max-width: 40% !important;
	}
}

/*mobile responsive on contact table in non jupas and international*/
@media (max-width: 830px) {
.contact .table-info td {
	padding-left: 38%;
}
}

@media (max-width: 600px) {
.contact .table-info td {
	padding-left: 35%;
}
}

@media (max-width: 450px) {
.contact .table-info td {
	padding-left: 30%;
}
}

@media (max-width: 380px) {
.contact .table-info td {
	padding-left: 28%;
}
}

@media (max-width: 350px) {
.contact .table-info td {
	padding-left: 26%;
}
}

@media (max-width: 320px) {
.contact .table-info td {
	padding-left: 24%;
}
}

/*mobile responsive for IBAA at a glance*/
@media (max-width: 641px) {
     .page-id-978 .core .grid-x .cell img {
        width: auto !important;
        height: 250px !important;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .page-id-978 .core .grid-x .cell.medium-3 p a {
        display: block;
        text-align: center;
    }

    .page-id-978 .core .grid-x .cell h3 {
        text-align: center;
    }
}

 @media (max-width: 950px) and (min-width: 640px) {
     .page-id-978 .core .grid-x .cell img {
        height: 45px !important;
    }
}

/*mobile responsive for double majors image*/
@media (max-width: 675px) and (min-width:601px) {
    .page-id-1112 .some-stat p {
        margin-left: 15px;
    }

    .page-id-1112 .some-stat td {
        font-size: 20px !important;
    }

    .page-id-1112 table {
        margin-left: 4px;
    }
}

@media (max-width:600px) and (min-width:581px){
     .page-id-1112 .some-stat p {
        margin-left: 15px;
    }

    .page-id-1112 .some-stat td {
        font-size: 18px !important;
    }
    
    .page-id-1112 table {
        margin-left: 7px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 80px !important;
    }
}

@media (max-width:580px) and (min-width:501px){
     .page-id-1112 .some-stat p {
        margin-left: 16px;
        font-size: 23px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 15px !important;
    }
    
    .page-id-1112 table {
        margin-left: 7px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 70px !important;
    }
}

@media (max-width: 500px) and (min-width: 466px){
     .page-id-1112 .some-stat p {
        margin-left: 16px;
        font-size: 23px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 13px !important;
    }
    
    .page-id-1112 table {
        margin-left: 7px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 65px !important;
    }
}

@media (max-width: 465px) and (min-width: 436px){
     .page-id-1112 .some-stat p {
        margin-left: 21px;
        font-size: 20px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 12px !important;
    }
    
    .page-id-1112 table {
        margin-left: 8px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 65px !important;
        padding-left: 2px !important;
    }
}

@media (max-width: 435px) and (min-width: 401px){
     .page-id-1112 .some-stat p {
        margin-left: 24px;
        font-size: 23px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 13px !important;
    }
    
    .page-id-1112 table {
        margin-left: -5px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 60px !important;
    }
}

@media (max-width: 400px) and (min-width: 381px){
     .page-id-1112 .some-stat p {
        margin-left: 40px;
        font-size: 23px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 13px !important;
    }
    
    .page-id-1112 table {
        margin-left: -5px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 60px !important;
    }
}

@media (max-width: 380px) and (min-width: 371px){
     .page-id-1112 .some-stat p {
        margin-left: 30px;
        font-size: 20px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 13px !important;
    }
    
    .page-id-1112 table {
        margin-left: -18px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 58px !important;
    }
}

@media (max-width: 370px) and (min-width: 351px){
     .page-id-1112 .some-stat p {
        margin-left: 27px;
        font-size: 23px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 13px !important;
    }
    
    .page-id-1112 table {
        margin-left: -26px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 58px !important;
    }
}

@media (max-width: 350px) and (min-width: 338px){
     .page-id-1112 .some-stat p {
        margin-left: 24px;
        font-size: 18px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 13px !important;
    }
    
    .page-id-1112 table {
        margin-left: -38px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 58px !important;
    }
}

@media (max-width: 337px) and (min-width: 320px){
     .page-id-1112 .some-stat p {
        margin-left: 24px;
        font-size: 15px !important;
    }

    .page-id-1112 .some-stat td {
        font-size: 12px !important;
    }
    
    .page-id-1112 table {
        margin-left: -41px !important;
    }

    .page-id-1112 .some-stat .cell img {
        max-height: 58px !important;
    }
}

/*mobile responsive for button in internation students*/
@media (max-width:320px) {
    .page-id-1331 .button-primary{
        margin-left: 8px !important;
    }
}

/*local studens - jupas button*/
.page-id-1248 button {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*mobile responsive for inner links smaller font for smaller screen*/
@media (max-width: 670px) and (min-width:640px) {
      .page-id-1112 .inner-extra-links .link-one h1 {
        font-size: 40px;
    }
}

@media (max-width: 670px) and (min-width:640px) {
      .page-id-1140 .inner-extra-links .link-one h1 {
        font-size: 36px;
    }
}

@media (max-width: 670px) and (min-width:640px) {
      .page-id-1146 .inner-extra-links .link-two h1 {
        font-size: 34px;
    }
}

@media (max-width: 670px) and (min-width:640px) {
      .page-id-1171 .inner-extra-links .link-one h1 {
        font-size: 35px;
    }
}

@media (max-width: 670px) and (min-width:640px) {
      .page-id-1246 .inner-extra-links .link-one h1 {
        font-size: 33px;
    }
}

@media (max-width: 670px) and (min-width:640px) {
      .page-id-1331 .inner-extra-links .link-two h1 {
        font-size: 35px;
    }
}

/*testimonials quote mobile responsive*/
@media (max-width: 1023px) and (min-width:350px){
    .testimonial-quote blockquote {
        font-size: 16px !important;
    }
      .single-testimonials blockquote:before {
        font-size: 28px !important;
    }
    
    .single-testimonials blockquote:after {
        font-size: 28px !important;
    }
}

@media (max-width: 349px) {
    .testimonial-quote blockquote {
        font-size: 13px !important;
    }

    .single-testimonials blockquote:before {
        font-size: 20px !important;
    }
    
    .single-testimonials blockquote:after {
        font-size: 20px !important;
    }
}

/*text logo mobile responsive*/
@media (max-width: 400px) {
	a.text-logo {
		font-size: 20px;
	}
}

/*career propects employer list link*/
.page-id-1171  a.employerlist {
    float: right;
    margin-right: 1rem;
    text-decoration: none;
    background: none;
    font-weight: 700;
}

.page-id-1171  a.employerlist:after {
    content: "\e903";
    font-family: cuhkbiz-icons;
}

.page-id-1632 svg {
    width: 100%;
    height: auto;
}
/* IE study path */
@media (min-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-template-template-curriculum .content-block .core {
		min-height:3600px;
		min-width: 1150px;
		max-width: 100%;
	}
.page-template-template-curriculum .content-block .core svg#study-path-full {
		min-height:3600px;
		min-width: 1150px;
		max-width: 100%;
		height: auto;
		}
body.home .fp-study-path {
		min-height: 800px;
	}
body.home .fp-study-path svg:first-child {
		min-height: 800px;
		min-width: 1200px;
	}		
}
@media (min-width: 768px) and (max-width: 1199px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-template-template-curriculum .content-block .core {
		min-height:2304px;
		min-width: 736px;
		max-width: 100%;
	}
.page-template-template-curriculum .content-block .core svg#study-path-full {
		min-height:2304px;
		min-width: 736px;
		max-width: 100%;
		height: auto;
		}
body.home .fp-study-path {
		min-height: 800px;
	}
body.home .fp-study-path svg:first-child {
		min-height: 490px;
		min-width: 736px;
	}		
}
@media (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-template-template-curriculum .content-block .core {
		min-height:960px;
		min-width: 320px;
		max-width: 100%;
	}
.page-template-template-curriculum .content-block .core svg#study-path-full {
		min-height:960px;
		min-width: 320px;
		max-width: 100%;
		height: auto;
		}
body.home .fp-study-path {
		min-height: 213px;
	}
body.home .fp-study-path svg:first-child {
		min-height: 213px;
		min-width: 320px;
	}		
}
p.center-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.center-button button {
    margin: 0 20px;
}

/*.button.score {
    background-color: #60C0BD;
	border: 1px solid #60C0BD !important;
}*/

.button.score a {
    text-decoration: none !important;
	/*color: #ffffff !important;*/
}

@media (max-width:450px) {
    p.center-button {
        display: flex;
        flex-direction: column !important;
    }

    .center-button button {
        margin: 20px 0 !important;
    }
}

.button-primary:before {
    content: "\e903" !important;
}