/*** The Smart CUHK ***/

/*** Home ***/
@media (min-width:981px) and (max-width:1599px){
div#smart-cuhk-home-row-1, div#smart-cuhk-home-row-2, div#smart-cuhk-home-row-3, div#smart-cuhk-home-row-4, div#smart-cuhk-home-row-5,div#smart-cuhk-home-row-6, div#smart-cuhk-home-row-7, div#smart-cuhk-home-row-8, div#smart-cuhk-home-row-9, div#smart-cuhk-home-row-10, div#smart-cuhk-home-row-11, div#smart-cuhk-home-row-12{
	width: 90%!important;
}

/*** About - SMART CAMPUS INITIATIVE ***/
div#smart-cuhk-about-sci-row-1, div#smart-cuhk-about-sci-row-2, div#smart-cuhk-about-sci-row-3{
	width: 90%!important;
}

/*** About - TASK FORCE ON SMART CUHK CAMPUS ***/
div#smart-cuhk-about-task-force-row-1, div#smart-cuhk-about-task-force-row-2, div#smart-cuhk-about-task-force-row-3{
	width: 90%!important;
}

/*** Knowledge-Exchange ***/
div#smart-cuhk-knowledge-exchange-row-1, div#smart-cuhk-knowledge-exchange-row-2{
	width: 90%!important;
}

/*** Knowledge-Exchange - News - Listing Page ***/
div#smart-cuhk-knowledge-exchange-news-row-1, div#smart-cuhk-knowledge-exchange-news-row-2{
	width: 90%!important;
}

/*** Knowledge-Exchange - News - Inner Page ***/
div#smart-cuhk-knowledge-exchange-inner-new-row-1{
	width: 90%!important;
}	
	
/*** Knowledge-Exchange - Smart Contacts ***/
div#smart-cuhk-knowledge-exchange-smart-contacts-row-1, div#smart-cuhk-knowledge-exchange-smart-contacts-row-2, div#smart-cuhk-knowledge-exchange-smart-contacts-row-3, div#smart-cuhk-knowledge-exchange-smart-contacts-row-4{
	width: 90%!important;
}
}
/*** End The Smart CUHK ***/



/*********************************   Page CSS  *********************************/

/*** The Smart CUHK - HOME ***/
.smart-cuhk-black-color-link{
  color:black;
  text-decoration:none;
}
/*** End The Smart CUHK - Home ***/


/*** The Smart CUHK - ABOUT - SMART CAMPUS INITIATIVE ***/
.smart-cuhk .intended-outcome table {
  counter-reset: row-num -1;
}

.smart-cuhk .smart-cuhk .intended-outcome table tr {
  counter-increment: row-num;
}

.smart-cuhk .intended-outcome table tr td:first-child::before {
  content: counter(row-num) ". ";
  min-width: 1em;
  margin-left: -1.5rem;
}

.smart-cuhk .intended-outcome table th {
  margin: 0;
  border: 1px solid #e6e7e8;
  padding: 15px;
  text-align: center;
  color: #895dfd;
  background: #f5f5f5;
}

.smart-cuhk .intended-outcome table, .intended-outcome table td {
  border: 1px solid #e6e7e8;
  vertical-align: middle;
}

.smart-cuhk .intended-outcome table td p {display: contents;}

.smart-cuhk .intended-outcome table td:first-child {
  padding: 30px 40px !important;
  width: 65%;
}

.smart-cuhk .intended-outcome table td:last-child {
  padding: 30px;
  width: 35%;
}

.smart-cuhk .task-info h2 {
  color: #000000 !important;
  padding: 40px !important;
  text-align: start !important;
}

.entry-content .smart-cuhk-about-sci-row-3 tr td {
    border: 1px solid #eee;
    padding: 6px 24px;
}

@media only screen and (max-width: 425px) {
table.intended{
    overflow: scroll !important;
    display: block;
}
}
/*** END The Smart CUHK - ABOUT - SMART CAMPUS INITIATIVE ***/


/*** The Smart CUHK - ABOUT - TASK FORCE ON SMART CUHK CAMPUS ***/
#smart-cuhk-about-task-force-row-1 .entry-content tr td {
    border: 1px solid #eee;
    padding: 6px 24px;
}
/*** END The Smart CUHK - ABOUT - TASK FORCE ON SMART CUHK CAMPUS ***/


/*** The Smart CUHK - KNOWLEDGE EXCHANGE ***/
.knowledge-category{
  margin:20px!important;
  width: -webkit-fill-available!important;
}

@media only screen and (max-width: 768px) {
  .knowledge-category{
  margin: 40px 90px!important;
}
  .row-category{
    display:unset!important;
}
}

@media only screen and (max-width: 425px) {
  .knowledge-category{
  margin: 20px 40px!important;
}
}
/*** END The Smart CUHK - KNOWLEDGE EXCHANGE ***/


/*** The Smart CUHK - KNOWLEDGE EXCHANGE - NEWS - Listing Page  ***/
#smart-cuhk-knowledge-exchange-news-row-2 .et_pb_image_container {
    margin: 0;
}
/*** END The Smart CUHK - KNOWLEDGE EXCHANGE - NEWS - Listing Page  ***/


/*** The Smart CUHK - KNOWLEDGE EXCHANGE - NEWS - Inner Page  ***/
#smart-cuhk-knowledge-exchange-inner-new-row-1 .et_pb_image_container {
    margin: 0;
}
/*** END The Smart CUHK - KNOWLEDGE EXCHANGE - NEWS - Inner Page  ***/


/*** The Smart CUHK - KNOWLEDGE EXCHANGE - SMART CONTACTS ***/
.cuhk-black-color-link{
  color:black;
  text-decoration:underline;
}

.cuhk .et_pb_toggle_title{
  background: #ffffff!important;
    color: #000000;
    border-top: 1px solid #d7d7d7;
    border-bottom: 4px solid #21e496;
    border-left: 1px solid #d7d7d7;

}

.cuhk h5.et_pb_toggle_title{
 font-family: 'Roboto', sans-serif !important;
  color:black;
  font-weight:600!important;
   padding: 22px 80px 22px 15px !important;
}

.cuhk h5.et_pb_toggle_title::before{
     content: "\f067";
    font-size: 29px;
    font-weight: bold;
    color: white;
    font-family: 'Font Awesome 5 Free' !important;
    width: 45px;
    background: #21e496;
    top: 13px;
    height: 45px;
    padding-left: 25px;
    padding-top:21px;
    right: 0px!important;
}

.cuhk .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block !important;
    content: "\f068";
    font-size: 29px;
    font-weight: bold;
    color: #ffffff;
    font-family: 'Font Awesome 5 Free' !important;
    right: 0px !important;
}
.cuhk .et_pb_toggle_content{
  border:4px solid #21e496;
  border-top:0px;
}

.cuhk .et_pb_toggle_content a{
  color: #21e496;
  text-decoration: underline;
  padding-left:5px;
}

.cuhk .et_pb_toggle_content ul {
  list-style: none;
}

.cuhk .et_pb_toggle_content ul li::before {
  content: "\2022";
  color: #21e496;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

/***Set height***/
/************************* Accordian 2 *******************/


@media (max-width: 663px) and (min-width: 390px){
.cuhk .et_pb_accordion_item_8 h5.et_pb_toggle_title::before{
  height: 62px!important;
}
}

@media (max-width: 391px) and (min-width: 305px){
.cuhk .et_pb_accordion_item_8 h5.et_pb_toggle_title::before{
  height: 79px!important;
}
}

@media (max-width: 304px){
.cuhk .et_pb_accordion_item_8 h5.et_pb_toggle_title::before{
  height: 98px!important;
}
}


/************************* Accordian 3 *******************/
@media (max-width: 374px){
.cuhk .et_pb_accordion_item_9 h5.et_pb_toggle_title::before{
  height: 62px!important;
}
}



/************************* Accordian 4 *******************/
@media (max-width: 412px){
.cuhk .et_pb_accordion_item_10 h5.et_pb_toggle_title::before{
  height: 62px!important;
}
}


/************************* Accordian 5 *******************/
@media (max-width: 797px) and (min-width: 768px){
.cuhk .et_pb_accordion_item_11 h5.et_pb_toggle_title::before{
  height: 64px!important;
}
}

@media (max-width: 767px) and (min-width: 755px){
.cuhk .et_pb_accordion_item_11 h5.et_pb_toggle_title::before{
  height: 45px!important;
}
}

@media (max-width: 754px) and (min-width: 435px){
.cuhk .et_pb_accordion_item_11 h5.et_pb_toggle_title::before{
  height: 64px!important;
}
}

@media (max-width: 434px) and (min-width: 342px){
.cuhk .et_pb_accordion_item_11 h5.et_pb_toggle_title::before{
  height: 82px!important;
}
}

@media (max-width: 341px) and (min-width: 312px){
.cuhk .et_pb_accordion_item_11 h5.et_pb_toggle_title::before{
  height: 97px!important;
}
}
/*** END The Smart CUHK - KNOWLEDGE EXCHANGE - SMART CONTACTS ***/


/*** The Smart CUHK - COMPETITION - THEMES ***/
.themes-content ul{
  list-style: none;
  padding-left:40px;
}

.themes-content ul li::before {
  content: "\2022";
  color: #21e496;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 20px;
}

.themes.small-icon div img {
    display: inline-block!important;
}
/*** END The Smart CUHK - COMPETITION - THEMES ***/


/*** The Smart CUHK - COMPETITION - ELIGIBILITY ***/
@media only screen and (min-width: 769px) {
.page-id-568 .side-menu-container {
    top: 54%!important;
}
}

.eligibility-content ul {
  list-style: none;
}
/*** END The Smart CUHK - COMPETITION - ELIGIBILITY ***/


/*** The Smart CUHK - COMPETITION - SCHEDULE ***/
@media (max-width:500px){
#smart-cuhk-competition-schedule-row-4 table.round-table td {
    width: 100% !important;
    display: table;
    height: 40px !important;
    vertical-align: middle !important;
    font-weight: 500 !important;
    text-align: center;
    border-bottom: 1px solid #e6e7e8;
    border-left: 1px solid #e6e7e8;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
}
}

#smart-cuhk-competition-schedule-row-4 table.round-table td{
	text-align: center;
    border-left: 1px solid #e6e7e8;
	width:50%;
}
/*** END The Smart CUHK - COMPETITION - SCHEDULE ***/

/*** The Smart CUHK - COMPETITION - APPLICATION ***/
#smart-cuhk-competition-application-row-2 .num, #smart-cuhk-competition-application-row-3 .num{
    font-size: 50px;
    color: #21e496;
    font-weight: 500 !important;
    margin-left: 20px;
    margin-top: -22px;
}

.application-content ul {
  list-style: none;
}

.application-content ul li::before {
  content: "\2022";
  color: #895dfd;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 20px;
  padding-left:30px;
}
/*** END The Smart CUHK - COMPETITION - APPLICATION ***/



/*** The Smart CUHK - COMPETITION - RESULT ***/
.page-id-709 .side-menu-container {
    top: 53%!important;
}

@media (max-width:500px){
  #smart-cuhk-competition-result-row-2 table.round-table td {
    width: 100% !important;
    display: table;
    height: 40px !important;
    vertical-align: middle !important;
    font-weight: 500 !important;
    text-align: center;
    border-bottom: 1px solid #e6e7e8;
    border-left: 1px solid #e6e7e8;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
}
}

#smart-cuhk-competition-result-row-2 table.round-table td{
		text-align: left;
    border-left: 1px solid #e6e7e8;
  font-size: 17px
}

#smart-cuhk-competition-result-row-2 sup {
    top: -0.5em;
}

#smart-cuhk-competition-result-row-2 sub, #smart-cuhk-competition-result-row-2 sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

/*** END The Smart CUHK - COMPETITION - RESULT ***/

/*********************************   END Page CSS  *********************************/



/*** Side Menu - Competition - CSS ***/
.side-menu-container {
    position: fixed;
    top: 50%;
    height: auto;
    z-index: auto;
    opacity: 1;
    transform: translateY(-50%) !important;
	padding-left: 10px;
	display:none;
}

.side-menu-dot{
    list-style: none;
}

@media only screen and (min-width: 426px) {
.dot--item{
width: 100px;
  padding-bottom:20px;
}
.dot--item .txt {
    color: #000000;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
  padding-top:10px;
}
}


@media only screen and (max-width: 425px) {
.dot--item{
width: 85px;
  padding-bottom:20px;
}
.dot--item .txt {
    color: #000000;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
  padding-top:10px;
}
}

.dot--item .dot {
    width: 28px;
    height: 28px;
    background-color: #8b5fff;
    margin-bottom: 5px;
    position: relative;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
}

.dot--item .number {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    width: 100%;
    text-align: center;
    opacity: 1;
}

a{
    text-decoration: none;
}

/*** END Side Menu - Competition - CSS ***/ 


/** The Smart CUHK link color **/
.smart-cuhk-green-color-link{
   color: #21e496;
   text-decoration: underline;
}

.purple-color{
	text-align: center;
    color: #895dfd!important;
	background: #f5f5f5;
	border: 1px solid #e6e7e8;
}
/** END The Smart CUHK link color **/


/*** Knowledge Exchange - CSS ***/
.knowledge-exchange.icon.news span.et-waypoint.et_pb_animation_top.et_pb_animation_top_tablet.et_pb_animation_top_phone.et-pb-icon:hover.et-animated:before {
    color: #895dfd;
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
	-webkit-transition: all .4s;
    transition: all .4s;
}

.knowledge-exchange.icon.contact span.et-waypoint.et_pb_animation_top.et_pb_animation_top_tablet.et_pb_animation_top_phone.et-pb-icon:hover.et-animated:before {
    color: #895dfd;
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
	-webkit-transition: all .4s;
    transition: all .4s;
}

.knowledge-exchange.icon.news span.et-waypoint.et_pb_animation_top.et_pb_animation_top_tablet.et_pb_animation_top_phone.et-pb-icon.et-animated:before {
    content: "\f1ea";
    font-family: 'Font Awesome 5 Free';
    color: #afa5cf;
	margin-left: auto;
    margin-right: auto;
    display: block;
	font-size: 80px;
}

.knowledge-exchange.icon.contact span.et-waypoint.et_pb_animation_top.et_pb_animation_top_tablet.et_pb_animation_top_phone.et-pb-icon.et-animated:before {
    content: "\f2ba";
    font-family: FontAwesome;
    color: #afa5cf;
	margin-left: auto;
    margin-right: auto;
    display: block;
	font-size: 80px;
}

.knowledge-exchange.icon span.et-waypoint.et_pb_animation_top.et_pb_animation_top_tablet.et_pb_animation_top_phone.et-pb-icon.et-animated {
    color: #d7d7d7;
    width: 50%;
    height: 0;
	user-select: none;
}
/*** END Knowledge Exchange - CSS ***/

/*#the-smart-cuhk-challenge-mobile-menu ul#mobile_menu3 li ul.sub-menu li {
    display: none;
}
#the-smart-cuhk-challenge-mobile-menu a:active ul#mobile_menu3 li ul.sub-menu li {
    display: block!important;
}*/

@media (min-width: 320px) and (max-width: 767px){
div#the-smart-cuhk-challenge-mobile-menu .et_pb_menu_inner_container {
}
}

@media (min-width: 320px) and (max-width: 767px){
div#the-smart-cuhk-challenge-mobile-menu .et_pb_menu_inner_container {
    position: absolute;
    right: 0;
    width: 100%;
    top: -35px;
}
}
@media (min-width: 768px) and (max-width: 980px){
div#the-smart-cuhk-challenge-mobile-menu .et_pb_menu_inner_container {
    top: -55px!important;
}
}

@media (max-width: 980px){
div#the-smart-cuhk-challenge-mobile-menu ul#mobile_menu2 {
    top: 100%!important;
}
}

@media (max-width: 980px){
li.show-desktop {
    display: none;
}
}

@media (min-width: 981px){
li.show-mobile {
    display: none!important;
}
}

div#the-smart-cuhk-challenge-mobile-menu li a[href^="#"] {
    pointer-events: none;
}

div#the-smart-cuhk-challenge-desktop-menu li a[href^="#"] {
    pointer-events: none;
}

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\33";
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\32";
}

/*** Menu logo z-index ***/
div#go\ go-header\ mobile-responsive\ wfg-header .et_pb_row.et_pb_row_3_tb_header.et_pb_gutters1.et_pb_row--with-menu{
	z-index:0!important;
}

/*** Footer z-inex ***/
@media(min-width:981px){
.parent-pageid-757 .side-menu-container {
z-index: 999;
}

.parent-pageid-757 footer.et-l.et-l--footer {
z-index: 0;
}

.parent-pageid-757 .et_builder_inner_content.et_pb_gutters3 {
z-index: unset!important;
}
}


/** 27/1/2022 **/

article#post-14204 {
    display: none;
}


/*** 28/4/2022 ***/

.et_pb_gallery_items.et_post_gallery.clearfix div {
    width: 100%;
    margin-right: 1rem!important;
    margin-bottom: 1rem!important;
}

@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
}

.mfp-title {
    display: none;
}