/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =========================== Desktop View ===========================*/

.eicon-share-arrow, .elementor-slideshow__title { display:none; } /* Mentors gallery page do show the download button and title*/
 

/*	Header Section	*/
.culogo-new { width: 70px !important; }
.medlogo40-h { width: 217px !important; }
.culogo { width: 133px !important; }
.medlogo { width: 83px; }
.medlogo40 { width: 177px !important; }
.nurtxtlogo { width: 260px; }
.nurlogo { width: 85px; padding-right: 10px;}

.hfe-nav-menu-icon i, .fas fa-align-justify { color: #FFFFFF !important; }

/* Frontpage */
.bdt-mercury-slider .bdt-image-slider .bdt-img-wrap .bdt-img {
	height: auto !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-title {
	font-size: 22px !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-separator {
	margin: 0px !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-item {
	align-items: baseline !important;
}

/* Upcoming Events */
.mec-skin-timeline-events-container {
	min-height: 420px;
	max-height: 450px;
	overflow: auto;
}

/* Research Highlights */
.fp-research {
	min-height: 300px;
}

div#page>div .elementor-widget .elementor-icon-list-item, div#page>div .elementor-widget .elementor-icon-list-item a {
	align-items: self-start !important;
}
.elementor-widget .elementor-icon-list-item .elementor-icon-list-icon, .elementor-widget .elementor-icon-list-item a .elementor-icon-list-icon{
	margin-top:4px;
}

/* Footer Margin */
.elementor-285 .elementor-element.elementor-element-8fbf52f {
	margin-top: 30px !important;
}

/*	Page List Menu	*/
ul.page_list {
    list-style: none;
    list-style-type: none;
	padding-left: 0;
}

ul.page_list li {
	display: inline;
}

ul.page_list li a {
	/*color: #B0986D;*/
	color: #000000;
	font-weight:500;
	font-size:18px;
}

ul.page_list [aria-current] {
	/*color: #000000;*/
	color: #B0986D;
	/*text-decoration: underline;*/
}

ul.page_list.sub li a {
	/*color: #B0986D;*/
	color: #000000;
	font-weight:500;
	font-size:14px;
}

ul.page_list.sub [aria-current] {
	/*color: #000000;*/
	color: #1e5090;
	text-decoration: underline;
}

ul.page_list.lowerlevel{
	padding-bottom:80px;
	display: -webkit-inline-box;
    display: inline-block;
}
span.sublevel-netvigation{
	display: flex;
    flex-wrap: nowrap;
}
li.page_item.top-active-item a{
	color:#B0986D !important;
}
li.page_item a:hover {
	/*text-decoration: underline;*/
	color: #7e2d25;
}

ul.hfe-nav-menu>li.menu-item>ul.sub-menu.sub-menu-open>li.menu-item>ul.sub-menu.sub-menu-open>li.menu-item a{
	background-color:#B0986D !important;
}

.mobile-only-menu {
	display:none;
}

.hfe-nav-menu a[href="#"] {
	cursor: default;
}

/* Language Menu */
#menu-item-24466-hk, #menu-item-24466-cn {
	display:none;
}


/* About Us */
.ue_business_hours {
	width: 60%;
}

/*	People Page	*/
.ppt-details-table, .ppt-details-table td {
	border: none !important;
	margin-bottom: 0px;
}

.ppt-details-table tr:nth-child(odd)>td, .ppt-details-table tbody>tr:nth-child(odd)>th, .ppt-details-table tbody tr:hover>td, .ppt-details-table tbody tr:hover>th {
	background-color: transparent;
}

.ppt-details-table td {
	padding: 5px;
}

.ppt-details-table td:nth-child(1) {
	width: 20% !important;
}

.ppt-details-table p {
	margin-bottom: 5px;
}

.people-detail-award-service-table.tablepress-responsive a {
	word-break: break-all !important;
	word-wrap: break-word !important;
}

.people-detail-award-service-table thead, .ppt-details-table thead, .edu-student-support-wellbeing thead {
	display: none;
}

.people-link a:hover {
	text-decoration: underline;
}

/*	Award Page	*/
.award-table .column-1 {
	width: 5% !important;
}

.award-table .column-2, .award-table .column-3 {
	width: 35% !important;
}

.award-anniversary .column-1 {
	width: 20% !important;
}

.award-anniversary .column-2 {
	width: 50% !important;
}

.award-anniversary .column-3 {
	width: 30% !important;
}

/* Community Health - COVID-19 */
.community-health-table .column-1 {
	width: 10% !important;
}

.community-health-table .column-2 {
	width: 35% !important;
}

.community-health-table .column-3 {
	width: 20% !important;
}

/* Alumni Page */
.eae-pt-feature-list {
	padding: 0 !important;
}

/* Role Model */
.role-model-grid-container {
	display: grid;
	grid-template-columns: 50% 50%;
}

.role-model-grid-item {
	padding: 20px;
	font-size: 16px;
}

.role-model-thumbnail {
	float: left;
	padding-right: 20px;
}

.role-model-name {
	color:var( --e-global-color-primary );
	font-family:var( --e-global-typography-primary-font-family );
	font-weight: 600;
}

.role-model-organisation {
	
}

.role-model-programme {
	color: var( --e-global-color-07c4b0f );
}

/* Role Model Vertical */
.role-model-vertical-container {
	width: 100%;
}

.role-model-vertical-each-row {
	clear: both;
	margin-bottom: 30px;
	height: 150px;
}

.role-model-vertical-photo img {	
	margin-right: 20px !important;
	float: left;
	object-fit: cover;
}

/* Reseach Page */
.research-external-grants .column-4 {
	width: 10% !important;
}

.research-table-no-head-row thead {
	display: none;
}

.research-highlights-table p {
	margin-bottom: 0px;
}

/* Global Page */
.global-table .column-1 {
	width: 10% !important;
}

.global-table .column-2, .global-table .column-3 {
	width: 30% !important;
}

.global-table .column-4 {
	width: 15% !important;
}

.global-table .column-5 {
	width: 20% !important;
}

.global-table-se .column-1 {
	width: 35% !important;
}

.global-table-se .column-2, .global-table-se .column-3 {
	width: 25% !important;
}

.global-table-se .column-4 {
	width: 15% !important;
}

/* Prevent the map cover the submenu */
div.mapp-layout .mapp-content {
	z-index: 1;
}

/* Milestone Page */
.ptl-desc, .ptl-p-desc {
	font-size: 15px !important;
}

/* Tablepress */
.tablepress {
	width: 100% !important;
}

.tablepress .group, .tablepress .group:hover {
	background-color: var( --e-global-color-07c4b0f ) !important;
	font-weight: 600;	
	color: #FFFFFF;
}

.tablepress thead th, .tablepress tbody td {
	font-family: Roboto;
}

/* Tablepress general table settting */
.gold-header-row thead th {
	background-color: #B0986D;
	color: #FFFFFF;
}

.blue-header-row thead th {
	background-color: #1E5090;
	color: #FFFFFF;
}

.light-blue-odd-row .odd td, table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color: #F2F7FC;
}

/* News & Events */
.press-release-container {
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

.press-release-left {
	width: 30%;
}

.press-release-right {
	flex-grow: 1;
	margin-left: 30px;
	background-color: #F8F6F2;
	padding: 30px;
	width: 70%;
}

.press-release-title a {
	color: #1E5090;
	font-size: 20px;
}

.press-release-title a:hover {
	color: #1E5090;
	text-decoration: underline;
}

.school-publication-grid-container {
	display: grid;
	grid-column-gap: 5%;
	grid-template-columns: 30% 30% 30%;
	padding: 10px 10px 10px 0px;
	animation: none;
}

.anniversary-grid .school-publication-grid-container {
	grid-template-columns: 100% !important;
}

.school-publication-grid-item {
	text-align: center;
}

.school-publication-title {
	color: #1e5090;
	font-size: 18px;
	font-weight: 600;
}

.school-publication-date {
	font-size: 16px;
	color: #B0986D;
}

.school-publication-list-container {
	height: 400px;
	overflow: auto;
}

/* In the press */
.modal-wrapper.styled {
	background-color: rgb(0,0,0,0.5) !important;
}

.modal-header {	
	padding: 1rem 1rem 0 1rem;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.25;
	color: #1E5090;
}

.modal-body {
	padding: 1rem;
}

.inthepress_authors {
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	padding: 1rem 0;
	margin-bottom: 1rem;
}

.close-modal {
	padding: 0.5rem 0.5rem;
	margin: 0.5rem -0.5rem 0.5rem auto;
	border: 0 !important;
}

/* Event Calendar */
/* Timeline View - for Upcoming Events*/
.mec-timeline-event-date {
	width: 100%;
	color: #000000 !important;
}

.mec-event-title, .mec-event-title a {
	font-weight: 600 !important;
	color: #000000 !important;
}

.mec-events-timeline-wrap {
	padding: 10px;
}

.mec-events-timeline-wrap:before {
	left: 10px;
	background: #1E5090;
}

.mec-timeline-events-container .mec-timeline-event-date:before {
	background: #B0986D;
}

.mec-timeline-events-container .mec-timeline-event-date:after {
	background: rgba(176, 152, 109, 0.3);
}

.mec-events-content p {
	font-size: 16px !important;
}

.mec-search-bar-input {
	width: auto !important;
}

.elementor-widget-eael-feature-list .eael-feature-list-items{ word-break:break-word; }

// Giving
.giving-act-now a {
	width: 500px;
	height: 241px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('https://webarchive.lib.cuhk.edu.hk/20230310040223oe_/https://www.nur.cuhk.edu.hk/wp-content/uploads/2021/10/Btn-Act_Now.png');	
}

.giving-act-now:hover {
	background-image: url('https://webarchive.lib.cuhk.edu.hk/20230310040223oe_/https://www.nur.cuhk.edu.hk/wp-content/uploads/2021/10/Btn-Act_Now_Hover.png');
}

.donation-options-table td {
	font-size: 16px !important;
	color: #000000 !important;
}

.donation-options-table th {
	background-color: #1E5090 !important;
	color: #FFFFFF;
}

.donation-options-table i {
	color: #1E5090 !important;
}

.donation-options-table p {
	margin-bottom: 0 !important;
}

/* Liaison Person */
.liaison-person-grid-container {
	display: grid;
	grid-template-columns: 50% 50%;
}

.liaison-person-tab-header {
	background-color: var( --e-global-color-primary ) !important;
	border: none !important;
	border-radius: 0 !important;
}

.liaison-person-grid-item {
	padding: 20px;
	font-size: 14px;
}

.liaison-person-thumbnail {
	float: left;
	padding-right: 20px;
}

.liaison-person-name {
	color:var( --e-global-color-primary );
	font-family:var( --e-global-typography-primary-font-family );
	font-weight: 600;
	font-size: 1.25rem;
}

.liaison-person-organisation {
	
}

.liaison-person-programme {
	color: var( --e-global-color-07c4b0f );
}

/* =========================== Different Devices View ===========================*/

/* Small Desktop */
@media screen and (min-width:1051px) and (max-width:1300px) {
	.elementor-section.elementor-section-boxed > .elementor-container { max-width:1070px !important; }
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1050px) {
	/*	Header Section*/
	.culogo-new { width: 70px !important; }
	.medlogo40-h { width: 217px !important; }	
	.medlogo { width: 55px !important; }	
	.nurtxtlogo { width: 210px !important; }
	.nurlogo { width: 75px !important; }	
	.ue_business_hours { width: 100%; }
	
	p.role-model-organisation{ display:contents; display:-webkit-box; }
	div.role-model-vertical-container div.role-model-vertical-each-row{ display:inline-table; }
	
	.mobile-only-menu {	display:block; }
}

/* Mobile */
@media screen and (min-width:320px) and (max-width:767px){
	/*	Header Section*/
	.culogo-new { width: 57px !important; }
	.medlogo40-h { width: 180px !important; }	
	.medlogo { width: 35px !important; }	
	.nurtxtlogo { width: 120px !important; }
	.nurlogo { margin: 5px 0px 0px 5px; width: 45px !important; }	
	.ue_business_hours { width: 100%; }
	
	/*.elementor a { word-break: break-all !important;} */
	p.role-model-organisation{ display:contents; display:-webkit-box; }
	div.role-model-vertical-container div.role-model-vertical-each-row{ display:inline-table; }
	div.role-model-grid-container{ display:block; }
	div.role-model-organisation{ display:flex; }
	div.role-model-detail.elementor-widget-container{ display:table; }
	
	div.press-release-container { display: block; }
	div.press-release-left { width: 100% !important; }
	div.press-release-right { width: 100% !important; margin-left: 0px !important; }
	
	#cpc-research-hihglights .eael-img-accordion { height: 900px; }
	#cmsc-research-highlights .eael-img-accordion { height: 720px; }
	#abmw-research-highlights .eael-img-accordion { height: 540px; }
	
	.mobile-only-menu {	display:block; }
}