body{
	color:#555555;
}
h2, .h2{font-weight:lighter;}
#pgContent .h4, .fancybox-container .h4{line-height:1.2em;}
#pgTitleBar{background:rgb(250,250,250);}
#pgTitleBar .menu-icon::after{background-color:#27AAE1; box-shadow:0 7px 0 #27AAE1, 0 14px 0 #27AAE1;}

#pgSideMenu{background:rgba(255,255,255,0.95);}
#pgSideMenu .container { padding:1em 1.2em; }
#pgSideMenu .container a:not(:hover){color:#333333;}
#pgSideMenu .footer{margin:1em;}
#pgSideMenu .footer .logo{margin-right:.4em;}

.pgTopBar.top-bar, .pgTopBar.top-bar ul { background:transparent; transition:ease-in-out 0.3s; border:0;}
.pgTopBar.top-bar.whiteBG, .pgTopBar.top-bar.whiteBG ul.submenu,
.pgTopBar.top-bar:hover,.pgTopBar.top-bar:hover ul.submenu{background:rgba(250,250,250,0.95);}
.pgTopBar a:not(:hover){color:#333333;}
.pgTopBar .logo{margin-right:0.2em;}

.pgContainer{padding-top:60px; padding-bottom:60px;}
.pgContainer.shaded{background-color:#F0F0F0;}

h2::after{content:'';display:block;width:10rem;border-bottom:2px solid #27AAE1;margin:30px auto;}

.pgJumbotron{background:url(/20220416010609oe_/https://www.ilc.cuhk.edu.hk/Workshop/PGCorner/img/MainBG.jpg) no-repeat transparent center center; background-size:cover; }
#pageTitle{margin-top:170px; text-wrap:avoid; margin-bottom:20px;}
#pageTitle .logo{display:inline-block;}
#pageTitle .title{display:inline-block; line-height:.8em; vertical-align:bottom; font-weight:500; color:#0D0D0D;}
#pageTitle .title h1{font-size:1.5em; line-height:0.8em; margin:0;letter-spacing:-0.02em; }
.pgJumbotron a.button:not(:hover) { background: #27AAE1; }
.pgJumbotron a.button{color:#FFF; padding:7px 30px; }

.pgJumbotron { height: 350px; }
#pageTitle{margin-top:50px; margin-bottom:10px;}
#pageTitle .logo{height:80px;}
#pageTitle .title{font-size:6rem; }
#pageTitle .title h1{font-size:0.6em; }
.pgJumbotron .motto{font-size:0.8em;}
.pgJumbotron a.button{margin-top:40px;}
@media print, screen and (max-width: 27em) { /*medium*/
	#pageTitle .logo{height:70px;}
}
@media print, screen and (min-width: 40em) { /*medium*/
	.pgJumbotron { height: 500px; }
	#pageTitle .logo{height:150px;}
	#pageTitle{margin-top:100px; margin-bottom:15px;}
	#pageTitle .title h1{font-size:1.1em; }
	.pgJumbotron .motto{font-size:1em;}
	.pgJumbotron a.button{margin-top:60px;}

}
@media print, screen and (min-width: 64em) { /*large*/
	.pgJumbotron { height: 750px; }
	#pageTitle .logo{height:231px;}
	#pageTitle{margin-top:170px; margin-bottom:20px;}
	#pageTitle .title{font-size:6rem; }
	#pageTitle .title h1{font-size:1.5em; }
	.pgJumbotron .motto{font-size:1em;}
	.pgJumbotron a.button{margin-top:100px;}
}

.media-object .callNo::before{content:'('; display:inline;}
.media-object .callNo::after{content:')'; display:inline;}
.media-object .callNo{margin-top:0; margin-bottom:20px;}

hr{border:1px solid #27AAE1; width:200px;}

.pgFooter{background:#DDD; padding:40px 0 70px 0; font-size:0.9em;}
.pgFooter a:not(:hover){ color:#555555 }