/* Font */

@font-face {
	font-family: "Raleway";
  	src: url("/sites/g/files/asqsls6306/themes/site/cityu_subtheme_2019/font/Raleway-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "Raleway";
  	src: url("/sites/g/files/asqsls6306/themes/site/cityu_subtheme_2019/font/Raleway-Bold.ttf");
	font-weight: 600;
}

@font-face {
	font-family: "Raleway";
  	src: url("/sites/g/files/asqsls6306/themes/site/cityu_subtheme_2019/font/Raleway-Medium.ttf");
	font-weight: 500;
}

.font_pt {
	font-family: 'PT Sans', sans-serif;
}

.font_roboto {
	font-family: 'Roboto', sans-serif;
}

/* Reset */
body {
	font-family: Raleway,Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

a, .block-entity-fieldnodebody a, .field--name-field-cityu-normal-content a, .block-field-blocknodecityu-normal-pagebody a, .block-entity-fieldnodefield-cityu-service-description a, .block-field-blocknodecityu-eventbody a, .block-field-blocknodepagebody a {
	color: #4e70ed;
}

a:hover, a:focus, .link:hover, .link:focus, .no-touch .block-entity-fieldnodebody a:hover, .no-touch .field--name-field-cityu-normal-content a:hover, .no-touch .block-field-blocknodecityu-normal-pagebody a:hover, .no-touch .block-entity-fieldnodefield-cityu-service-description a:hover, .no-touch .block-field-blocknodecityu-eventbody a:hover, .no-touch .block-field-blocknodepagebody a:hover, .block-entity-fieldnodebody a:active, .field--name-field-cityu-normal-content a:active, .block-field-blocknodecityu-normal-pagebody a:active, .block-entity-fieldnodefield-cityu-service-description a:active, .block-field-blocknodecityu-eventbody a:active, .block-field-blocknodepagebody a:active {
	color: #5875C4;
}

a:active, .link:active {
	color: #5875C4;
}

h2, .h2 {
	font-size: 1.5rem;
	margin-bottom: 0.8rem;
}

ul {
	list-style-type: none;
	padding-left: 0;
}

.space-around {
	justify-content: space-around;
}

.space-between {
	justify-content: space-between;
}

.row-reverse {
	flex-direction: row-reverse;
}

.text-gray {
	color: #6F6F6F;
}

.node--type-cityu-news .field--name-title h1, .region-sidebar .t-menu-level-0 > li > .t-nav-link.t-active, .no-touch .region-sidebar .t-menu-level-0 > li > .t-nav-link:hover, .node--type-cityu-normal-page .region-main .field--name-title h1 {
	color: #4e70ed;
}

.region-sidebar .t-menu-level-0 > li > .t-nav-link.t-active {
	border-bottom: 3px solid #4e70ed;
}

.region-sidebar .t-menu-level-0 > li > .t-nav-link {
	padding: 10px 20px;
}

.region-sidebar .t-navbar-nav {
	font-size: 14px;
	line-height: 1.3;
	font-family: 'Roboto';
}

.region-sidebar .t-menu-level-0 > li > .t-nav-link {	
	font-weight: 400;	
}

.region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link.t-active:not(.t-dropdown-toggle), .region-sidebar .t-navbar-nav .t-dropdown-menu > li > .t-nav-link.is-active:not(.t-dropdown-toggle) {
	color: #4e70ed;
	font-weight: normal;
}

.block-cityu-template-share-this {
	display: none;
}

.region-sidebar .t-menu-level-0 > li > .t-nav-link.t-active::before {
	color: #4e70ed;
}

.no-touch .region-sidebar .t-menu-level-0 > li > .t-nav-link:hover::before {
	color: #3F538A;
}

/* Nav tabs */
nav.tabs {
	margin-bottom: 0;
}

.tabs .primary {
	background: transparent;
	position: fixed;
	bottom: 0;
	left: 30px;
	z-index: 999;
	font-size: 12px;
}

.tabs .primary li {
	margin-right: 5px;
}

.tabs .primary li a {
	padding: 4px 15px;
	color: #333;
	background: #f1f1f1;
	border-radius: 0;
	border: none;
}

.tabs .primary li.active>a {
	background: #1f7edf;
	border: none;
	color: #fff;
}

/* new rule*/
.header #navbar-main {
	
}

.site-footer span.nav-link, .header #navbar-main .nav-item a, .header #navbar-main .nav-item .t-nav-link, .home .cityu-template-department-websites .t-backhome-icon::after, .no-touch .cityu-template-department-websites .t-backhome-icon:hover::after, .cityu-template-department-websites .t-backhome-icon::after, .cityu-template-department-service .t-backhome-icon::after {
	color: #fff;
}

.home .cityu-template-department-websites .t-backhome-icon::before, .no-touch .cityu-template-department-websites .t-backhome-icon:hover::before, .no-touch .cityu-template-department-websites .t-primary-menu .t-menu-level-0>li:hover::before {
	background-color: #fff;
}

.t-primary-menu .t-dropdown-menu {
	background: #4e70ed;
}

.cityu-template-department-websites .t-header-nav-wrapper::before {
	background-color: transparent;
}

.field--name-field-cityu-normal-content .primary-title {
	color: #4e70ed;
}

.t-sitemap, .t-footer-bottom {
	background: #555;
}

.t-sitemap {
	padding-bottom: 0;
}

.site-footer .nav, .site-footer .navbar-nav {
	display: unset;
}

#main-wrapper .content .field--name-field-cityu-normal-content a {
	word-wrap: break-word;
	color: #4e70ed;
	transition: color .2s;
}

#main-wrapper .content .field--name-field-cityu-normal-content a:focus, #main-wrapper .content .field--name-field-cityu-normal-content a:active {
	color: #bf165e;
}

/* Header */
#header .t-header-wrapper {
	align-items: center;
}

#header .t-header-wrapper .t-header-text {
	width: 370px;
	height: auto;
	padding: 10px 5px;
}

/* #header .t-header-search {
	margin-left: 30px !important;
} */

#header .t-header-search-icon {
	top: 25%;
}

#header #navbar-main .t-primary-menu .t-backhome-icon {
	display: none;
}

#header nav.menu--main>ul.t-navbar-nav>li.nav-item, .no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item, .no-touch .t-primary-menu .t-menu-level-0>li {
	transition: 0.2s;
}

.t-primary-menu .t-dropdown-menu a, .t-primary-menu .t-dropdown-menu .t-dropdown-toggle, .t-primary-menu .t-dropdown-menu .t-dropdown-item>span {
	padding: 12px 15px;
}

#header nav.menu--main>ul.t-navbar-nav>li.nav-item:hover, #header #navbar-main .t-navbar-nav .nav-item.t-active, .no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item:hover, .no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item.t-active:hover {
	background-color: #3F538A;
}

.no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item.t-active {
	background-color: #323D5E;
}

#block-headerlink {
	margin-left: auto;
}


/* Footer */
.site-footer {
	margin-top: 100px;
}

.site-footer hr.line_footer {
	border-top: 1px solid #2f2f2f;
	border-right: 0;
	border-bottom: 1px solid #6f6f6f;
	border-left: 0;
	margin: 0;
	margin-top: 15px;
}

.t-footer-wrapper {
	padding-top: 15px;
}

nav.menu--footer ul.navbar-nav {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	flex-direction: row;
}

nav.menu--footer ul.navbar-nav>li.nav-item {
	width: calc(100% / 6);
	padding: 0 10px;
	float: left;
	flex: unset;
	margin: 0 auto 15px;
}

nav.menu--footer ul.navbar-nav>li.nav-item>a, nav.menu--footer ul.navbar-nav>li.nav-item>span {
	color: #fff;
	margin-bottom: 20px;
}

nav.menu--footer ul.navbar-nav span, nav.menu--footer ul.navbar-nav a {
	font-size: 14px;
	color: #ccc;
	padding: 4px 0;
}

nav.menu--footer ul.navbar-nav ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

nav.menu--footer ul.navbar-nav ul>li>a.nav-link {
	font-size: 12px;
}

nav.menu--footer ul.navbar-nav ul>li>a.nav-link:hover {
	text-decoration: underline;
	color: #fff;
}

.site-footer .t-footer-bottom .footer-copyright, .site-footer .t-footer-bottom .footer-links a {
	color: #ccc;
}

/* Student story rich-content */
.line-left {
	border-left: 5px solid #4e70ed;
	padding-left: 10px;
	line-height: 0.9;
	margin-bottom: 30px;
	font-size: 25px;
}

.paragraph--type--cityu-rich-content {
}

/*.paragraph--type--cityu-rich-content h3, .paragraph--type--cityu-rich-content p {
margin-bottom: 30px;
}*/
.paragraph--type--cityu-rich-content p.d-flex {
	margin-bottom: 50px !important;
}

.paragraph--type--cityu-rich-content p.d-flex img, .paragraph--type--cityu-rich-content div.embedded-entity {
	width: calc(100% / 3);
	margin-right: 20px;
}

div.embedded-entity {
	margin-right: 20px;
}

.paragraph--type--cityu-rich-content div.embedded-entity img.embedded-entity {
	width: 100%;
}

.paragraph--type--cityu-rich-content p.d-flex img:last-child, .paragraph--type--cityu-rich-content div.embedded-entity img.embedded-entity:last-child {
	margin-right: 0;
}

.paragraph--type--cityu-rich-content ul {
	padding-left: 50px;
}

.paragraph--type--cityu-rich-content ul>li::after {
	color: #4e70ed;
	font-size: 24px;
}

/* Student story type image-content */
.paragraph--type--cityu-image-content {
	margin-bottom: 50px;
}

.paragraph--type--cityu-image-content .bim-title {
	font-weight: bold;
}

.paragraph--type--cityu-image-content .row {
	align-items: center;    /*flex-direction: row-reverse;*/
}

.paragraph--type--cityu-image-content .bim-content p:last-child {
	margin-bottom: 0 !important;
}

.block_image_right.paragraph--type--cityu-image-content .row {
	flex-direction: row-reverse;
}

#main-wrapper .content .field--name-field-cityu-normal-content a.read_more {
	text-decoration: none !important;
}

#main-wrapper .content .field--name-field-cityu-normal-content a.read_more::after {
	content: "\e944";
	font-family: 'Linearicons' !important;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}

.field--name-field-feedback-item .field__item {
	margin-bottom: 50px;
	clear: both;
	display: inline-block;
	width: 100%;
}

.field--name-field-feedback-item .field__item>div {
	width: 48%;
}

.field--name-field-feedback-item .field__item:nth-child(2n)>div {
	float: right;
}

.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner {
	position: relative;
	background: #F7F7F7;
	border-radius: 36px;
	padding: 30px;
	box-shadow: -15px 15px #4e70ed;
	width: 100%;
}

.field--name-field-feedback-item .field__item:nth-child(2n)>.paragraph--type--feedback-item .fbi-inner {
	box-shadow: 15px 15px #4e70ed;
}

.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 12%;
	width: 0;
	height: 0;
	border: 37px solid transparent;
	border-top-color: #F7F7F7;
	border-bottom: 0;
	border-left: 0;
	margin-left: -18.5px;
	margin-bottom: -37px;
}

.field--name-field-feedback-item .field__item:nth-child(2n)>.paragraph--type--feedback-item .fbi-inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 88%;
	width: 0;
	height: 0;
	border: 37px solid transparent;
	border-top-color: #F7F7F7;
	border-bottom: 0;
	border-right: 0;
	margin-left: -18.5px;
	margin-bottom: -37px;
}

.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner {
	font-size: 16px;
	line-height: 1.5;
}

.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner .feedback_content {
	margin-bottom: 35px;
}

.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner .fb_subauthor {
	color: #A2A2A2;
}

#main-wrapper .content .field--name-field-cityu-normal-content a:hover {
	text-decoration: none !important;
	color: #000;
}

.block-entity-fieldnodebody li, .field--name-field-cityu-normal-content li, .block-field-blocknodecityu-normal-pagebody li, .block-entity-fieldnodefield-cityu-service-description li, .block-field-blocknodecityu-eventbody li, .block-field-blocknodepagebody li {
	padding-left: 0;
	margin-left: 0;
}

/* Home */
.headline-carousel .carousel-bottom-bg::after {
	content: '';
	position: absolute;
	bottom: -6.5rem;
	z-index: 52;
	display: block;
	width: 100%;
	height: 11.25rem;
	background: url("../images/DiagonalPart.png") no-repeat;
	background-size: 100% 11.25rem;
}

.headline-carousel .carousel-control {
	background: unset;
}

.no-touch .headline-carousel .carousel-control:focus, .no-touch .headline-carousel .carousel-control:hover {
	background: #4e70ed;
	outline: none;
}

.bh-item {
	background-color: #FAF8F8;
	height: 355px;
	position: relative;
}

.bh-item::after {
	content: '';
	background-image: url("../images/Path87.png");
	width: 100%;
	height: 45px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	bottom: 0;
}

.bh-item .bh-title {
	padding: 15px;
	color: #4e70ed;
	font-weight: bold;
	font-size: 20px;
}

.block_home {
	margin-bottom: 100px;
}

.news_ann .news-hitem, .news_highlights .news_home_wrap {
	border: 1px solid #D3D3D3;
	height: 400px;
	height: auto;
}

.news-hitem>div:not(:nth-child(1)) {
	padding-left: 20px;
	padding-right: 20px;
}

.news-hitem .views-field-field-cityu-news-date {
	padding-top: 10px;
	padding-bottom: 10px;
}

.news-hitem .views-field-title {
	font-weight: bold;
	padding-bottom: 20px;
}

.news-hitem .views-field-body {
	padding-bottom: 15px;
}

.news_ann .owl-nav, .news_home_wrap .owl-nav {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -63px;
}

.owl-theme .owl-nav [class*="owl-"] {
	font-weight: bold;
	font-size: 24px;
	background: transparent;
	color: #5A78C5;
}

.owl-theme .owl-nav .disabled {
	color: #BFBFBF;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
	background: transparent;
	color: #5A78C5;
	text-decoration: none;
}

.owl-theme .owl-nav .disabled:hover {
	color: #BFBFBF;
}

.cityu-template-department-websites .t-primary-menu .t-menu-level-0>li>.t-nav-link.t-active::before, .cityu-template-department-service .t-primary-menu .t-menu-level-0>li>.t-nav-link.t-active::before {
	content: none;
}

/* Profess */
.pfi-item {
	margin-bottom: 50px;
}

.pfi-item .pf_title {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

.pfi-item .pf_title a {
	color: #000;
}

.pfi-item .pf_info {
	font-size: 14px;
}

.pfi-item .pf_info span {
	font-weight: bold;
}

/** .pfi-item .pf_info a {
	text-decoration: underline;
} **/

.view-ma-academic-faculty .view-content {
	padding-top: 20px;
}

.node--type-professor .site-footer .t-sitemap {
	display: none;
}

/* Profess info */
.professor_info {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	max-width: 315px;
}

.professor_info .pfi_base {
	padding: 30px;
}

.professor_info .pfi_base .pf_avata {
	margin-bottom: 50px;
}

.professor_info .pfi_base .pf_avata img {
	border-radius: 100%;
}

.professor_info .pfi_base .pfi_base-inner h2 {
	margin-bottom: 0;
}

.professor_info .pfi_base .pfi_base-inner h2 .field--name-title {
	font-size: 20px;
}

.professor_info .pfi_base .pfi_base-inner .field--name-field-pf-location {
	color: #6F6F6F;
}

.professor_info .pif_box .pif_box-title {
	background-color: #87B6CA;
	color: #fff;
	padding-left: 30px;
	font-size: 16px;
	padding: 10px 30px;
	font-weight: bold;
}

.professor_info .pif_box .pif_box_inner {
	padding: 20px 30px;
}

.professor_info .pif_box .pif_box_inner .field {
	padding-bottom: 5px;
}

.professor_info .pif_box .field--label-inline {
	display: flex;
}

.professor_info .pif_box .field--label-inline .field__label::after {
	content: ': ';
	padding-right: 10px;
}

.professor_info .pif_box .field--name-field-pf-research-interesets .field__item {
	padding-bottom: 5px;
	display: flex;
	align-items: baseline;
}

.professor_info .pif_box .field--name-field-pf-research-interesets .field__item::before {
	content: '\25CF';
	font-size: 18px;
	color: #87B6CA;
	margin-right: 15px;
}

.professor_details .pfd-item:first-child .field__item {
	border: 0;
}

.professor_details .pfd-item {
	margin-bottom: 50px;
}

.professor_details .pfd-item p {
	margin-bottom: 20px;
}

.node--type-professor .professor_details ul {
	padding-left: 30px;
}

.node--type-professor .professor_details ul>li {
	list-style: disc;
	margin-bottom: 10px;
}

.node--type-professor .professor_details ul>li::maker {
	color: #c00e5e;
}

.node--type-professor .professor_details ol>li {
	margin-bottom: 15px;
	list-style: decimal;
}

.paragraph--type--professor-section {
	margin-bottom: 50px;
}

.paragraph--type--professor-section .field--name-field-section-title {
	border-left: 5px solid #4e70ed;
	padding-left: 10px;
	line-height: 0.9;
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 25px;
}

/* Event Page */
.event_page .event_header {
	background-image: url('../images/EventBanner.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	margin-right: -15px;
	margin-left: -15px;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-bottom: 50px;
}

.event_page .event_header h3, .event_page .event_header a, .event_page .event_header div>span {
	font-weight: bold;
}

.event_page .event_header h3 {
	margin-bottom: 30px;
}

.event_page .event_header .event_header_link {
	margin-top: 30px;
}

.event_page .event_header a {
	color: #fff;
	margin-right: 30px;
	transition: 0.2s;
}

.event_page .event_header a:hover {
	color: #bf165e;
}

.event_page .event_header a:last-child {
	margin-right: 0;
}

.event_page .event_content_ct {
	margin-bottom: 50px;
	padding-right: 50px;
}

.event_page .event_content_ct:last-child {
	margin-bottom: 0;
}

.event_page .event_content_ct .field--name-field-cityu-event-speaker .field__item {
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 15px;
	padding-top: 15px;
}

.event_page .event_content_ct .field--name-field-cityu-event-speaker .field__item:first-child {
	border-top: 1px solid #DBDBDB;
}

.event_page .organiser_content .organiser_content_desc {
	color: #8D8D8D;
}

.event_page .field--name-field-event-cityu-address {
	display: inline-block;
}

.home .cityu-template-department-websites .t-backhome-icon::before, .no-touch .cityu-template-department-websites .t-backhome-icon:hover::before, .no-touch .cityu-template-department-websites .t-primary-menu .t-menu-level-0>li:hover::before {
	display: none;
}

.paragraph--type--cityu-carousel::after {
	background: url("../images/DiagonalPart.png") no-repeat;
	background-size: cover;
	background-position: center;
}

/* Event Highlight Page */
.cityu-event-category .views-row {
	margin: 50px 0;
}

.ctu-event_item .ctu-event-mid {
	border: solid 2px #D3D3D3;
	border-radius: 5px;
	padding: 15px;
	transition: 0.3s all ease-in-out;
}

.ctu-event_item:hover .ctu-event-mid {
	border-color: #4e70ed
}

.ctu-event_item .ctu-event-more {
	display: flex;
}

.ctu-event_item .ctu-event-more a {
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	white-space: nowrap;
	padding: 10px 15px;
	display: flex;
	align-items: center;
	color: #4e70ed;
	font-weight: bold;
	border: solid 2px #4e70ed;
	border-radius: 0 5px 5px 0;
}

.ctu-event_item .ctu-event-more a:hover, .ctu-event_item .ctu-event-more a:focus {
	color: #fff;
	background: #4e70ed;
}

.ctu-event_item .ctu-event-date {
	width: 100%;
}

.ev-date_group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	color: #696969;
	font-size: 14px;
}

.ev-date_group .ev-date_detail>span {
	display: block;
	margin: 5px 0;
}

.ev-date_group .ev-date_detail .ev-day-num, .ev-date_group .ev-date_detail .ev-day-text {
	font-size: 40px;
	color: #4e70ed;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}

.ev-date_group .ev-date_detail .ev-day-text {
	font-size: 18px;
}

.ev-date_group .ev-date_time .ev-time_detail>span {
	display: block;
	margin: 3px 0;
	text-transform: uppercase;
}

.ev-date_group.ev-some_day .ev-date_to span {
	visibility: hidden;
}

.ev-date_group.ev-some_day .icon-time {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('../images/clock.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

.ev-date_group.ev-some_day .ev-time_start:after {
	content: "";
	background: #D3D3D3;
	display: block;
	margin: 3px auto 0;
	width: 1px;
	height: 10px;
}

.ctu-event_item .ctu-event-mid_inner {
	margin-right: -20px;
	margin-left: -20px;
}

.ctu-event_item .ctu-event-mid_inner>div {
	padding-left: 20px;
	padding-right: 20px;
}

.ctu-event_item .ev-speaker_venue {
	font-size: 14px;
}

.ctu-event_item .ev-speaker_venue>div {
	margin: 10px 0;
}

.ctu-event_item .ev-speaker_venue .u {
	color: #696969;
}

.ctu-event_item .ctu-event-content {
	font-size: 14px;
	color: #000;
	position: relative;
}

.ctu-event_item .ctu-event-content .ctu-evtitle {
	font-weight: bold;
	font-size: 18px;
}

.ctu-event_item .ctu-event-content:before, .ctu-event_item .ctu-event-content:after {
	display: block;
	height: 96%;
	width: 1px;
	content: "";
	background: #D3D3D3;
	position: absolute;
	left: -20px;
	top: 2%;
}

.ctu-event_item .ctu-event-content:after {
	left: auto;
	right: -20px;
}

.event_content p {
	/*margin-bottom: 10px;*/
}

.event_content .speaker_list li, .event_content .organizers_list li {
	border-bottom: 1px solid #e7e7e7;
	padding: 20px 0;
}

.event_content .speaker_list li:first-child, .event_content .organizers_list li:first-child {
	border-top: 1px solid #e7e7e7;
}

.event_content .field--name-field-event-organizers {
	border-bottom: 1px solid #e7e7e7;
	padding: 20px 0;
}

.page_sidebar h1.line-left {
	padding-top: 0;
	margin-top: 0;
}

/* Table */
.cityu-width-full {
	width: 100%;
}

.block-entity-fieldnodebody .cityu-table table th, .field--name-field-cityu-normal-content .cityu-table table th, .block-field-blocknodecityu-normal-pagebody .cityu-table table th, .block-entity-fieldnodefield-cityu-service-description .cityu-table table th, .block-field-blocknodecityu-eventbody .cityu-table table th, .block-field-blocknodepagebody .cityu-table table th {
	background-color: #4e70ed;
}

.block-entity-fieldnodebody .cityu-table table, .field--name-field-cityu-normal-content .cityu-table table, .block-field-blocknodecityu-normal-pagebody .cityu-table table, .block-entity-fieldnodefield-cityu-service-description .cityu-table table, .block-field-blocknodecityu-eventbody .cityu-table table, .block-field-blocknodepagebody .cityu-table table {
	margin-bottom: 2.5rem;
}

/* Side bar page */
section.region-sidebar-navigation {
	font-family: 'Roboto', sans-serif;
	max-width: 210px;
}

section.region-sidebar-navigation .t-navbar-nav .nav-item a {
	font-size: 14px;
	font-weight: normal;
}

.region-sidebar  .navigation {
	font-family: 'Roboto', sans-serif;
	max-width: 210px;
}


.region-sidebar .t-navbar-nav .t-nav-link {
	cursor: pointer;
	font-weight: normal;
}

.block-entity-fieldnodebody .cityu-table table th, .field--name-field-cityu-normal-content .cityu-table table th, .block-field-blocknodecityu-normal-pagebody .cityu-table table th, .block-entity-fieldnodefield-cityu-service-description .cityu-table table th, .block-field-blocknodecityu-eventbody .cityu-table table th, .block-field-blocknodepagebody .cityu-table table th {
	font-size: 1rem !important;
	font-weight: normal !important;
	
}

.node--type-cityu-normal-page .region-main .field--name-title h1 {
	font-weight: 700;
}

.region-main .field--name-body h2, 
.region-main .field--name-body h3,
.region-main .field--name-body h4, 
.region-main .field--name-body p, 
.region-main .field--name-body ul, 
.region-main .field--name-body ol {
	margin-bottom: 15px !important;
}

/* News */
.news_full_page .news_title {
	margin-top: 50px;
	margin-bottom: 50px;
}

.block-entity-fieldnodebody ul {
	margin-left: 20px;
}
/* */
.carousel-inner .field--name-field-cityu-banner img {
	object-position: top center;
}


.region-main h3.line-left a{font-size: 25px!important;}
/******4-jan-2021******/
.professor_info .field--name-field-pf-fax .field__item {
    padding-left: 22px;
}
.professor_info .field__item {
    padding-left: 8px;
}
.professor_info .field--name-field-pf-phone .field__item {
    padding-left: 3px;
}
.professor_info .pif_box .field--label-inline .field__label::after
{
      padding-right: 0px;
}
.professor_info .field--name-field-pf-email .field__item {
    padding-left: 10px;
}
.professor_info .field--name-field-pf-links .field__item {
    padding-left: 11px;
}

/*****5-jan-2021**********/
.node--type-cityu-normal-page .bim-content {
    border-bottom: 1px solid #e7e7e7;
}
.node--type-professor .paragraph--view-mode--default a {
    text-decoration: none !important;
}
.node-preview-container .form-item-view-mode {
    display: none !important;
}

.field.field--name-field-header-image.field--type-image.field--label-above img {
    width: 147px !important;
    height: 109px !important;
    object-fit: contain;
}
.addthis_toolbox.addthis_default_style a:nth-child(1) {
    display: none !important;
}
.addthis_toolbox.addthis_default_style a:nth-child(3) {
    display: none !important;
}
.addthis_toolbox.addthis_default_style a:nth-child(4) {
    display: none !important;
}
.addthis_toolbox.addthis_default_style a:nth-child(5) {
    display: none !important;
}
span.ext {
    display: none !important;
}
.professor_details .pfd-item p {
    position: relative;
}
.professor_details .pfd-item a:after, .node--type-professor .professor_details ol>li>a.new_window:after, .node--type-professor .professor_details ul > li>a:after, .professor_info .field--name-field-pf-links .field__item a.new_window:after
{
    height: 40px;
    width: 10px;
    content: '';
    background-position: 2px center !important;
    background-repeat: no-repeat !important;
    padding-right: 12px;
    text-decoration: none;
    background: url(https://deptma01.wcm.cityu.edu.hk/sites/g/files/asqsls6306/files/2021-01/icon.png);
}
/*******6-jan-2021*********/
.path-node a{text-decoration-style:none !important;}
.t-header-wrapper .field--name-field-header-image .field__label {display: none;}

#views-exposed-form-news-events-filter-block-1 .reset-wrapper.hide {
display: none;	
}
/*****responsive**********/
@media only screen and (max-width: 991px)
{
  	.t-nav-collapse 
  	{
    	top: 128px !important;
	}
   .scroll-down #header 
  	{
   		 top: -100%;
	}
  	.navbar-brand-hk img
	{
	  height: 84px !important;
	  margin-top: -19px !important;
	}
    .node--type-cityu-normal-page .main-and-sidebar-wrapper {
      margin-top: 0px;
  	}
    #header .t-header-search form
    {
      margin-top: -9px;
      display:none;
    }
    .node--type-cityu-normal-page .section-breadcrumb .breadcrumb
	{
		    padding: 32px 0 20px;
	}
    #header.t-menu-open 
    {
      background-color: #4e70ed;
 	}
    #header.t-menu-open .field--label-hidden.field__item a 
    {
		color: #fff;
	}
    .d-none.d-lg-block.carousel-bottom-bg 
    {
		display: block !important;
	}
   .headline-carousel .carousel-bottom-bg::after
    {
	 bottom: 37%;
	 background-size: 100% 40%;
     height: 13rem;
    }
}
@media only screen and (max-width: 767px)
{
.t-nav-collapse {
    top: 59px !important;
}
  ..two-images .field__item img {
    width: auto !important;
    height: 38px !important;
}
  .paragraph--type--cityu-carousel
{
    height: calc(100vh - 182px);	
}
 .scroll-down #header {
    top: -100%;
}
  .navbar-brand-hk img
	{
	  height: 31px !important;
	  margin-top: 0px !important;
	}
  .pfi-item .pf_info a {
    word-break: unset !important;
}
  .node--type-cityu-normal-page .two-images .col-sm-6 
  {
    flex: 0 0 100%;
    max-width: 100%;
   }
  .two-images .field__item img 
   {
    width: 100% !important;
    height: 100% !important;
  }
  .field.field--name-field-header-image.field--type-image.field--label-above img {
    width: auto !important;
    height: 35px !important;
    object-fit: contain;
   }
   .headline-carousel .carousel-bottom-bg::after
 	{
	 	 bottom: 23%;
	     background-size: 100% 20%;
		 height: 13rem;
 	}
    .carousel-inner .field--name-field-cityu-banner img 
  	{
      width: 100% !important;
      min-height: 45% !important;
      object-fit: cover;
	}
 
}



@media only screen and (max-width:999px){

	.t-sidebar-mobile .t-sidebar-collapse,
	.t-nav-collapse .t-navbar-nav, .t-sidebar-mobile .t-navbar-nav {background-color: #4e70ed!important;}
	.t-nav-collapse .t-navbar-nav .t-dropdown-menu, .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu,
	.no-touch .t-nav-collapse .t-navbar-nav .t-dropdown-item > .t-nav-link:hover, .t-nav-collapse .t-navbar-nav .t-dropdown-item > .t-nav-link:active, .no-touch .t-sidebar-mobile .t-navbar-nav .t-dropdown-item > .t-nav-link:hover, .t-sidebar-mobile .t-navbar-nav .t-dropdown-item > .t-nav-link:active{background-color: #4063e2!important;}
	.t-nav-collapse .t-navbar-nav li, .t-sidebar-mobile .t-navbar-nav li {border-top: 1px solid #3859d4!important;}
	.t-nav-collapse{border-bottom: 1px solid #3859d4!important;}
}

.text-align-top{
    vertical-align: top !important;
}
.text-align-center{
    vertical-align: middle !important;
}
.text-align-bottom{
    vertical-align: bottom !important;
}

.file--application-pdf::after {
    content: "\f08e";
    position: absolute;
    font-family: FontAwesome;
    margin-left: 12px;
    font-size: 14px;
    margin-top: 2px;
    color: #4e70ed;
}

.cityu-content-page a {
  
  display: inline-block;}

.region-main .cityu-content-page .cityu-table td:nth-child(2) a::after{
    content: none !important;
}
.region-main .cityu-link-url::after{
    content: "\f08e";
    position: absolute;
    font-family: FontAwesome;
    margin-left: 12px;
  	font-size: 14px;
}
blockquote {
    margin: 0!important;
}

blockquote p {
    padding: 15px!important;
    
    border-radius: 5px!important;
}

blockquote p::before {
    content: '\201C'!important;
}

blockquote p::after {
    content: '\201D'!important;
}

blockquote{
    padding: 15px!important;
    
    border-radius: 5px!important;
}

blockquote::before {
    content: '\201C'!important;
}

blockquote::after {
    content: '\201D'!important;
}

.block.block-layout-builder.block-field-blocknodepagebody .cityu-content-page table th, .block.block-layout-builder.block-field-blocknodepagebody .cityu-content-page table td {
    padding: 8px 24px !important;
}
.paragraph--type--cityu-accordion h2 {
    font-size: 16px !important;
}
.clearfix.text-formatted.field.field--name-field-cityu-content.field--type-text-long.field--label-hidden.field__item p u {
    text-decoration: none;
    border-bottom: 1px solid;
}

.block-views-blocklatest-news-upcoming-events-block-5 {
	display: none;	
}
#block-exposedformsearchpage {
	display: none;	
}
#block-exposedformsearchpage.show {
	display: block;	
}
#block-exposedformsearchpage .form-actions {
	display: none;	
}
#block-searchicon .t-header-search-icon {
	position: relative;
}
#block-searchicon .search-button img {
	width: 20px;
}
#block-searchicon .search-close-button img {
	width: 15px;
}
#block-searchicon img:hover {
	cursor: pointer;
}
#block-searchicon .search-button {
	border: none;
	background: none;
}
#block-searchicon.header-search {
	margin-left: 30px !important;
}
#views-exposed-form-search-page .form-group {
	margin-bottom: 0;	
}
#block-exposedformsearchpage-2 {
	display: none;	
}
#block-exposedformsearchpage-2 .form-actions {
	display: none;
}

@media only screen and (max-width:1199px){

.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner::after {left: 16%;}
.field--name-field-feedback-item .field__item:nth-child(2n) > .paragraph--type--feedback-item .fbi-inner::after {left: 80%;}

}
@media only screen and (max-width:580px){
.field--name-field-feedback-item .field__item:nth-child(2n) > .paragraph--type--feedback-item .fbi-inner::after {

left: 80%!important;}
.field--name-field-feedback-item .paragraph--type--feedback-item .fbi-inner::after {

left: 19%!important;}

}
.clearfix.text-formatted.field.field--name-field-cityu-content.field--type-text-long.field--label-hidden.field__item p span {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}
.clearfix.text-formatted.field.field--name-field-cityu-content.field--type-text-long.field--label-hidden.field__item p {
    word-break: break-word;
}
.breadcrumb-position a {   text-transform: capitalize !important;}
.t-primary-menu .content .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field p a {font-size: 14px;color: #fff !important;}
.section-breadcrumb .breadcrumb a { text-transform: capitalize;}
table th, table td {
    padding: 6px;
    border: 1px solid #e8e8e8 !important;
    font-size: 15px !important;
    line-height: 16px !important;
    letter-spacing: 1px;
    vertical-align: middle !important;
}
table th { background-color: #4e70ed !important;}
h2{font-size:2rem!important;}
.block-entity-fieldnodebody h1, .field--name-field-cityu-normal-content h1, .block-field-blocknodecityu-normal-pagebody h1, .block-entity-fieldnodefield-cityu-service-description h1, .block-field-blocknodecityu-eventbody h1, .block-field-blocknodepagebody h1,
.block-entity-fieldnodebody .primary-title, .field--name-field-cityu-normal-content .primary-title, .block-field-blocknodecityu-normal-pagebody .primary-title, .block-entity-fieldnodefield-cityu-service-description .primary-title, .block-field-blocknodecityu-eventbody .primary-title, .block-field-blocknodepagebody .primary-title,
.block-entity-fieldnodebody .secondary-title, .field--name-field-cityu-normal-content .secondary-title, .block-field-blocknodecityu-normal-pagebody .secondary-title, .block-entity-fieldnodefield-cityu-service-description .secondary-title, .block-field-blocknodecityu-eventbody .secondary-title, .block-field-blocknodepagebody .secondary-title { margin-bottom: 0!important;padding-top: 0!important;}
h1, h2, h3, h4, h5, h6 {
    color: #4e70ed !important;
}
table th {
  padding: 6px !important;
  border: 1px solid #e8e8e8 !important;
  color: #fff !important;
  font-size: 15px !important;
	line-height:normal!important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;vertical-align: middle !important;
}
table td {
    padding: 6px !important;
    padding: 6px !important;
    border: 1px solid #e8e8e8 !important;
    font-size: 15px !important;
    line-height: 16px !important;
    letter-spacing: 1px;vertical-align: middle !important;
}
.block-entity-fieldnodebody .cityu-table table th, .field--name-field-cityu-normal-content .cityu-table table th, .block-field-blocknodecityu-normal-pagebody .cityu-table table th, .block-entity-fieldnodefield-cityu-service-description .cityu-table table th, .block-field-blocknodecityu-eventbody .cityu-table table th, .block-field-blocknodepagebody .cityu-table table th {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.cityu-template-department-websites .two-images .embedded-entity{width: auto;}

@media all and (max-width: 991px) and (min-width: 768px){

.block_home .bh-video {width: 100%; height: 133px;}
}

@media only screen and (min-width:1200px){
	.block_home .bh-video {width: 100%; height: 212px;}

}

@media all and (max-width: 1199px) and (min-width: 992px){

.block_home .bh-video {width: 100%; height: 176px;}
}

.event_page .event_content_ct p {font-style: normal!important;}
.event_page .event_content_ct p em{font-style: normal!important;}
.event_content p {/*margin-bottom: 10px!important;*/}
.event_page .event_content_ct p strong {font-weight: initial!important;}
.event_page .event_content_ct:last-child ul li {border: 0!important;padding: 0!important;}
.region-sidebar .t-menu-level-0 > li > .t-nav-link.t-active {text-transform: uppercase;font-size: 12px;}

@media (max-width: 834px) {
   .block-views-blocklatest-news-upcoming-events-block-5 {
	display: block;	
   }
	.block-views-blocklatest-news-upcoming-events-block-5 .flexslider .flex-direction-nav a, 
	.block-views-blocklatest-news-upcoming-events-block-5 .flexslider .flex-direction-nav a {
		display: block;
	}
}

@media (max-width: 767.98px){
   .ctu-event-mid {border: 2px solid #D3D3D3!important;border-radius: 6px!important;}
   .field--name-field-feedback-item .field__item > div {width: 100%;}
}

.no-touch .t-primary-menu .t-dropdown-menu .t-dropdown:hover ul.t-dropdown-menu.t-menu-level-3 {display: none;}
ul.t-dropdown-menu.t-menu-level-2 li.t-dropdown-item.menu-item--expanded.t-dropdown:hover ul.t-dropdown-menu.t-menu-level-3 {
display: block;}



.views-field.views-field-operations .dropbutton-wrapper.dropbutton-multiple {width: 38%;min-width: 95px;margin-left: auto; opacity: 0;}
div#block-cityu-subtheme-2019-content .view-content li.col-12.col-sm-6.col-md-4:hover .views-field.views-field-operations .dropbutton-wrapper.dropbutton-multiple {opacity: 1;}

.views-field.views-field-operations .dropbutton-arrow {position: static!important;width: 0;height: 0;margin-top: -3px!important;border-width: 0!important;display: initial!important;}

.dropbutton-arrow:hover::after {opacity: 1;}

.views-field.views-field-operations span.dropbutton-arrow:hover {background: transparent!important;position: relative;}

.views-field.views-field-operations .dropbutton-arrow:after {content: "\f040";border: 1px solid;font-family: "FontAwesome";padding: 4px 5px;border-radius: 50%;font-size: 13px;opacity: .3;top: 3px;position: absolute;height: 22px;width: 22px;display: flex;justify-content: center;align-items: center;left: 5px;}

.bh-item {overflow: hidden!important;}

.views-field .field-content {text-align: justify!important;}

span.field-content a {display: inline-block;text-align: justify;}

.news-hitem span.field-content {text-align: justify!important;display: inline-block;}

.views-field.views-field-view-node-1 span.field-content a {background: #1f7edf;display: inline-block;padding: 3px 10px;color: #fff;margin-bottom: 10px;}

.cityu-content-page a {color: #7086C1;transition: .2s;text-decoration: none !important;}

.cityu-content-page a:hover {color: #bf165e;}

.block-field-blocknodepagebody ul,
.block-field-blocknodepagebody ol{padding: 0px 0 0 2em;}

.field--name-field-header-image .field__label{display:none;}

.block-field-blocknodepagebody ul > li::after {content: '•';color: #bf165e;}

.cityu-width-full {width: 100%;margin-bottom: 1.6rem;}

.cityu-content-page table th, .cityu-content-page table td {padding: 3px 6px;vertical-align: top;}

.cityu-content-page table th {border-bottom: 1px solid #fff;border-right: 1px solid #fff;background-color: #D7E1E1;text-align: left;}

.ev-date_to { padding: 5px 10px;}

.ev-date_group .ev-date_detail .ev-day-num, .ev-date_group .ev-date_detail .ev-day-text {font-size: 28px;}

.ev-date_group .ev-date_detail .ev-day-text {font-size: 12px;}

.ev-date_group {font-size: 12px;}

.cityu-event.event_teaser.node-1446.teaser.clearfix .ctu-event-mid {
width: 100%;}

.t-menu-level-3{display: none;}

.t-menu-level-2 .menu-item--expanded:hover .t-menu-level-3{display: block;}



@media only screen and (max-width:759px){
	
  .news_highlights { margin-top: 30px!important;}
  
  .bh-item { overflow: hidden;}
  
  .pfi-item .pf_info span { display: block;}
  
 .professor_details .pfd-item{margin-top: 30px;}
}

/*@media only screen and (max-width:999px){
	
  .paragraph--type--cityu-carousel::after {background: #6e94c7!important;}
  
  .bh-item{ overflow: hidden!important;}
  
  .main-and-sidebar-wrapper {margin-top: 144px;}
  
  #main-wrapper { margin-top: 129px;}
  
  .professor_info .pif_box .pif_box_inner {padding: 20px 15px;}
  
  .professor_info .pif_box .pif_box_inner .field .field__item {word-break: break-all;}

}*/


@media only screen and (max-width:480px){
	
	.main-and-sidebar-wrapper {margin-top: 120px;}
	
	.pfi-item .pf_info a {word-break: break-word;}
	
	#main-wrapper {margin-top: 61px;}
	

}
/*******13-12-2021*****/
.addthis_inline_follow_toolboxx {
    width: 4%;
}

@media only screen and (max-width:480px){
	.d-none.d-lg-block.carousel-bottom-bg
	{
		display: none !important;
	}
	.carousel-inner .field--name-field-cityu-banner img {
    width: 100% !important;
    min-height: 60% !important;
    object-fit: cover;
}
}

@media screen and (max-width: 999px)
{
.t-nav-collapse .t-navbar-nav, #header.t-menu-open {
	
}

.t-nav-collapse .t-navbar-nav li, .t-sidebar-mobile .t-navbar-nav li, .t-nav-collapse {border-color: #fff!important;}
	
.t-menu-open #block-exposedformsearchpage-2 {
	display: block;
	position: absolute;
	width: 93%;
}
.t-menu-open .t-header-wrapper {
	background-color: transparent;
}
#navbar-top #block-exposedformsearchpage-2 fieldset {
	width: 100% !important;
}
#header.t-menu-open .t-header-left.t-department-websites,
#header.t-menu-open #block-headercenterblock,
#header.t-menu-open #block-headerlink,
#header.t-menu-open #block-headersocialicon {
	display: none;
}
	
}
@media screen and (max-width: 480px) {
	
	#header .t-header-wrapper {padding: 0 14px}
	
	#header .t-header-search form {margin-top: -10px;}
	
	.navbar-brand-hk .t-header-logo-m, #header .t-header-wrapper .field__item img {width: 60px;}
	
	#header .t-header-search {margin-left: 10px !important;}
	
	.navbar-brand-hk {margin-right: 2px;}
	
	#header .t-header-wrapper .field--name-body a {font-size: 12px; margin: 0 0 0 2px;}

	.home .headline-carousel .carousel-des {top: 62%;}
	
	.home .headline-carousel .paragraph--type--cityu-carousel::after {bottom: 60px !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 360px;}
	
	.home .headline-carousel .next-screen {bottom: 0.9rem;}
	
	
}

@media screen and (max-width: 380px)
{
	.navbar-brand-hk .t-header-logo-m, #header .t-header-wrapper .field__item img {width: 45px;}
	
	#header .t-header-search {margin-left: 5px !important}
	
	.t-department-websites .tm-service-name, #header .t-header-wrapper .field--name-body a {font-size: 11px;}
}