/*
 * CityU Template Master Theme CSS
 * maintained by OCIO
 */


/* HTML elements */

html {
	font-size: 14px;
}

body {
	font-size: 1rem;
	line-height: 1.5;
	color: #212529;
}

body,
body.navbar-is-fixed-top {
		margin-top: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.2;
}

h1, h2, h3, .h1, .h2, .h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}

h1, .h1 {
	font-size: 2rem;
}

h2, .h2 {
	font-size: 1.75rem;
}

h3, .h3 {
	font-size: 1.5rem;
}

h4, .h4 {
	font-size: 1.25rem;
}

h5, .h5 {
	font-size: 1.125rem;
}

h6, .h6 {
	font-size: 1rem;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: #007bff;
}

a:hover, a:focus {
	color: #0056b3;
}

a[href=''] {
	cursor: default;
}

hr {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid #e9ecef;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f8f9fa;
}

.table-hover > tbody > tr:hover {
	background-color: rgba(111,66,193, 0.075);
	transition: background-color 0.5s;
}


/* Bootstrap */

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}


/* Bootstrap - Remove padding in Bootstrap columns */

.col-no-padding,
.col-no-padding > .col,
.col-no-padding > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}


/* Bootstrap - Text colors */

.text-default {
	color: #212529 !important;
}

.text-primary {
	color: #bf165e !important;
}

.text-success {
	color: #28a745 !important;
}

.text-danger {
	color: #dc3545 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-info {
	color: #007bff !important;
}

.text-muted {
	color: #6c757d !important;
}

.text-white {
	color: #fff !important;
}


/* Bootstrap - Additional text styles */

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase!important;
}

.text-uppercase {
	text-transform: uppercase!important;
}

.text-capitalize {
	text-transform: capitalize!important;
}

.font-weight-bold {
	font-weight: 700!important;
}

.font-weight-normal {
	font-weight: 400!important;
}

.font-weight-light {
	font-weight: 300!important;
}

.font-italic {
	font-style: italic!important;
}


/* Bootstrap - Buttons */

.btn-primary {
	color: #fff;
	background-color: #bf165e;
	border-color: #bf165e;
}
.btn-primary:hover {
	color: #fff;
	background-color: #991e54;
	border-color: #991e54;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #6b203e;
	border-color: #6b203e;
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary:focus,
.btn-secondary.focus {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
}

.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.btn-success:focus,
.btn-success.focus {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430;
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn-danger:focus,
.btn-danger.focus {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.btn-warning:focus,
.btn-warning.focus {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500;
}

.btn-info {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn-info:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle,
.btn-info:focus,
.btn-info.focus {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
}

.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-light:hover {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light:focus,
.btn-light.focus {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df;
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}
.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle,
.btn-dark:focus,
.btn-dark.focus {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}


/* Bootstrap - Alerts */

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}


/* Bootstrap - Badge and Label */

.badge,
.label {
	padding: .3em .6em .25em;
}

.badge,
.label-default {
	background-color: #343a40;
}

.label-primary {
	color: #fff;
	background-color: #bf165e;
}

.label-success {
	color: #fff;
	background-color: #28a745;
}

.label-danger {
	color: #fff;
	background-color: #dc3545;
}

.label-warning {
	color: #212529;
	background-color: #ffc107;
}

.label-info {
	color: #fff;
	background-color: #007bff;
}


/* Bootstrap - List group */

.list-group-item,
a.list-group-item,
button.list-group-item {
	background-color: transparent;
	color: #007bff;
	border: 1px solid #007bff;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
	background-color: transparent;
	color: #0056b3;
	text-decoration: underline;
}


/* Bootstrap - Jumbotron */

.jumbotron {
	background-color: #e9ecef;
}

.jumbotron,
.container .jumbotron,
.container-fluid .jumbotron {
	border-radius: .3rem;
	padding: 2rem 1rem;
}

.jumbotron h1,
.jumbotron .h1,
.jumbotron h2,
.jumbotron .h2 {
	font-size: 4rem;
}

.jumbotron p {
	font-size: 1.5rem;
}

.paragraph--type--bp-columns .paragraph.jumbotron,
.paragraph--type--bp-columns-two-uneven .paragraph.jumbotron,
.paragraph--type--bp-columns-three-uneven .paragraph.jumbotron {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.jumbotron,
	.container .jumbotron,
	.container-fluid .jumbotron {
		padding: 4rem 2rem;
	}
}


/* Bootstrap - Well */

.well {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
	border: 0;
	background-color: #e9ecef;
	box-shadow: none;
}


/* Bootstrap - Thumbnail */

.thumbnail {
	padding: 0;
	border-color: #ced4da;
}


/* Bootstrap - Card (from 4.0+) */

.card {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	border: 0px;
	/* border: 1px solid rgba(0,0,0,.125); */
	border-radius: .25rem;
	word-wrap: break-word;
	background-color: transparent;
	background-clip: border-box;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
	transition: box-shadow 0.2s ease-in-out;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,.24), 0 4px 8px 0 rgba(0,0,0,.16);
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}


/* Bootstrap - pre */

pre {
	display: block;
	font-size: 87.5%;
	color: #212529;
}


/* Bootstrap - kbd */

kbd {
	padding: .2rem .4rem;
	font-size: 87.5%;
	color: #fff;
	background-color: #212529;
	border-radius: .2rem;
}


/* Bootstrap - Blockquote */

blockquote {
	font-size: inherit;
}

.region-content blockquote p {
	margin-top: 0;
	margin-bottom: 0;
}


/* Paragraph */

.paragraph>.paragraph__column {
	padding-bottom: 0;
}

.paragraph.paragraph--color>.paragraph__column {
	padding-top: 0;
	padding-bottom: 0;
}

.paragraph.paragraph--width--full>.paragraph__column,
.paragraph.paragraph--width--medium>.paragraph__column,
.paragraph.paragraph--width--narrow>.paragraph__column,
.paragraph.paragraph--width--tiny>.paragraph__column,
.paragraph.paragraph--width--wide>.paragraph__column,
.paragraph>.paragraph__column {
	padding-left: 0;
	padding-right: 0;
}


/* Paragraph type - Container */

.paragraph.paragraph--type--container[style*="background-image"] {
	background-attachment: fixed;
}


/* Paragraph type - Columns */

.paragraph--type--bp-columns,
.paragraph--type--bp-columns-two-uneven,
.paragraph--type--bp-columns-three-uneven {
	margin-bottom: 30px;
}


/* Paragraph type - Image */

.container-fluid .content>div>.paragraph--type--bp-image {
	background-color: #e9ecef;
}

.container-fluid .content>div>.paragraph--type--bp-image img {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1920px;
}


/* Paragraph type - Carousel */
.carousel-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1920px;
}

.carousel-indicators {
	bottom: 0;
	margin-bottom: 3% !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
.paragraph--type--bp-carousel .paragraph--type--bp-image img {
	width: 100%;
}

.paragraph--type--bp-carousel .carousel-item>.paragraph--type--bp-simple {
	padding: 15px 30px;
}


/* Paragraph type - Accordion */

.paragraph--bp-accordion-container {
	margin-bottom: 20px;
}

.paragraph--bp-accordion-container .bp-accordion-button {
	margin: 15px;
}

.paragraph.paragraph--type--bp-accordion .panel-heading {
	background: none;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a {
	margin: -10px -15px;
	padding: 20px;
	/* background-color: #f8f9fa; */
	text-decoration: none;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a:hover {
	text-decoration: none;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse>.paragraph {
	padding-left: 20px;
	padding-right: 20px;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse>.paragraph>.paragraph__column {
	padding-top: 0;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph:last-of-type>.paragraph__column {
	padding-bottom: 0;
}

.panel-heading {
	border-bottom: 0;
}

.panel-collapse + .panel-heading {
	border-top: 1px solid #ddd;
}

.panel-title {
	font-weight: bold;
}


/* Paragraph background */

.paragraph.paragraph--color--primary {
	background-color: #bf165e;
}
.paragraph.paragraph--color--secondary {
	background-color: #e9ecef;	
}
.paragraph.paragraph--color--success {
	background-color: #d4edda;
}
.paragraph.paragraph--color--info {
	background-color: #d1ecf1;
}
.paragraph.paragraph--color--warning {
	background-color: #fff3cd;
}
.paragraph.paragraph--color--danger {
	background-color: #f8d7da;
}
.paragraph.paragraph--color--rgba-blue-light {
	/*background: rgba(3, 169, 244, 0.3);*/
	background: rgba(0,123,255, 0.3);
}
.paragraph.paragraph--color--rgba-red-light {
	/*background: rgba(244, 67, 54, 0.3);*/
	background: rgba(220,53,69, 0.3);
}
.paragraph.paragraph--color--rgba-pink-light {
	/*background: rgba(233, 30, 99, 0.3);*/
	background: rgba(232,62,140, 0.3);
}
.paragraph.paragraph--color--rgba-purple-light {
	/*background: rgba(156, 39, 176, 0.3);*/
	background: rgba(111,66,193, 0.3);
}
.paragraph.paragraph--color--rgba-indigo-light {
	/*background: rgba(63, 81, 181, 0.3);*/
	background: rgba(102,16,242, 0.3);
}
.paragraph.paragraph--color--rgba-cyan-light {
	/*background: rgba(0, 188, 212, 0.3);*/
	background: rgba(23,162,184, 0.3);
}
.paragraph.paragraph--color--rgba-teal-light {
	/*background: rgba(0, 150, 136, 0.3);*/
	background: rgba(32,201,151, 0.3);
}
.paragraph.paragraph--color--rgba-green-light {
	/*background: rgba(76, 175, 80, 0.3);*/
	background: rgba(40,167,69, 0.3);
}
.paragraph.paragraph--color--rgba-lime-light {
	/*background: rgba(205, 220, 57, 0.3);*/
	background: rgba(188,197,0, 0.3);
}
.paragraph.paragraph--color--rgba-yellow-light {
	/*background: rgba(255, 235, 59, 0.3);*/
	background: rgba(255,193,7, 0.3);
}
.paragraph.paragraph--color--rgba-orange-light {
	/*background: rgba(255, 152, 0, 0.3);*/
	background: rgba(253,126,20, 0.3);
}
.paragraph.paragraph--color--rgba-brown-light {
	/*background: rgba(121, 85, 72, 0.3);*/
	background: rgba(144,111,45, 0.3);
}
.paragraph.paragraph--color--rgba-grey-light {
	/*background: rgba(158, 158, 158, 0.3);*/
	background: rgba(108,117,125, 0.3);
}
.paragraph.paragraph--color--rgba-bluegrey-light {
	/*background: rgba(96, 125, 139, 0.3);*/
	background: rgba(83,104,120, 0.3);
}
.paragraph.paragraph--color--rgba-black-light {
	/*background: rgba(0, 0, 0, 0.3);*/
	background: rgba(52,58,64, 0.3);
}
.paragraph.paragraph--color--rgba-stylish-light {
	/*background: rgba(62, 69, 81, 0.3);*/
	background: rgba(170,142,107, 0.3);
}
.paragraph.paragraph--color--rgba-white-light {
	background: rgba(255, 255, 255, 0.3);
}
.paragraph.paragraph--color--rgba-blue-strong {
	/*background: rgba(3, 169, 244, 0.7);*/
	background: rgba(0,123,255, 1);
}
.paragraph.paragraph--color--rgba-red-strong {
	/*background: rgba(244, 67, 54, 0.7);*/
	background: rgba(220,53,69, 1);
}
.paragraph.paragraph--color--rgba-pink-strong {
	/*background: rgba(233, 30, 99, 0.7);*/
	background: rgba(232,62,140, 1);
}
.paragraph.paragraph--color--rgba-purple-strong {
	/*background: rgba(156, 39, 176, 0.7);*/
	background: rgba(111,66,193, 1);
}
.paragraph.paragraph--color--rgba-indigo-strong {
	/*background: rgba(63, 81, 181, 0.7);*/
	background: rgba(102,16,242, 1);
}
.paragraph.paragraph--color--rgba-cyan-strong {
	/*background: rgba(0, 188, 212, 0.7);*/
	background: rgba(23,162,184, 1);
}
.paragraph.paragraph--color--rgba-teal-strong {
	/*background: rgba(0, 150, 136, 0.7);*/
	background: rgba(32,201,151, 1);
}
.paragraph.paragraph--color--rgba-green-strong {
	/*background: rgba(76, 175, 80, 0.7);*/
	background: rgba(40,167,69, 1);
}
.paragraph.paragraph--color--rgba-lime-strong {
	/*background: rgba(205, 220, 57, 0.7);*/
	background: rgba(188,197,0, 1);
}
.paragraph.paragraph--color--rgba-yellow-strong {
	/*background: rgba(255, 235, 59, 0.7);*/
	background: rgba(255,193,7, 1);
}
.paragraph.paragraph--color--rgba-orange-strong {
	/*background: rgba(255, 152, 0, 0.7);*/
	background: rgba(253,126,20, 1);
}
.paragraph.paragraph--color--rgba-brown-strong {
	/*background: rgba(121, 85, 72, 0.7);*/
	background: rgba(144,111,45, 1);
}
.paragraph.paragraph--color--rgba-grey-strong {
	/*background: rgba(158, 158, 158, 0.7);*/
	background: rgba(108,117,125, 1);
}
.paragraph.paragraph--color--rgba-bluegrey-strong {
	/*background: rgba(96, 125, 139, 0.7);*/
	background: rgba(83,104,120, 1);
}
.paragraph.paragraph--color--rgba-black-strong {
	/*background: rgba(0, 0, 0, 0.7);*/
	background: rgba(52,58,64, 1);
}
.paragraph.paragraph--color--rgba-stylish-strong {
	/*background: rgba(62, 69, 81, 0.7);*/
	background: rgba(170,142,107, 1);
}
.paragraph.paragraph--color--rgba-white-strong {
	background: rgba(255, 255, 255, 1);
}
.paragraph.paragraph--color--rgba-blue-slight {
	/*background: rgba(3, 169, 244, 0.1);*/
	background: rgba(0,123,255, 0.1);
}
.paragraph.paragraph--color--rgba-red-slight {
	/*background: rgba(244, 67, 54, 0.1);*/
	background: rgba(220,53,69, 0.1);
}
.paragraph.paragraph--color--rgba-pink-slight {
	/*background: rgba(233, 30, 99, 0.1);*/
	background: rgba(232,62,140, 0.1);
}
.paragraph.paragraph--color--rgba-purple-slight {
	/*background: rgba(156, 39, 176, 0.1);*/
	background: rgba(111,66,193, 0.1);
}
.paragraph.paragraph--color--rgba-indigo-slight {
	/*background: rgba(63, 81, 181, 0.1);*/
	background: rgba(102,16,242, 0.1);
}
.paragraph.paragraph--color--rgba-cyan-slight {
	/*background: rgba(0, 188, 212, 0.1);*/
	background: rgba(23,162,184, 0.1);
}
.paragraph.paragraph--color--rgba-teal-slight {
	/*background: rgba(167, 247, 239, 0.1);*/
	background: rgba(32,201,151, 0.1);
}
.paragraph.paragraph--color--rgba-green-slight {
	/*background: rgba(76, 175, 80, 0.1);*/
	background: rgba(40,167,69, 0.1);
}
.paragraph.paragraph--color--rgba-lime-slight {
	/*background: rgba(205, 220, 57, 0.1);*/
	background: rgba(188,197,0, 0.1);
}
.paragraph.paragraph--color--rgba-yellow-slight {
	/*background: rgba(255, 235, 59, 0.1);*/
	background: rgba(255,193,7, 0.1);
}
.paragraph.paragraph--color--rgba-orange-slight {
	/*background: rgba(255, 152, 0, 0.1);*/
	background: rgba(253,126,20, 0.1);
}
.paragraph.paragraph--color--rgba-brown-slight {
	/*background: rgba(121, 85, 72, 0.1);*/
	background: rgba(144,111,45, 0.1);
}
.paragraph.paragraph--color--rgba-grey-slight {
	/*background: rgba(158, 158, 158, 0.1);*/
	background: rgba(108,117,125, 0.1);
}
.paragraph.paragraph--color--rgba-bluegrey-slight {
	/*background: rgba(96, 125, 139, 0.1);*/
	background: rgba(83,104,120, 0.1);
}
.paragraph.paragraph--color--rgba-black-slight {
	/*background: rgba(0, 0, 0, 0.1);*/
	background: rgba(52,58,64, 0.1);
}
.paragraph.paragraph--color--rgba-stylish-slight {
	/*background: rgba(62, 69, 81, 0.1);*/
	background: rgba(170,142,107, 0.1);
}
.paragraph.paragraph--color--rgba-white-slight {
	background: rgba(255, 255, 255, 0.1);
}
.paragraph.paragraph--color--transparent {
  background: transparent;
}


.paragraph.paragraph--color {
	color: #212529;
}
.paragraph.paragraph--color--primary,
.paragraph.paragraph--color--rgba-blue-strong,
.paragraph.paragraph--color--rgba-red-strong,
.paragraph.paragraph--color--rgba-pink-strong,
.paragraph.paragraph--color--rgba-purple-strong,
.paragraph.paragraph--color--rgba-indigo-strong,
.paragraph.paragraph--color--rgba-cyan-strong,
.paragraph.paragraph--color--rgba-green-strong,
.paragraph.paragraph--color--rgba-orange-strong,
.paragraph.paragraph--color--rgba-brown-strong,
.paragraph.paragraph--color--rgba-grey-strong,
.paragraph.paragraph--color--rgba-bluegrey-strong,
.paragraph.paragraph--color--rgba-black-strong,
.paragraph.paragraph--color--rgba-stylish-strong {
	color: #fff;
}
.paragraph.paragraph--color--primary a,
.paragraph.paragraph--color--rgba-blue-strong a,
.paragraph.paragraph--color--rgba-red-strong a,
.paragraph.paragraph--color--rgba-pink-strong a,
.paragraph.paragraph--color--rgba-purple-strong a,
.paragraph.paragraph--color--rgba-indigo-strong a,
.paragraph.paragraph--color--rgba-cyan-strong a,
.paragraph.paragraph--color--rgba-green-strong a,
.paragraph.paragraph--color--rgba-orange-strong a,
.paragraph.paragraph--color--rgba-brown-strong a,
.paragraph.paragraph--color--rgba-grey-strong a,
.paragraph.paragraph--color--rgba-bluegrey-strong a,
.paragraph.paragraph--color--rgba-black-strong a,
.paragraph.paragraph--color--rgba-stylish-strong a {
	color: #fff !important;
}


/* Paragraph style - Border top */
.paragraph.border-top {
	padding-top: 20px;
}

.paragraph.border-top > .paragraph__column:first-of-type {
	border-top: 1px solid #e9ecef;
	padding-top: 20px;
}


/* Header */

.navbar-default {
	margin-bottom: 0;
	border: 0;
	background-color: #fff;
}

.navbar-header {
	float: none;
}

.navbar-brand {
	display: block;
	float: none;
	overflow: hidden;
	height: auto;
}

.navbar-brand a {
	display: block;
}

.navbar-brand img {
	width: 100%;
}

.cityu-site-info,
.cityu-site-info a {
	color: #495057;
	text-decoration: none;
}

@media (min-width: 768px) {
	.navbar-default {
		z-index: 500;
	}
	.navbar-brand {
		display: block;
		padding: 30px 0 20px 0;
	}
	.navbar-brand.logo-2017 {
		display: table;
		padding: 15px 0;
	}
	.cityu-logo {
		display: block;
	}
	.navbar-brand.logo-2017 .cityu-logo {
		display: table-cell;
		width: 142px;
		padding-right: 17px;
	}
	.navbar-brand.logo-2019 a {
		display: inline;
	}
	.navbar-brand img.cityu-logo-standard {
		width: auto;
		height: 80px;
	}	
	.navbar-brand.logo-2019 img.cityu-logo-standard {
		display: inline-block !important;
	}
	.navbar-brand.logo-2017 img.cityu-logo-standard {
		width: 100%;
		height: auto;
	}	

	.cityu-site-info {
		display: table-cell;
    height: 100%;
    vertical-align: bottom;
		line-height: 1.2;
	}
	.cityu-organization {
		font-size: 16px;
	}
	.cityu-site-name {
		font-size: 28px;
	}
	.cityu-site-info .cityu-wrapper {
		border-left: 1px solid #040505;
    padding-left: 17px;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
	}
}

@media (max-width: 767px) {
	.navbar-header {
		position: fixed;
		z-index: 2000;
		border-bottom: 1px solid #bf165e;
		width: 100%;
		background-color: #fff;
	}
	.navbar-brand {
		display: table;
		padding: 10px 0;
		line-height: 25px;
	}
	.cityu-logo {
		display: table-cell;
		vertical-align: middle;
		width: 58px;
		padding-right: 8px;
	}
	.cityu-site-info {
		display: table-cell;
		vertical-align: bottom;
	}
}


/* Main navigation */

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: 0;
	background-color: #bf165e;
	color: #fff;
}

.navbar-default .navbar-nav {
	font-size: 15px;
}

.navbar-default .navbar-nav > li > a {
	background-color: transparent;
	color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #6B203E;
	color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
}

.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav .is-active-parent {
  background-color: #991e54;
}

.navbar-default .navbar-nav .is-active {
	background-color: #543955;
}

.navbar-default .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu {
	top: 39px;
	left: -1px;
	min-width: 0;
	width: 240px;
	padding: 10px 0;
	background-color: #624764;
	border-radius: 0;
}

.dropdown-menu .dropdown-menu {
	left: 233px;
	top: -11px;
}

.dropdown-menu > li > a,
.dropdown-menu > li > span {
	display: block;
	clear: both;
	position: relative;
	padding: 10px 15px;
	font-weight: normal;
	line-height: 1.5;
	color: #fff;
	white-space: normal;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.open > a,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #453246;
	color: #fff;
}

.caret {
	position: relative;
	right: -7px;
}

.dropdown-menu .caret {
	position: absolute;
	right: 7px;
	top: 11px;	
}

.dropdown .dropdown-menu .caret {
	border-left-color: #fff;
}

.dropdown-menu a .svg-inline--fa {
	position: absolute;
	right: 6px;
	top: 12px;
	margin-top: 3px;
}

.navbar-default .navbar-toggle {
	position: absolute;
	float: none;
	top: 0;
	right: 0;
	margin: 0px;
	border: 0;
	padding: 18px;
	border-radius: 0;
	background-color: #bf165e;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #212529;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

@media (max-width: 767px) {
	.navbar {
		position: unset;
	}
	.navbar-nav {
		margin: 51px 0 0 0;
	}
	.navbar-nav .open .dropdown-menu {
		display: block;
		background-color: #624764;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: #453246;
		color: #fff;
	}
	.collapse.in {
		position: relative;
		width: 100%;
	}
	.navbar-collapse>.container {
		padding-left: 0;
		padding-right: 0;
	}
	.dropdown-menu .caret {
		display: none;
	}
	.dropdown-menu .dropdown-menu {
		padding-left: 15px;
	}
	.dropdown-menu a .svg-inline--fa {
		position: relative;
		right: 0;
		top: 0;
		margin-left: 0.5em;
	}
}


/* Main navigation : Tools */

#block-languageswitcher button {
	background-color: transparent;
}

#block-languageswitcher .dropdown-menu {
	top: 100%;
	width: 100px;
	background-color: #343a40;
}

#block-languageswitcher .dropdown-menu > li > a:hover,
#block-languageswitcher .dropdown-menu > li > a:focus,
#block-languageswitcher .dropdown-menu > li.open > a {
	background-color: #000;
}


/* Main navigation : Tools (mini)  */

.navbar-tools {
	margin: 0px;
	padding-left: 0;
	list-style: none;
	text-align: right;
	background-color: #343a40;
}

.navbar-tools li {
	display: inline-block;
}

.navbar-tools li+li {
	margin-left: 1px;
}

.navbar-tools a {
	display: block;
	padding: 10px 15px;
	font-size: small;
	line-height: 20px;
	color: #fff;
	background-color: #212529;
}

.navbar-tools a:hover {
	text-decoration: none;
	background-color: #000;
}


/* Sidebar */

aside {
	margin-top: 20px;
}

aside .region {
	margin-bottom: 30px;
}

aside .region,
aside nav,
aside .nav {
	overflow: hidden;
}

.region-sidebar-first.affix-top,
.region-sidebar-first.affix,
.region-sidebar-second.affix-top,
.region-sidebar-second.affix {
	position: relative;
	max-width: 100%;
}

@media (min-width: 768px) {
	.region-sidebar-first.affix,
	.region-sidebar-second.affix {
		position: fixed;
	}

	.region-sidebar-first.affix-bottom,
	.region-sidebar-second.affix-bottom {
		position: absolute;
	}
}

.region-sidebar-first h2,
.region-sidebar-second h2 {
	margin: 0;
	padding: 15px;
	font-size: 1.25rem;
	background-color: #e9ecef;
}

aside .nav {
	margin: 0;
	width: 100%;
	background-color: #e9ecef;
}

aside ul {
	font-size: 87.5%;
}

aside .nav ul {
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
}

aside .nav > li {
	float: none;
	border-top: 1px solid #fff;
}

aside .nav > li > a,
aside .nav > li > span {
	display: block;
	padding: 10px 15px;
}

aside .nav li li a {
	padding-left: 25px;
}

aside .nav li li a::before {
	content: "\00b7";
	position: absolute;
	left: 14px;
	top: -1px;
	font-size: 18px;
	color: #adb5bd;
}

aside .nav li li a:hover::before {
	color: #495057;
}

aside .nav li li li a {
	padding-left: 35px;
}

aside .nav li li li a::before {
	left: 24px;
}

aside .nav li li li li a {
	padding-left: 45px;
}

aside .nav li li li li a::before {
	left: 34px;
}

aside .nav a {
	display: block;
	position: relative;
	padding: 5px 15px;
	color: #495057;
}

aside .nav a.is-active {
	background-color: #dee2e6;
	color: #000;
}

aside .nav a:hover,
aside .nav a:focus {
	text-decoration: none !important;
	background-color: #f8f9fa !important;
}

aside .nav a[href='']:hover,
aside .nav a[href='']:focus {
	background-color: transparent !important;
	cursor: default;
}

aside .nav svg {
	position: absolute;
	right: 3px;
	top: 14px;
	font-size: 11px !important;
	color: #adb5bd;
}

aside .nav a:hover svg,
aside .nav a:focus svg {
	color: #495057;
}


/* Main content */

@media (min-width: 768px) {
	.has-top-margin .main-container {
		margin-top: 40px;
	}
}

.page-header + article>.content>div:first-child>.paragraph:first-child>.paragraph__column:first-child>.field:first-child>p:first-child {
	margin-top: 0 !important;
}

body:not(.page-node-type-landing-page) .region-content {
	margin-top: 20px;
	margin-bottom: 30px;
}

.region-content .paragraph.paragraph--type--container .container {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 100%;
}

.region-content h1.page-header {
	max-width: 1140px !important;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #bf165e;
	color: #bf165e;
}

.region-content h1,
.region-content .h1 {
	color: #bf165e;
}

.region-content p,
.region-content ul,
.region-content ol {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.region-content p + h1,
.region-content p + h2,
.region-content ul + h1,
.region-content ul + h2,
.region-content ol + h1,
.region-content ol + h2,
.region-content table + h1,
.region-content table + h2 {
	margin-top: 3rem;
}

.region-content p + h3,
.region-content ul + h3,
.region-content ol + h3, 
.region-content table + h3 {
	margin-top: 2rem;
}

.region-content li {
	padding-left: .5rem;
}

.region-content figcaption {
	margin-top: 0.4rem;
	font-size: 87.5%;
	font-weight: 300;
	font-style: italic;
	color: #828282;
}

.region-content td,
.region-content th {
  padding: .4rem;
  vertical-align: top;
}


/* Main content - Embedded entity */
.instagram-media,
twitterwidget {
	max-width: 100% !important;
	min-width: auto !important;
}



/* Main content - Icons */

.region-content .svg-inline--fa {
	color: #495057;
}

.region-content a .svg-inline--fa {
	color: #007bff;
}


/* Main content - Bookmark */

.region-content a.bookmark {
	display: block;
	position: relative;
	top: -3em;
	visibility: hidden;
}

@media (max-width: 767px) {
	.region-content a.bookmark {
		top: -50px;
	}
}


/* Footer */

footer.footer {
	margin-top: 0;
	border-top: 0;
	border-bottom: 15px solid #bf165e;
	padding-top: 45px;
	background-color: #343a40;
	background-image: url("//template.cityu.edu.hk/template/themes/custom/cityu_template_2017/images/cityu_bg_darkgrey.png");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	color: #fff;
}

footer a,
footer a:hover,
footer a:focus {
	color: #fff;
}

footer nav {
	clear: both;
	overflow: hidden;
	margin-bottom: 35px;
}

footer .nav > li > a:hover,
footer .nav > li > a:focus {
	text-decoration: underline;
	background-color: transparent;
}

footer .nav > li > ul {
	padding-left: 15px;
	list-style-type: none;
}

footer ul ul {
	font-size: 87.5%;
}

footer .nav .svg-inline--fa {
	display: none;
}

.cityu-footer-links {	
	clear: both;
	font-size: smaller;
}

.cityu-footer-copyright {
	margin-top: 0.5rem;
	font-size: x-small;
}

.cityu-footer-logo {
	float: right;
	margin-top: -50px;
	width: 125px;
}

@media (max-width: 767px) {
	footer nav {
		margin-bottom: 0;
	}
}


/* View - Staff list */

.cityu-staff-card {
	position: relative;
}

.cityu-staff-card-contacts {
	position: absolute;
	right: 19px;
	bottom: 19px;
}


/* View - News list */

.cityu-news-link {
	display: block;
	color: #212529;
}

.cityu-news-link:hover,
.cityu-news-link:focus {
	color: #212529;
	text-decoration: none;
}

.cityu-news-link .well {
	transition: background-color 0.2s ease-in-out;
}

.cityu-news-link:hover .well {
	background-color: #fff;
}

.cityu-news-list {
	margin-bottom: 10px;
	font-size: 0.9rem;
}

.cityu-news-list h3 {
	margin-top: 5px;
	margin-bottom: 0;
	color: #bf165e;
}

.cityu-news-list h3 + small {
	color: #777;
}

.cityu-news-list p:last-of-type {
	margin-bottom: 0;
}


/* Language switcher */

.region-navigation {
	position: relative;
}

#block-languageswitcher {
	position: absolute;
	right: 0;
	top: 0;
}

#block-languageswitcher .btn-link {
	color: #bf165e;
}


/* Breadcrumb */

.breadcrumb {
	max-width: 1140px !important;
	margin-bottom: 15px;
	padding: 0;
	font-size: smaller;
	background-color: transparent;
}

.region-content .breadcrumb > li {
	padding-left: 0;
}


/* Back to Top button */

.cityu-backtotop {
	position: fixed;
	right: 5px;
	bottom: 5px;
	padding: 25px;
	border-radius: 100px;
	background-color: #991e54;
	color: #fff;
	opacity: 0.8;
	cursor: pointer;
}

.cityu-backtotop:hover {
	bottom: 6px;
	color: #fff;
	opacity: 1;
}

.cityu-backtotop svg {
	position: absolute;
	top: 14px;
	left: 18px;
	margin: 0;
}


/* Module - A Simple Timeline */
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
	top: 4px;
	width: 16px;
	height: 16px;
}

ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {
	padding-right: 20px;
}

ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper {
	padding-left: 20px;
}

li.timeline-item .paragraph--type--bp-simple>.paragraph__column {
	padding-top: 0;
	padding-bottom: 0;
}


/* Custom */
.bg-primary {
	background-color: #bf165e !important;
	color: #fff !important;
	border-color: #fff !important;
}

a.bg-primary:hover {
	background-color: #991e54 !important;
}

.box-shadow {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08) !important;
}

.box-shadow-none,
.box-shadow-none:hover {
	box-shadow: none !important;
}


/* Site admin UI */

nav.tabs {
	margin-bottom: 20px;
}


/* CKeditor template layout */

.cityu-image-layout {
	margin: 1.5rem 0;
	padding: 0;
}

.cityu-image-layout .row {
	margin: 0;
	padding: 0;
}

.cityu-image-layout .row > div {
	margin: 0;
	padding: 0;
}

.cityu-image-layout.single-image-left .row > div,
.cityu-image-layout.single-image-right .row > div {
	/* margin-top: 0.3rem; */
	margin-bottom: 30px;
}

.cityu-image-layout p:first-of-type {
	margin-top: 0;
}

.cityu-image-layout p:last-of-type {
	margin-bottom: 0;
}

.cityu-image-layout figure[role="group"] + p {
	display: none;
}

.cityu-image-layout .pull-left > img,
.cityu-image-layout .pull-left > figure,
.cityu-image-layout .pull-left > .embedded-entity,
.cityu-image-layout .pull-left > .cke_widget_wrapper	{
	padding-right: 30px;
}

.cityu-image-layout .pull-right > img,
.cityu-image-layout .pull-right > figure,
.cityu-image-layout .pull-right > .embedded-entity,
.cityu-image-layout .pull-right > .cke_widget_wrapper {
	padding-left: 30px;
}

@media (min-width: 768px) {
	.cityu-image-layout.two-images .col-sm-6,
	.cityu-image-layout.three-images .col-sm-4 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.cityu-image-layout .row > div.col-sm-offset-2 {
		margin-left: 16.66667%;
	}
}


/* ============================  CityU : Cookie info */
.cityu-cookie-info {
	position: fixed;
	z-index: 1035;
	width: 100%;
	bottom: 0;
	padding: 2.5rem 0;
	background-color: #f8f9fa;
	box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05), 0 -2px 8px 0 rgba(0, 0, 0, 0.1);
}

.cityu-cookie-info .fa-info-circle {
	font-size: 3rem;
	float: left;
}

.cityu-cookie-info p {
	margin: 0 100px 0 48px;
	padding-left: 1rem;
}

.cityu-cookie-info button {
	padding: 0.7rem 2rem;
	float: right;
}


/*
 * CSS debug mode
 * Simply insert "cityu-debug" into <body> class
 */

.cityu-debug header,
.cityu-debug .main-container,
.cityu-debug footer {
	outline: 1px lightblue dashed;
}

.cityu-debug aside,
.cityu-debug .container {
	outline: 1px lightgreen dashed;
}

.cityu-debug .region {
	outline: 1px pink dashed;
}

.cityu-debug .layout__region {
	outline: 1px orange dashed;
}

.cityu-debug *[data-block-plugin-id] {
	outline: 1px yellow dotted;
}

.cityu-debug .paragraph {
	outline: 1px blue dashed;
}

.cityu-debug .ckeditor-template {
	outline: 1px red dashed;
}

.cityu-debug p {
	outline: 1px lightgrey dashed;
}