body{
	background:#fff;
}

@media (max-width: 991px) {
	.navbar-nav .show .dropdown-menu {
		position: absolute;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: white;
		border: 0;
		box-shadow: none;
	}
}

@media (min-width: 576px) and ( max-width:768px) {
	.ce-hoc .ce-submenu .navbar-nav .nav-item:hover .nav-link {
		padding-bottom: 10px;
		border-bottom: 0;
	}
}

.ce-submenu .dropdown-item.dropdown-item-lvl1, .ce-submenu .dropdown-item.dropdown-item-lvl2 {
	font-weight: 500;
}
.ce-submenu a {
	color: #427a26 !important;
}
.ce-submenu .dropdown-menu {
	padding: 0;
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
	background-color: #fff;
	color: #fff;
}
.audio-box, .partition-box {
	background: #f2f2f2;
}
	.audio-box h3, .partition-box h3, .audio-box h2, .partition-box h2 {
		font-family: Roboto;
		font-weight: bold;
		text-transform: none;
		font-size: 24px;
	}
@media (min-width: 992px) {
	.partition-box {
		min-height: 353px;
	}
}
.bg-light-gray{
	background-color:#f2f2f2;
}
.ce-submenu .dropdown-item {
	border-bottom: 1px solid #f0f0f0;
	padding: 8px 10px;
}
.ce-submenu .dropdown-item:not(.dropdown-item-lvl1) {
	padding: 8px 45px;
}
	.ce-submenu .dropdown-item.dropdown-item-lvl1 {
		color: black !important;
		
	}
	.ce-submenu .dropdown-item.dropdown-item-lvl2 {
		color: black !important;
		padding: 8px 30px;
	}

.mt-large-spacing {
	margin-top: 4rem !important;
}
/*@media (min-width: 768px) {
	.mt-md-large-spacing {
		margin-top: 4rem !important;
	}
}*/
.mb-large-spacing {
	margin-bottom: 4rem !important;
}
.pt-large-spacing {
	padding-top: 4rem !important;
}

.pb-large-spacing {
	padding-bottom: 4rem !important;
}
.ce-hoc-footer{
	margin-top:0;
}
*>p:last-child{
	margin-bottom:0;
}

.intro {
	background-color: #f2f2f2;
	padding: 40px 0;
}
.intro h1 {
	margin:0;
	padding:0;
	Font-size: 40px;
	Font-family: Roboto ;
	font-weight: bold ;
	Letter-spacing: 0 ;
	Text-transform: none ;
}
.breakcrumbs {
	font-weight:500;
	font-size:1.1em;
	margin-top:-20px;
	margin-bottom:20px;
}
	.intro h1 div, .intro .breakcrumbs div{
		display: inline-block;
	}
		.intro h1 div::first-letter, .intro .breakcrumbs div::first-letter {
			text-transform: capitalize;
		}
.breakcrumbs .fa-chevron-right{
	margin: 0 0.5rem;
}

.interested-in .header-title {
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	padding-top: 10px;
	font-family: Roboto;
	font-weight: bold;
	text-transform: none;
	font-size: 24px;
	margin-top: 0;
}
	.interested-in .header-title::before, .accent-bar::before {
		content: '';
		display: block;
		position: absolute;
		top: -5px;
		width: 60px;
		left: 0;
		border-top: 5px solid rgb(66,122,38);
	}


.bg-gradient-green {
	background: rgb(63,131,97);
	background: linear-gradient(153deg, rgba(63,131,97,1) 24%, rgba(63,131,97,1) 100%);
}
	.bg-gradient-green.overlay a:hover {
		color: #fff !important;
		text-decoration: underline !important;
	}
.bg-gradient-purple {
	background: rgb(92,6,140);
	background: linear-gradient(153deg, rgba(92,6,140,1) 24%, rgba(92,6,140,1) 100%);
}
	.bg-gradient-purple.overlay a:hover {
		color: #fff !important;
		text-decoration: underline !important;
	}
.bg-gradient-blue {
	background: rgb(62,126,150);
	background: linear-gradient(153deg, rgba(62,126,150,1) 24%, rgba(62,126,150,1));
	
	/*OLD COLOR
	background: rgb(0,125,179);
	background: linear-gradient(153deg, rgba(0,125,179,1) 24%, rgba(0,179,152,1) 100%);
	*/
}
	.bg-gradient-blue.overlay a:hover{
		color:#fff !important;
		text-decoration:underline !important;
	}

.ce-hoc .ce-submenu .navbar-nav .nav-item .nav-link {
	color: #333;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0.7rem;
	text-decoration: none;
}

.banner-title {
	text-decoration: none !important;
	display: inline-block;
	cursor: pointer;
	font-size: 1.5rem;
	bottom: 0;
	color: #fff !important;
	padding-top: 0.5rem;
	font-size: 40px;
	font-family: Martel;
	font-weight: 600;
	position: relative;
	margin-top: 13px;
	line-height: 48px;
}
	.banner-title::before {
		content: '';
		display: block;
		position: absolute;
		top: -5px;
		width: 60px;
		left: 0;
		border-top: 5px solid #ffb500;
	}
@media (min-width: 768px) {
	.banner-title {
		left: 0;
	}	
}

.bg-green {
	background-color: #417f24;
}
.text-green {
	color: #417f24;
}
/*.PR-Peace-Tower-McCrady-web {
	background-image: url('../img/PR-Peace-Tower-McCrady-web.jpg');
	background-position: top center;
	background-size: cover;
}*/

.bg-carillon-interested-carillon {
	background-image: url('../img/carillon/CarillonInterestedCarillon.jpg');
}
.bg-carillon-interested-community {
	background-image: url('../img/carillon/CarillonInterestedCommunity.jpg');
}
.bg-carillon-interested-dominion-carillonneur {
	background-image: url('../img/carillon/CarillonInterestedDominionCarillonneur.jpg');
}
.bg-audio {
	background-image: url('../img/carillon/Audio.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

.bg-video {
	background-image: url('../img/carillon/Video.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

.bg-music-scores {
	background-image: url('../img/carillon/MusicScores.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

.bg-former-carillonneur-03 {
	background-image: url('../img/carillon/Carillon-FormerCarillonneurs_03.jpg');
}
.bg-former-carillonneur-10 {
	background-image: url('../img/carillon/Carillon-FormerCarillonneurs_10.jpg');
}
.bg-former-carillonneur-13 {
	background-image: url('../img/carillon/Carillon-FormerCarillonneurs_13.jpg');
}
.bg-former-carillonneur-16 {
	background-image: url('../img/carillon/Carillon-FormerCarillonneurs_16.jpg');
}
.bg-former-carillonneur-pervical-price {
	background-image: url('../img/carillon/PercivalPrice.jpg');
}
.banner {
	background-image: url('../img/HistoryArtsArchitectureMainBanner.jpg');
	background-position: top center;
	background-size: cover;
	min-height: 200px;
}
.banner-carillon {
	background-image: url('../img/HistoryArtsArchitectureMainBanner.jpg');
	background-position: top center;
	background-size: cover;
	min-height: 200px;
}
.link-card {
	display: inline-flex;
	flex-direction: column;
	width: 30%;
	background-color: #fff;
	margin-top: 1rem;
	margin: 1%;
	transition: all 0.5s;
	color: #555;
	text-decoration: none !important;
	box-shadow: -3px -2px 6px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: -3px -2px 6px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: -3px -2px 6px 6px rgba(0,0,0,0.1);
}

	.link-card > .image {
		background-repeat: no-repeat;
		background-size: cover;
		height: 200px;
	}

	.link-card > .title {
		font-weight: 500;
		font-size: 1.2rem;
		padding: 0.5rem 0.5rem;
	}

	.link-card > .desc {
		padding: 0 0.5rem 0.5rem 0.5rem;
	}

	.link-card:hover {
		opacity: 0.9;
		cursor: pointer;
		box-shadow: -3px -2px 42px 6px rgba(0,0,0,0.3);
		-webkit-box-shadow: -3px -2px 42px 6px rgba(0,0,0,0.3);
		-moz-box-shadow: -3px -2px 42px 6px rgba(0,0,0,0.3);
	}

	.link-card:active, .link-card:visited, .link-card:focus {
		text-decoration: none;
	}

/*------------------------------------------------------------------------------------------------------*/
/*COLLECTION MAIN PAGE : START*/
/*------------------------------------------------------------------------------------------------------*/

.bg-art {
	background-image: url('../img/collection/Art.jpg'),linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);
}
.bg-objects {
	background-image: url('../img/collection/Artefacts.jpg'),linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);
}
.bg-obscure {
	background-image: url('../img/collection/Obscures.jpg'),linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);
}
.bg-collection {
	background-image: url('../img/collection/Collection.jpg'),linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);
}

.bg-dominion-carillonneur {
	background-image: url('../img/carillon/DominionCarillonneur.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}
.bg-former-carillonneurs {
	background-image: url('../img/carillon/FormerCarillonneurs.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}
.bg-community {
	background-image: url('../img/carillon/Community.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}
.bg-buildings {
	background-image: url('../img/buildings/Building.jpg'),linear-gradient(153deg, rgba(92,6,140,1) 24%, rgba(0,125,179,1) 100%);
}
.bg-buildings-parliament-photo {
	background-image: url('../img/buildings/ParliamentPhoto.jpg');
}
.bg-carillon-main {
	background-image: url('../img/carillon/Carillon.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}
.bg-carillon {
	background-image: url('../img/carillon/TheCarillon.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}
.bg-carillon-1927 {
	background-image: url('../img/carillon/PeaceTowerCarillon1927.jpg');
}
.collection-anchor, .collection-anchor a {
	text-decoration: none !important;
}
.collection .title {
	Font-family: Roboto;
	width: 100%;
	font-size: 25px;
	font-weight: 500;
	color: #555;
	transition: all 0.5s;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 0.5rem;
	margin-left: 130px;
}
.collection-catalogue .main-title {
	line-height: 2.2rem;
	margin-bottom:5px;
}
.collection-catalogue .sub-title{
	font-size:0.8rem;
}
.collection {
	position: relative;
	height: 145px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 110px;
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #e0e0e0;
}

.symposium-image {
	width:100%;
	min-width:200px;
	border:#f0f0f0 1px solid;
}
@media (min-width: 576px) {
	.symposium-image {
		max-width: 200px;
		min-width: 200px;
	}
}
	/*.collection.collection-catalogue .title{
	font-size:2rem !important;
}*/

	.collection .overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		width: 100%;
		height: 0;
		transition: .5s ease;
		opacity: 0.95;
		display: flex;
		flex-direction: column;
	}

		.collection .overlay > div:first-child {
			flex-grow: 0;
		}

			.collection .overlay > div:first-child > div {
				padding-left: 20px;
				padding-top: 50px;
				font-size: 1.7rem;
				font-weight: 500;
				border-bottom: 1px solid white;
				color: white;
				display: inline-block
			}

	.collection .overlay-list {
		flex-grow: 1;
		color: white;
		font-size: 1.4rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		padding: 0 0 2rem 2rem;
		flex-wrap: wrap;
	}

		.collection .overlay-list > div, .collection .overlay-list > a {
			margin-right: 10px;
			white-space: nowrap;
			line-height: 1.3rem;
			padding-bottom: 10px;
		}




	.collection.main-category::before {
		position: absolute;
		content: '';
		display: block;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: all 1s;
	}

	.collection.main-category.bg-hover-green::before {
		background: rgb(66,122,38);
		background: linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);
	}

	.collection.main-category.bg-hover-purple::before {
		background: rgb(92,6,140);
		background: linear-gradient(153deg, rgba(92,6,140,1) 24%, rgba(0,125,179,1) 100%);
	}

	.collection.main-category.bg-hover-blue::before {
		background: rgb(0,125,179);
		background: linear-gradient(153deg, rgba(0,125,179,1) 24%, rgba(0,179,152,1) 100%);
	}


	/*medium*/
	@media (min-width: 768px) {


		.collection.main-category:hover::before {
			opacity: 0.91;
		}



		.collection.main-category:hover .title {
			background: linear-gradient(0deg, rgba(0,0,0,0.5) 00%, rgba(0,0,0,0) 100%);
			color: white;
			z-index: 100000;
			text-shadow: none;
		}

		.collection-catalogue .sub-title {
			display: none;
		}

		.collection:hover .overlay, .collection:focus-within .overlay, .collection:focus .overlay {
			height: 100%;
		}

		.collection.collection-catalogue:hover .title {
			opacity: 0;

		}

		.collection .title {
			position: absolute;
			font-size: 25px;
			padding-left: 8px;
			bottom: 0px;
			width: 100%;
			color: #fff;
			left: 0;
			margin-left: 0px;
			height: 150px;
			align-items: end;
			padding-bottom: 1rem;
			text-shadow: 0px 0px 2px #000000, 0px 0px 4px #000000, 0px 0px 8px #000000, 0px 0px 16px #000000;			/*background: linear-gradient(0deg, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);*/
		}

		.collection {
			width: 220px;
			height: 310px;
			background-size: cover;
			margin-bottom: 0;
			border-bottom: 0;
		}


			.collection .overlay-list {
				font-size: 1.2rem;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				padding: 0 0 2rem 2rem;
				flex-wrap: nowrap;
			}

				.collection .overlay-list > div, .collection .overlay-list > a {
					margin-right: 10px;
					white-space: unset;
				}
	}
	/*large*/
	@media (min-width: 992px) {
		.collection {
			width: 300px;
			height: 350px;
		}

			.collection .title {
				font-size: 40px;
				/*background: linear-gradient(0deg, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);*/
			}

			.collection .overlay-list {
				font-size: 1.8rem;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				padding: 0 0 2rem 2rem;
				flex-wrap: nowrap;
			}

			.collection .overlay > div:first-child > div {
				font-size: 2rem;
			}

			.collection .overlay-list > div, .collection .overlay-list > a {
				margin-right: 10px;
				line-height: 1.4rem;
				font-size: 1.5rem;
				padding-bottom: 15px;
			}
	}
	/*x-large*/
	@media (min-width: 1200px) {
		.collection {
			width: 360px;
			height: 420px;
		}

			.collection .title {
				height: 200px;
				font-size: 40px;
				padding-left: 2rem;
				/*background: linear-gradient(0deg, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);*/
			}

			.collection .overlay > div:first-child > div {
				font-size: 2.5rem;
				padding-left: 30px;
				padding-top: 50px;
			}

			.collection .overlay-list > div, .collection .overlay-list > a {
				margin-right: 20px;
				line-height: 1.9rem;
				font-size: 2rem;
				padding-bottom: 15px;
			}
	}
	/*------------------------------------------------------------------------------------------------------*/
	/*COLLECTION MAIN PAGE : END*/
	/*------------------------------------------------------------------------------------------------------*/
	/*------------------------------------------------------------------------------------------------------*/
	/*CARILLON : START*/
	/*------------------------------------------------------------------------------------------------------*/

	.info-card.info-card-blue {
		background: #007db3;
		color: white;
		align-items: center;
	}

		.info-card.info-card-blue > .info-card-text {
			padding: 1rem;
		}

	.info-card > .info-card-image {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		min-width: 100%;
		min-height: 180px;
	}

		.info-card > .info-card-image.portrait {
			min-height: 300px;
		}

	.info-card:not(.info-card-blue) > .info-card-image {
		margin-bottom: 0.5rem;
	}

	#carillon-video {
		width: 100%;
		height: 50vw;
	}

	.video-wrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-top: 56.25%;
	}

	.responsive-iframe {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

.bg-carillon-music {
	background-image: url('../img/carillon/WatchListen.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

.bg-carillonneurs {
	background-image: url('../img/carillon/Carilloneurs.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

.bg-carillon-about {
	background-image: url('../img/carillon/About.jpg'), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

.bg-carillon-restoration {
	background-image: url(../img/carillon/CarillonRestoration.jpg), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

	.bg-carillon-restoration-dr {
		background-image: url(../img/carillon/CarillonRestorationDr.jpg);
	}

.bg-canadas-carillons {
	background-image: url(../img/carillon/CanadaCarillons.jpg), linear-gradient(153deg, rgba(0,147,210,1) 24%, rgba(0,139,152,1));
}

	.bg-tower-cutaway {
		background-image: url(../img/carillon/Tower-cutaway.jpg);
	}

	.bg-tower-cutaway-fr {
		background-image: url(../img/carillon/Tower-cutaway-fr.jpg);
	}

	.bg-carillon-inauguration {
		background-image: url(../img/carillon/CarillonInauguration.jpg);
	}

	.bg-carillon-unloading {
		background-image: url(../img/carillon/UnloadingBells.jpg);
	}



	/**/
	@media (min-width: 450px) {
		.info-card.info-card-blue {
			flex-direction: row;
		}

		.info-card > .info-card-image {
			width: 180px;
			min-width: 180px;
			min-height: 120px;
			float: left;
			margin-right: 1rem;
			margin-bottom: 0;
			align-self: start;
		}

			.info-card > .info-card-image.portrait {
				min-height: 180px;
				width: 160px;
				min-width: 160px;
			}
	}
	/**/
	@media (min-width: 600px) {
		.info-card > .info-card-image {
			width: 250px;
			min-width: 250px;
			min-height: 150px;
			float: left;
			margin-right: 1rem;
		}

			.info-card > .info-card-image.portrait {
				min-height: 250px;
				width: 220px;
				min-width: 220px;
			}
	}
	/*medium*/
	@media (min-width: 768px) {
		.info-card > .info-card-image {
			width: 300px;
			min-width: 300px;
			min-height: 150px;
			float: none;
			margin-right: 0;
		}

			.info-card > .info-card-image.portrait {
				min-height: 300px;
				width: 260px;
				min-width: 260px;
			}

		.info-card {
			display: flex;
		}

			.info-card.info-card-right {
				flex-flow: row-reverse;
			}

				.info-card.info-card-right > .info-card-text {
					padding-right: 2rem;
				}

			.info-card:not(.info-card-right) > .info-card-text {
				padding-left: 2rem;
			}

		#carillon-video {
			width: 100%;
			height: 399px;
		}
	}
	/*large*/
	@media (min-width: 992px) {
		.info-card > .info-card-image {
			width: 400px;
			min-width: 400px;
			min-height: 250px;
		}

		.info-card > .info-card-text {
			padding-right: 3rem;
		}
	}
	/*x-large*/
	@media (min-width: 1200px) {
		.info-card > .info-card-image {
			width: 500px;
			min-width: 500px;
			min-height: 300px;
		}

		.info-card.info-card-blue > .info-card-text {
			padding: 3rem;
		}
	}

	.image-gallery-item {
		cursor: zoom-in;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/*Gallery : END*/
	/*------------------------------------------------------------------------------------------------------*/

	.image-scroller img {
		cursor: zoom-in;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/*BUILDING : START*/
	/*------------------------------------------------------------------------------------------------------*/
	.bg-interested-carillon {
		background-image: url('../img/interested/Interested-Carillon.jpg');
	}

	.bg-interested-carillon-about {
		background-image: url('../img/interested/Interested-Carillon-About.jpg');
	}

	.bg-interested-carillon-about-the-carillon {
		background-image: url('../img/interested/Interested-Carillon-About-TheCarillon.jpg');
	}

	.bg-interested-carillon-canada-carillon {
		background-image: url('../img/interested/Interested-Carillon-About-CanadaCarillon.jpg');
	}

	.bg-interested-carillon-restoration {
		background-image: url('../img/interested/Interested-Carillon-About-Restoration.jpg');
	}

	.bg-interested-carillon-carillonneurs {
		background-image: url('../img/interested/Interested-Carillon-Carillonneurs.jpg');
	}

	.bg-interested-carillon-carillonneurs-community {
		background-image: url('../img/interested/Interested-Carillon-Carillonneurs-Community.jpg');
	}

	.bg-interested-carillon-carillonneurs-dominion {
		background-image: url('../img/interested/CarillonInterestedDominionCarillonneur.jpg');
	}

	.bg-interested-carillon-carillonneurs-former {
		background-image: url('../img/interested/Interested-Carillon-Carillonneurs-Former.jpg');
	}

	.bg-interested-carillon-music {
		background-image: url('../img/interested/Interested-Carillon-Music.jpg');
	}

	.bg-interested-carillon-music-audio {
		background-image: url('../img/interested/Interested-Carillon-Music-Audio.jpg');
	}

	.bg-interested-carillon-music-scores {
		background-image: url('../img/interested/Interested-Carillon-Music-Scores.jpg');
	}

	.bg-interested-carillon-music-video {
		background-image: url('../img/interested/Interested-Carillon-Music-Video.jpg');
	}

	.bg-interested-collection {
		background-image: url('../img/interested/Interested-Collection.jpg');
	}

	.bg-interested-collection-buildings {
		background-image: url('../img/interested/Interested-Collection-Building.jpg');
	}

	.bg-interested-collection-art {
		background-image: url('../img/interested/Interested-Collection-Art.jpg');
	}

	.bg-interested-collection-objects {
		background-image: url('../img/interested/Interested-Collection-Objects.jpg');
	}

	.bg-interested-collection-obscure {
		background-image: url('../img/interested/Interested-Collection-Obscure.jpg');
	}

	.bg-interested-buildings-past {
		background-image: url('../img/interested/Interested-Building-Past.jpg');
	}

	.bg-interested-buildings-past-1916-fire {
		background-image: url('../img/interested/Fire-1916.jpg');
	}

	.bg-interested-buildings-past-house-of-commons-chamber {
		background-image: url('../img/interested/Interested-Building-Past-Chamber.jpg');
	}

	.bg-interested-buildings-past-house-of-commons-foyer {
		background-image: url('../img/interested/Interested-Building-Past-Foyer.jpg');
	}

	.bg-interested-buildings-past-main-entrance {
		background-image: url('../img/interested/Interested-Building-Past-MainEntrance.jpg');
	}

	.bg-interested-buildings-past-hall-of-honour {
		background-image: url('../img/interested/Interested-Building-Past-HallHonour.jpg');
	}

	.bg-interested-buildings-past-confederation-hall {
		background-image: url('../img/interested/Interested-Building-Past-ConfederationHall.jpg');
	}

	.bg-interested-buildings-past-memorial-chamber {
		background-image: url('../img/interested/Interested-Building-Past-Chamber-23.jpg');
	}

	.bg-interested-buildings-present {
		background-image: url('../img/interested/Interested-Building-Present.jpg');
	}

	.bg-interested-buildings-present-house-of-commons-chamber {
		background-image: url('../img/interested/Interested-Building-Present-Chamber.jpg');
	}

	.bg-interested-buildings-present-antechamber {
		background-image: url('../img/interested/Interested-Building-Present-AntiChamber.jpg');
	}

	.bg-interested-buildings-present-room-of-remembrance {
		background-image: url('../img/interested/Interested-Building-RoomRemembrance.jpg');
	}

	.bg-interested-buildings-present-lobby {
		background-image: url('../img/interested/Interested-Building-Present-Lobby.jpg');
	}

	.bg-interested-buildings-present-house-of-commons-foyer {
		background-image: url('../img/interested/Interested-Building-Present-Foyer.jpg');
	}

	.bg-interested-buildings-future {
		background-image: url('../img/interested/Interested-Building-Future.jpg');
	}

	/*------------------------------------------------------------------------------------------------------*/
	/*BUILDING : START*/
	/*------------------------------------------------------------------------------------------------------*/


	#building-present-1 {
		background-image: url('../img/interested/Interested-Building-Present-Chamber.jpg');
	}

	#building-present-2 {
		background-image: url('../img/interested/Interested-Building-Present-Lobby.jpg');
	}

	#building-present-3 {
		background-image: url('../img/buildings/present-room-of-remembrance.jpg');
	}

	#building-present-4 {
		background-image: url('../img/interested/Interested-Building-Present-Foyer.jpg');
	}

	#building-present-5 {
		background-image: url('../img/interested/Interested-Building-Present-AntiChamber.jpg');
	}

	#building-past-1 {
		background-image: url('../img/interested/Interested-Building-Past-Chamber.jpg');
	}

	#building-past-2 {
		background-image: url('../img/interested/Interested-Building-Past-Foyer.jpg');
	}

	#building-past-3 {
		background-image: url('../img/interested/Interested-Building-Past-MainEntrance.jpg');
	}

	#building-past-4 {
		background-image: url('../img/interested/Interested-Building-Past-HallHonour.jpg');
	}

	#building-past-5 {
		background-image: url('../img/interested/Interested-Building-Past-ConfederationHall.jpg');
	}

	#building-past-6 {
		background-image: url('../img/interested/Interested-Building-Past-Chamber-23.jpg');
	}

	.bg-building-former-chamber-1 {
		background-image: url('../img/buildings/FormerBuildingChamber1.jpg');
	}

	.bg-building-former-chamber-2 {
		background-image: url('../img/buildings/FormerBuildingChamber2.jpg');
	}

	.bg-building-former-chamber-3 {
		background-image: url('../img/buildings/FormerBuildingChamber3.jpg');
	}

	.bg-building-former-fire {
		background-image: url('../img/buildings/FormerBuilding7.jpg');
	}

.bg-building-former {
	background-image: url('../img/buildings/Building-Former.jpg'),linear-gradient(153deg, rgba(92,6,140,1) 24%, rgba(0,125,179,1) 100%);
}

.bg-building-current {
	background-image: url('../img/buildings/Building-Current.jpg'),linear-gradient(153deg, rgba(92,6,140,1) 24%, rgba(0,125,179,1) 100%);
}

.bg-building-future {
	background-image: url('../img/buildings/Building-Future.jpg'),linear-gradient(153deg, rgba(92,6,140,1) 24%, rgba(0,125,179,1) 100%);
}
	/*------------------------------------------------------------------------------------------------------*/
	/*BUILDING : END*/
	/*------------------------------------------------------------------------------------------------------*/

	.gallery-wrapper::-webkit-scrollbar {
		height: 5px;
	}

	.gallery-wrapper::-webkit-scrollbar-thumb {
		background: #888;
	}

	.gallery-wrapper::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.gallery-wrapper {
		display: flex;
		justify-content: space-between;
		overflow: auto;
		flex-wrap: nowrap;
		width: 100%;
	}

	/*	.gallery-wrapper.gallery-wrapper-link {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}*/

	.gallery-item {
		min-width: 230px;
		width: 230px;
		min-height: 150px;
		height: 150px;
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		/*width: 28vw;
	min-width: 28vw;
	min-height: 28vw;
	position: relative;*/
	}

		.gallery-item .background-image {
			min-width: 100%;
			width: 100%;
			min-height: 100%;
			height: 100%;
			position: absolute;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.gallery-item .title {
			position: absolute;
			color: white;
			padding: 0.5rem;
			font-size: 0.8rem;
			bottom: 0;
			left: 0;
			font-weight: 500;
			right: 0;
			color: #222;
		}


	.bg-carillon-small-bells {
		background-image: url(../img/carillon/SmallBells.jpg);
	}

	.bg-carillon-king-coin {
		background-image: url(../img/carillon/KingCoin.jpg);
	}

	.bg-carillon-mechanism {
		background-image: url(../img/carillon/CarillonMechanism.jpg);
	}

	@media (max-width: 768px) {
		.gallery-wrapper.gallery-wrapper-link {
			overflow: unset;
			flex-direction: column;
		}

			.gallery-wrapper.gallery-wrapper-link .gallery-item {
				min-width: 100%;
				width: 100%;
				min-height: 75px;
				height: 75px;
				display: flex;
				align-items: center;
				border: 1px solid #417f24;
				margin-bottom: 0.5rem;
				text-decoration: none !important;
				border-bottom-right-radius: 10px;
				border-top-right-radius: 10px;
			}

			.gallery-wrapper.gallery-wrapper-link .title {
				position: relative;
				width: 100%;
				background: white;
				color: #555 !important;
				font-size: 1rem;
			}

		.theme-purple a.gallery-item .title {
			background: rgb(92,6,140);
			color: #fff !important;
		}

		.gallery-wrapper.gallery-wrapper-link .background-image {
			min-width: 25%;
			max-width: 100px;
			width: 25%;
			position: relative;
			background-size: cover;
			background-position: center center;
		}
	}
	/*medium*/
	@media (min-width: 768px) {
		.narrative-container.gallery .gallery-wrapper {
			justify-content: unset;
			display: flex;
			overflow: unset;
			flex-wrap: wrap;
		}

		.gallery-item {
			width: 220px;
			height: 180px;
			min-width: 220px;
			min-height: 180px;
			margin-bottom: 1rem;
		}

		.gallery-wrapper.gallery-wrapper-link .background-image {
			transition: transform 0.75s;
		}

		.gallery-wrapper.gallery-wrapper-link .gallery-item {
			overflow: hidden;
		}
			/*.gallery-wrapper.gallery-wrapper-link .gallery:hover{
			box-shadow: -3px -2px 30px 6px rgba(0,0,0,0.2);
		}*/
			.gallery-wrapper.gallery-wrapper-link .gallery-item:hover .background-image {
				transform: scale(1.1);
			}

		.narrative-container.gallery .gallery-wrapper .gallery-item {
			margin-right: 15px;
		}

			.narrative-container.gallery .gallery-wrapper .gallery-item:nth-child(3n+3) {
				margin-right: 0;
			}
	}
	/*large*/
	@media (min-width: 992px) {
		/*.narrative.gallery {
		margin-right: -30px;
	}*/


		.gallery-item {
			width: 300px;
			height: 250px;
			min-width: 300px;
			min-height: 250px;
		}

			.gallery-item .title {
				position: absolute;
				font-size: 1rem;
				bottom: 20px;
				left: 0;
				font-weight: 500;
				width: auto;
				right: unset;
			}

		.narrative-container.gallery .gallery-wrapper .gallery-item {
			margin-right: 15px;
		}

			.narrative-container.gallery .gallery-wrapper .gallery-item:nth-child(3n+3) {
				margin-right: 0;
			}
	}
	/*x-large*/
	@media (min-width: 1200px) {
		.gallery-item {
			width: 360px;
			height: 250px;
			min-width: 300px;
			min-height: 250px;
			margin-bottom: 1.8rem;
		}

			.gallery-item .title {
				position: absolute;
				font-size: 1rem;
				bottom: 20px;
				left: 0;
				font-weight: 500;
				width: auto;
				right: unset;
			}

		.narrative-container.gallery .gallery-wrapper .gallery-item {
			margin-right: 30px;
		}

			.narrative-container.gallery .gallery-wrapper .gallery-item:nth-child(3n+3) {
				margin-right: 0;
			}
	}

	.theme-icon {
		height: 10em;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.bg-icon-prime-minister-portraits {
		background-image: url('../img/collection/Icon-PrimeMinisterPortraits.png');
	}

	.bg-icon-speaker-portraits {
		background-image: url('../img/collection/Icon-SpeakerPortraits.png');
	}

	.bg-icon-in-the-chamber {
		background-image: url('../img/collection/Icon-InTheChamber.png');
	}

	.bg-icon-commissioned-art {
		background-image: url('../img/collection/Icon-Commissioned.png');
	}

	.bg-icon-gifts {
		background-image: url('../img/collection/Icon-Gifts.png');
	}

	.themes {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

		.themes a {
			background: #f9f9f9;
			padding: 0.5em;
			height: 75px;
			width: 100%;
			text-align: left;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			transition: all 0.15s linear;
			text-decoration: none !important;
			color: #555;
			align-items: center;
			border-bottom: 1px solid #e0e0e0;
			text-decoration: none !important;
			color: #000 !important;
			border-bottom: rgb(66,122,38) 5px solid;
		}

	.theme-icon {
		height: 30px;
		width: 51px;
		/* background-position: center center; */
		background-repeat: no-repeat;
		background-size: contain;
		margin-right: 1rem;
		font-size: 1.6rem;
	}

	/*medium*/
	@media (min-width: 768px) {
		.themes {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}

			.themes a {
				background: #f9f9f9;
				padding: 0.5em;
				height: 9rem;
				width: 8rem;
				text-align: center;
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-decoration: none !important;
				color: #555;
				padding-top: 1rem;
				padding-bottom: 1rem;
				transition: all 0.5s;
				
			}
				.themes a * {
					transition: all 0.3s;
				}
				.themes a:hover {
					background-color: rgb(66,122,38);
					color: #fff;
				}
				.themes a:hover *{
					color: #fff;
				}

		.theme-icon {
			height: 60px;
			width: 60px;
			margin-right: 0;
			font-size: 3rem;
			margin-bottom:0.7rem;
		}
	}

	/*large*/
	@media (min-width: 962px) {

		.themes a {
			width: 10.5rem;
			justify-content: space-around;
		}
		.theme-icon {
			margin-right: 0;
			font-size: 3.5rem;
		}
	}
	/*x-large*/
	@media (min-width: 1200px) {

		.themes a {
			width: 12.7rem;
		}
	}
	/*------------------------------------------------------------------------------------------------------*/
	/*SEARCH ITEMS : START*/
	/*------------------------------------------------------------------------------------------------------*/

	#search-input-group {
		width: 100%;
	}

	.h-scroll .scroll-content {
		overflow: auto;
		display: flex;
		justify-content: unset;
		flex-wrap: nowrap;
		margin-left: 0;
		margin-right: 0;
		flex-direction: row;
		width: 100%;
	}


	.h-scroll .search-items .search-item {
		margin: 0rem 0.9rem 0.5rem 0;
		min-width: 300px;
		height: 300px;
	}

	.h-scroll .search-items .search-item {
		width: 300px;
		flex-direction: column;
		margin: 0rem 0.9rem 0.5rem 0;
		min-width: 300px;
		height: 270px;
	}

		.h-scroll .search-items .search-item .search-item-image {
			width: 100%;
			height: 100%;
			flex-grow: 0;
		}

		.h-scroll .search-items .search-item .search-item-text {
			width: 100%;
		}

	.h-scroll {
		display: flex;
		align-items: center;
		position: relative;
		align-content: center;
	}

		.h-scroll .scroll-content {
			margin-left: -55px;
			margin-right: -55px;
		}

		.h-scroll .left-scroller, .h-scroll .right-scroller {
			background-color: rgb(255,255,255,0.5);
			/*background-color: rgb(66,122,38) ;*/
			/*padding-bottom: 10px;*/
			left: -60px;
			min-width: 55px;
			height: 80px;
			display: flex;
			align-items: center;
			font-size: 2.5rem;
			justify-content: center;
			font-family: hoc-icons;
			cursor: pointer;
			z-index: 10;
			border: 1px solid #f0f0f0;
			transition: all 1s;
		}

		/*Track */

		.h-scroll .scroll-content::-webkit-scrollbar {
			height: 5px;
		}

		.h-scroll .scroll-content::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		/*Handle */
		.h-scroll .scroll-content::-webkit-scrollbar-thumb {
			background: #888;
		}

			/*Handle on hover */
			.h-scroll .scroll-content::-webkit-scrollbar-thumb:hover {
				background: #555;
			}
	/*large*/


	@media (min-width: 992px) {
		.search-items {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin-left: -14px;
			margin-right: -14px;
		}

		.h-scroll .search-items {
			flex-wrap: unset;
		}

		.search-item {
			width: 300px;
			height: 350px;
			flex-direction: column;
			margin: 0rem 0rem 2.5rem 0;
		}

		.h-scroll .search-items .search-item {
			margin: 0rem 0.9rem 0.5rem 0;
			min-width: 300px;
			height: 300px;
		}

			.h-scroll .search-items .search-item:last-child {
				margin-right: 0;
			}

		.search-item-text {
			width: 100%;
		}

		.search-item-image {
			width: 100%;
			height: 100%;
			flex-grow: 0;
		}

		.search-item.interested-in-item {
			height: 300px;
		}

			.search-item.interested-in-item .search-item-image {
				height: 65%;
			}

		#search-input-group {
			width: 500px;
		}
	}

	.left-scroller:hover, .right-scroller:hover {
		background-color: rgb(255,255,255,1);
	}
	/*large*/

	@media (min-width: 1200px) {

		.search-item {
			width: 363px;
		}

			.search-item.interested-in-item {
				height: 363px;
			}

		.h-scroll .search-items .search-item {
			margin: 0rem 1.5rem 0.5rem 0;
			min-width: 364px;
		}
		/*.h-scroll {
		margin-left: -70px;
		margin-right: -70px;
	}
		.h-scroll .scroll-content {
			margin-left: 0;
			margin-right: 0;
		}

		.h-scroll .left-scroller {
			justify-content: flex-start;
		}
		.h-scroll .right-scroller {
			justify-content: flex-end;
		}*/

	}

	@media (min-width: 1300px) {

		.h-scroll {
			margin-left: -55px;
			margin-right: -55px;
		}

			.h-scroll .scroll-content {
				margin-left: 0;
				margin-right: 0;
			}

			.h-scroll .left-scroller {
				justify-content: flex-start;
				border: 0;
				background-color: rgb(255,255,255,0);
			}

			.h-scroll .right-scroller {
				justify-content: flex-end;
				border: 0;
				background-color: rgb(255,255,255,0);
			}

			.h-scroll .left-scroller, .h-scroll .right-scroller {
				opacity: 0;
				user-select: none;
			}

			.h-scroll:hover .left-scroller, .h-scroll:hover .right-scroller {
				opacity: 1;
			}
	}

	.h-scroll .left-scroller.disappear, .h-scroll .right-scroller.disappear {
		opacity: 0 !important;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/*SEARCH ITEMS : END*/
	/*------------------------------------------------------------------------------------------------------*/
	/*------------------------------------------------------------------------------------------------------*/
	/*DOCUMENTS : START*/
	/*------------------------------------------------------------------------------------------------------*/
	.documents-title {
		font-size: 1.5rem;
		border-left: 3px #007db3 solid;
		padding-left: 0.5rem;
		font-weight: bold;
	}

	.document {
		margin-right: 0.5em;
		background: #007db3;
		color: white;
		padding: 0.25em 0.75em;
		display: inline-block;
		margin-bottom: 0.2rem;
		text-decoration: none !important;
		transition: all 0.5s;
	}

		.document:hover {
			color: white;
			opacity: 0.8;
		}

	.form-check-label::first-letter {
		text-transform: capitalize;
	}

	#selected-filters {
		user-select: none;
	}

	#search-results {
		transform: translateY(15px);
	}

	.appear {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s linear, all 0.3s;
		transform: translateY(0) !important;
	}

	.catalogue-spec .table {
		margin-bottom: 0;
	}

	.disappear {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s 0.3s, opacity 0.3s linear, all 0.3s linear;
	}

	#selected-categories {
		padding: 0.5rem 0 0 0;
	}

	#selected-filters {
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s linear;
	}

		#selected-filters.active-1 {
			max-height: 60px;
			transition: all 0.3s linear;
		}

		#selected-filters.active {
			max-height: 1000px;
			transition: all 0.3s linear;
		}

	.selected-filter {
		display: inline-block;
		background-color: #427a26;
		color: #fff;
		border-radius: 5px;
		border: 1px solid #427a26;
		padding: 0.5rem 0.5rem;
		margin: 0 0.5rem 0.5rem 0;
		cursor: pointer;
		transition: 0.3s linear;
	}

		.selected-filter i {
			margin-left: 0.4rem;
		}

		.selected-filter:hover {
			opacity: 0.8;
		}

	/*------------------------------------------------------------------------------------------------------*/
	/*DOCUMENTS : END*/
	/*------------------------------------------------------------------------------------------------------*/
	/*------------------------------------------------------------------------------------------------------*/
	/*SPECIFICATIONS : START*/
	/*------------------------------------------------------------------------------------------------------*/
	.dimensions > span {
		white-space: nowrap;
	}

		.dimensions > span > b {
			font-weight: 500;
		}

	.catalogue-spec {
		background-color: #f2f2f2;
		display: flex;
		flex-direction: column;
	}

		.catalogue-spec .main-image {
			background-position: top center;
			background-size: cover;
			min-width: 300px;
			min-height: 300px;
			max-height: 300px;
			cursor: zoom-in;
			position: relative;
		}

			.catalogue-spec .main-image.portrait {
				min-width: 300px;
				min-height: 450px;
				max-height: 500px;
			}

	.catalogue-title {
		font-size: 1.5rem;
		font-weight: bold;
	}

	.catalogue-spec .object-name::first-letter {
		text-transform: capitalize;
	}

	.full-title span::first-letter {
		text-transform: capitalize;
	}

	.table-specification th {
		white-space: nowrap;
		padding-right: 1rem !important;
	}

.spec {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	border-left: 3px rgb(66,122,38) solid;
	padding-left: 0.5rem;
}

	.subjects > div {
		margin-right: 0.5em;
		background: #007db3;
		color: white;
		padding: 0.25em 0.75em;
		display: inline-block;
	}

	.catalogue-spec .main-image .artist {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 0.5rem;
	}

		.catalogue-spec .main-image .artist > span {
			display: inline-block;
		}

			.catalogue-spec .main-image .artist > span:first-letter {
				text-transform: capitalize;
			}

	.table-specification th, .table-specification td {
		padding: 0.25rem;
	}

	.table-specification th {
		font-weight: 500;
	}

	/*medium*/
	@media (min-width: 768px) {
		.catalogue-spec {
			flex-direction: row;
		}

			.catalogue-spec .main-image {
				max-width: 300px;
			}

				.catalogue-spec .main-image.portrait {
					min-width: 300px;
					min-height: 400px;
					max-height: 400px;
				}
	}

	/*large*/
	@media (min-width: 962px) {
		.catalogue-spec .main-image {
			min-width: 400px;
		}
	}
	/*x-large*/
	@media (min-width: 1200px) {
		.catalogue-spec .main-image {
			min-width: 450px;
		}
	}

	/*------------------------------------------------------------------------------------------------------*/
	/*SPECIFICATIONS : END*/
	/*------------------------------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------------------------*/
	/*IMAGE SCROLLER : START*/
	/*------------------------------------------------------------------------------------------------------*/
	.image-scroller {
		display: flex;
		flex-grow: 1;
		flex-direction: row;
		overflow: auto;
	}

		.image-scroller .item {
			height: 150px;
		}

			.image-scroller .item:not(:last-child) {
				margin-right: 0.25rem;
			}

	.image-scroller-wrapper .left-btn,
	.image-scroller-wrapper .right-btn {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 3em;
		display: flex;
		align-items: center;
		font-size: 2em;
		transition: all 0.5s;
	}

		.image-scroller-wrapper .left-btn > span,
		.image-scroller-wrapper .right-btn > span {
			font-size: 2em;
			color: #777;
			z-index: 2;
		}

		.image-scroller-wrapper .left-btn:hover > span,
		.image-scroller-wrapper .right-btn:hover > span {
			font-size: 2em;
			color: #222;
			z-index: 2;
			cursor: pointer;
		}

	.image-scroller-wrapper .left-btn {
		left: 0;
		justify-content: flex-start;
		background: linear-gradient(to left, transparent 0%, white 100%);
	}

	.image-scroller-wrapper .right-btn {
		right: 0;
		justify-content: flex-end;
		background: linear-gradient(to right, transparent 0%, white 100%);
	}

		.image-scroller-wrapper .left-btn.hidden,
		.image-scroller-wrapper .right-btn.hidden {
			display: none;
			opacity: 0.1;
		}

	/* width */
	.image-scroller::-webkit-scrollbar {
		height: 5px;
	}

	/*Track */
	.image-scroller::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/*Handle */
	.image-scroller::-webkit-scrollbar-thumb {
		background: #888;
	}

		/*Handle on hover */
		.image-scroller::-webkit-scrollbar-thumb:hover {
			background: #555;
		}

	/*------------------------------------------------------------------------------------------------------*/
	/*IMAGE SCROLLER : END*/
	/*------------------------------------------------------------------------------------------------------*/







	.narrative-container.fluid-background {
		background-color: #f2f2f2;
		margin-top: 4rem;
	}

	.narrative-container > .container {
		padding-top: 2.5rem;
	}

	.narrative-container.fluid-background > .container {
		padding-bottom: 4rem;
	}

	.narrative {
		display: flex;
		flex-direction: column;
	}

		.narrative.gallery {
			/*margin-top:0;*/
		}

		.narrative > .title,
		.narrative > .content > .text > .title {
			font-size: 1.2rem;
			font-weight: 500;
		}

		.narrative .image {
			margin-top: 0.5rem;
		}

	.narrative-container.theme-background .narrative {
		padding-left: 15px;
		padding-right: 15px;
	}

	.narrative-container:not(.theme-background) .narrative .text {
		/*padding-bottom: 1rem;*/
	}
	/*.narrative.theme-background > .title{
	display:none;
}*/
	.narrative .content > .text > .title {
		margin-bottom: 0.5rem;
	}
	/*.narrative:not(.theme-background) .content > .text > .title {
		display: none;
	}*/

	.narrative .text {
		/*margin-top: 1rem;*/
	}


	.narrative-container.theme-background .narrative .content > .text {
		margin-bottom: 1rem;
		padding: 1rem;
	}

	.narrative-container.image-left .narrative .image,
	.narrative-container.image-right .narrative .image {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		min-width: 100%;
		min-height: 180px;
	}

	.narrative-container.theme-background.image-left .narrative .image,
	.narrative-container.theme-background.image-right .narrative .image {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		width: calc(100% + 30px);
		min-width: calc(100% + 30px);
		min-height: 180px;
		margin: -8px -15px 8px -15px;
	}

	.narrative-container.image-left .narrative .image.image-portrait,
	.narrative-container.image-right .narrative .image.image-portrait {
		width: 100%;
		min-width: 100%;
		min-height: 450px;
	}

	/**/
	@media (min-width: 450px) {
		.narrative-container.image-left .narrative .image,
		.narrative-container.image-right .narrative .image,
		.narrative-container.theme-background.image-left .narrative .image,
		.narrative-container.theme-background.image-right .narrative .image {
			float: left;
			margin-top: 0;
			margin-right: 1.5rem;
			margin-bottom: 0.5rem;
			width: 200px;
			min-width: 200px;
			height: 150px;
			min-height: 150px;
		}

		.narrative-container.image-right .narrative .image,
		.narrative-container.theme-background.image-right .narrative .image {
			float: right;
		}


		.narrative-container.theme-background.image-right .narrative .image {
			margin-top: -8px;
			margin-bottom: 0;
			margin-left: 15px;
			margin-right: -15px;
		}

		.narrative-container.theme-background.image-left .narrative .image {
			margin-top: -8px;
			margin-bottom: 0;
			margin-right: 15px;
		}

		/*.narrative-container.theme-background.image-right .narrative .image {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		width: 200px;
		min-width: 200px;
		height: 150px;
		min-height: 150px;
		margin: -8px -15px 8px -15px;
	}*/

		.narrative-container.image-left .narrative .text,
		.narrative-container.image-right .narrative .text {
			margin-top: 0;
		}

		.narrative-container.image-left .narrative .content,
		.narrative-container.image-right .narrative .content {
			margin-top: 0.5rem;
		}

		.narrative-container.image-right .narrative .image {
			float: right;
			margin-left: 0.5rem;
			margin-right: 0;
		}

			.narrative-container.image-left .narrative .image.image-portrait,
			.narrative-container.image-right .narrative .image.image-portrait {
				width: 200px;
				min-width: 200px;
				height: 300px;
				min-height: 300px;
			}
	}
	/**/
	@media (min-width: 600px) {
		.narrative-container.image-left .narrative .image,
		.narrative-container.image-right .narrative .image,
		.narrative-container.theme-background.image-left .narrative .image,
		.narrative-container.theme-background.image-right .narrative .image {
			width: 300px;
			min-width: 300px;
			height: 192px;
			min-height: 192px;
		}
	}
	/*medium*/
	@media (min-width: 768px) {
	}
	/*large*/
	@media (min-width: 992px) {
		.narrative-container.image-left .narrative .image,
		.narrative-container.image-right .narrative .image,
		.narrative-container.theme-background.image-left .narrative .image,
		.narrative-container.theme-background.image-right .narrative .image {
			width: 400px;
			min-width: 400px;
			height: 250px;
			min-height: 250px;
		}

			.narrative-container.image-left .narrative .image.image-portrait,
			.narrative-container.image-right .narrative .image.image-portrait {
				width: 350px;
				min-width: 350px;
				height: 480px;
				min-height: 480px;
			}

				.narrative-container.image-left .narrative .image.image-portrait.image-medium,
				.narrative-container.image-right .narrative .image.image-portrait.image-medium {
					width: 20px;
					min-width: 200px;
					height: 300px;
					min-height: 300px;
				}
	}
	/*x-large*/
	@media (min-width: 1200px) {
		.narrative-container.image-left .narrative .image,
		.narrative-container.image-right .narrative .image,
		.narrative-container.theme-background.image-left .narrative .image,
		.narrative-container.theme-background.image-right .narrative .image {
			width: 500px;
			min-width: 500px;
			height: 300px;
			min-height: 300px;
		}

		.narrative-container.image-right .narrative .image {
			float: right;
			margin-left: 1.5rem;
			margin-right: 0;
		}
	}


	/**THEME*/

.theme-blue .interested-in .header-title::before, .theme-blue .accent-bar::before {
	border-top: 5px solid rgb(0,125,179);
	/*border-top: 5px solid rgb(0,125,179);*/
}

	.theme-purple .interested-in .header-title::before, .theme-purple .accent-bar::before {
		border-top: 5px solid rgb(92,6,140);
	}

	.theme-green .interested-in .header-title::before, .theme-green .accent-bar::before {
		border-top: 5px solid rgb(66,122,38);
	}
	/*.theme-background {
	background: rgb(66,122,38);
	background: linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);
}*/
	.theme-green a {
		color: rgb(66,122,38);
	}

	.theme-green .color-theme {
		color: rgb(66,122,38) !important;
	}

	.theme-green .theme-background:not(.narrative-container),
	.theme-green .narrative-container.theme-background .narrative {
		background: rgb(66,122,38);
		/*background: linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);*/
		color: #fff;
	}

	.theme-green .theme-background a,
	.theme-green .theme-background .color-theme {
		color: #fff;
	}

	.theme-purple a {
		color: rgb(92,6,140);
	}

	.theme-purple .color-theme {
		color: rgb(92,6,140);
	}

	.theme-purple .theme-background:not(.narrative-container),
	.theme-purple .narrative-container.theme-background .narrative {
		background: rgb(92,6,140);
		/*background: linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);*/
		color: #fff;
	}

	.theme-purple .theme-background a,
	.theme-purple a.theme-background,
	.theme-purple .theme-background .color-theme {
		color: #fff;
	}

	.theme-purple a.gallery-item {
		background: rgb(92,6,140);
		color: #fff;
	}

.theme-purple .card-item-footer.bg-green {
	background: rgb(92,6,140);
}

.theme-blue a {
	color: rgb(0,100,179);
	/*color: rgb(0,125,179);*/
}

.theme-blue .color-theme {
	color: rgb(0,100,179) !important;
	/*color: rgb(0,125,179) !important;*/
}

	.theme-blue .theme-background:not(.narrative-container),
	.theme-blue .narrative-container.theme-background .narrative {
		background: rgb(0,125,179) !important;
		/*background: linear-gradient(153deg, rgba(66,122,38,1) 24%, rgba(0,179,152,1) 100%);*/
		color: #fff !important;
	}

	.theme-blue .theme-background a,
	.theme-blue .theme-background .color-theme {
		color: #fff !important;
	}







	.card-items {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

		.card-items.card-items-nowrap {
			flex-wrap: nowrap;
		}

	.card-item {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-bottom: 30px;
		text-decoration: none !important;
		position: relative;
	}

		.card-item.collection-item .card-title {
			z-index: 1;
			display: flex;
			flex-grow: 1;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			background: #fff;
			padding: 0.5rem;
			min-height: 110px;
			color: #000 !important;
		}

		.card-item .top-left {
			z-index: 1000;
			background-color: #222;
			color: #fff;
			padding: 0.5rem 1rem;
			position: absolute;
			top: 2px;
			left: 2px;
			border-bottom-right-radius: 10px;
		}

		.card-item .card-content {
			overflow: hidden;
			border: 1px solid #e2e2e2;
			flex-grow: 1;
			background: #fff;
		}

		.card-item .card-image {
			height: 233px;
			background-color: #c0c0c0;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			transition: transform 0.25s linear;
		}
		.card-item .card-image.image-cover{
			background-size: cover;
		}

	.image-not-found {
		background-image: url('../img/collection/Default-Collection-Image.jpg') !important;
	}

	.card-items.card-image-cover .card-item .card-image {
		background-size: cover;
	}

	.card-item .card-text {
		font-weight: 500;
		position: relative;
		z-index: 1;
		min-height: 50px;
		display: flex;
		align-items: center;
	}

	.card-item.collection-item .card-text {
		flex-direction: column;
	}

	.card-item .card-main-title {
		font-weight: 500;
		font-size: 1.2rem;
		text-align: center;
	}

	.card-item .card-text .card-title {
		padding: 0 15px;
		width: 100%;
		margin-bottom: 0;
	}

	.card-item .card-item-footer {
		color: white;
		width: 100%;
		display: flex;
		height: 38px;
		align-items: center;
		padding: 0 8px;
	}

	.card-artist-name {
		flex-grow: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 12px;
	}

	.card-item a {
		text-decoration: none !important;
	}

	.card-item-footer a, .card-item-footer a i {
		color: white;
		font-weight: 500;
	}

		.card-item-footer a i {
			font-size: 1.6em;
			padding: 8px;
		}

		.card-item-footer a:hover {
			opacity: 0.7;
		}

	.figure {
		position: relative;
	}

		.figure .figimage img {
			display: block;
		}

		.figure .figcaption {
			position: absolute;
			color: #fff;
			background-color: rgba(0,0,0,.7);
			padding: 0.25rem 0.75rem;
			top: 0;
			right: 0;
			overflow: hidden;
			white-space: nowrap;
			font-size: 0.7em;
			text-overflow: ellipsis;
		}

	.card-item .card-text .card-date:before {
		content: "";
		border-top-color: #427a26;
		border-top-style: solid;
		border-top-width: 1px;
		margin-top: 1rem;
		padding-top: 0.5rem;
		display: block;
		width: 100px;
	}

	.card-item .card-text .card-date {
		text-align: center;
	}

	.card-item .card-main-title:first-letter, .card-item .card-title-prefix:first-letter {
		text-transform: capitalize;
	}

	.card-item .card-content:hover .card-image {
		transform: scale(1.1);
	}

	.card-item .card-content {
		width: 100%;
	}

	.card-item .chevron {
		display: none;
	}

	@media (min-width: 1px) and (max-width: 474px) {
		.card-item {
			flex-direction: column;
			width: 100%;
		}

			.card-item .card-content {
				display: flex;
			}

			.card-item .card-image {
				width: 200px;
				min-width: 133px;
				max-width: 133px;
				height: 100px;
				background-size:cover;
			}

			.card-item.collection-item .card-image {
				height: 100%;
				min-height: 150px;
			}

			.card-item .card-text {
				width: 100%;
			}

			.card-item .card-title {
				display: inline-block;
				flex-grow: 1;
				font-size: 1.2em;
			}

			.card-item .chevron {
				display: inline-block;
				flex-grow: 0;
				font-size: 1.2em;
				padding: 0 15px;
			}

		.scroll-content .card-item {
			min-width: 100%;
		}

			.scroll-content .card-item:not(:last-child) {
				margin-right: 15px;
			}
	}

	@media (min-width: 475px) {
		.card-items {
			flex-direction: row;
		}

			.card-items.card-items-nowrap .card-item:not(:last-child) {
				padding-right: 15px;
			}

		.card-item {
			width: calc(100%/2.07);
			min-width: calc(100%/2.07);
			max-width: calc(100%/2.07);
		}

		#search-results .card-items .card-item {
			width: calc(100%/2.07);
			min-width: calc(100%/2.07);
			max-width: calc(100%/2.07);
		}

		.card-item .card-image {
			height: 137px;
		}
	}

	@media (min-width: 768px) {
		.card-items {
			flex-direction: row;
		}

			.card-items.card-items-nowrap .card-item:not(:last-child) {
				padding-right: 15px;
			}

		.card-item {
			width: calc(100%/3.15);
			min-width: calc(100%/3.15);
			max-width: calc(100%/3.15);
		}

		#search-results .card-items .card-item {
			width: calc(100%/3.15);
			min-width: calc(100%/3.15);
			max-width: calc(100%/3.15);
		}

		.card-item .card-image {
			height: 137px;
		}
	}

	@media (min-width: 992px) {

		.card-item .card-image {
			height: 187px;
		}
	}

	@media (min-width: 1200px) {

		.card-item .card-image {
			height: 230px;
		}
	}



	/*CARILLON: START******************************************************************************/

	.carillon-cards {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.carillon-card {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 4rem;
	}

	.carillon-card-image {
		height: 454px;
		background-position: top center;
		background-size: cover;
	}

	.carillon-card-location {
		font-weight: bold;
	}

	.carillon-card-text {
		padding: 1.5rem;
		border-top: 5px solid rgb(0,125,179);
		background: #f2f2f2;
	}

	.carillon-card-title {
		font-size: 1.4em;
		font-weight: bold;
		font-family: Roboto;
		min-height: 52px;
		color: rgb(0,125,179);
	}

	.carillon-card-bells {
		border-top: 1px solid #000;
		font-size: 1rem;
		padding-top: 0.5rem;
		margin-top: 0.5rem;
	}

	.bg-carillon-community-logo-gcna {
		background-image: url("../img/carillon/GCNA-Full-Logo-RGB-Blue-cropped.png");
		min-width: 100%;
		height: 63px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: center;
		margin-bottom: 2rem;
	}

	.bg-carillon-community-logo-wcf {
		background-image: url("../img/carillon/WCF logo.jpg");
		min-width: 100%;
		height: 129px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: center;
		margin-bottom: 2rem;
	}

	.bg-carillon-community-logo-wmpc-en {
		background-image: url("../img/carillon/WarPeaceCarillons-EN.jpg");
		min-width: 100%;
		height: 182px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: center;
		margin-bottom: 2rem;
	}

	.bg-carillon-community-logo-wmpc-fr {
		background-image: url("../img/carillon/WarPeaceCarillons-FR.jpg");
		min-width: 100%;
		height: 182px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: center;
		margin-bottom: 2rem;
	}

	@media (min-width:992px) {
		.bg-carillon-community-logo-gcna {
			min-width: 395px;
			margin-bottom: 0rem;
			margin-top: -27px;
		}

		.bg-carillon-community-logo-wcf {
			min-width: 395px;
			margin-bottom: 0rem;
		}

		.bg-carillon-community-logo-wmpc-en, .bg-carillon-community-logo-wmpc-fr {
			min-width: 395px;
			margin-bottom: 0rem;
		}
	}

	.bg-canadas-carillons-1 {
		background-image: url("../img/carillon/CanadasCarillons_1.jpg")
	}

	.bg-canadas-carillons-2 {
		background-image: url("../img/carillon/CanadasCarillons_2.jpg")
	}

	.bg-canadas-carillons-3 {
		background-image: url("../img/carillon/CanadasCarillons_3.jpg")
	}

	.bg-canadas-carillons-4 {
		background-image: url("../img/carillon/CanadasCarillons_4.jpg")
	}

	.bg-canadas-carillons-5 {
		background-image: url("../img/carillon/CanadasCarillons_5.jpg")
	}

	.bg-canadas-carillons-6 {
		background-image: url("../img/carillon/CanadasCarillons_6.jpg")
	}

	.bg-canadas-carillons-7 {
		background-image: url("../img/carillon/CanadasCarillons_7.jpg")
	}

	.bg-canadas-carillons-8 {
		background-image: url("../img/carillon/CanadasCarillons_8.jpg")
	}

	.bg-canadas-carillons-9 {
		background-image: url("../img/carillon/CanadasCarillons_9.jpg")
	}

	.bg-canadas-carillons-10 {
		background-image: url("../img/carillon/CanadasCarillons_10.jpg")
	}

	@media (min-width:768px) {
		.carillon-card {
			display: flex;
			flex-direction: column;
			width: 336px;
			margin-top: 4rem;
		}

		.carillon-card-image {
			height: 454px;
		}
	}

	@media (min-width:400px) and (max-width:767px) {
		.carillon-card {
			display: flex;
			flex-direction: row;
			width: 100%;
			margin-top: 4rem;
		}

		.carillon-card-image {
			height: 300px;
			width: 250px;
			max-width: 200px;
			min-width: 200px;
		}

		.carillon-card-text {
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
		}
	}

	@media (min-width:992px) and (max-width:1199px) {
		.carillon-card {
			display: flex;
			flex-direction: column;
			width: 294px;
			margin-top: 2rem;
		}

		.carillon-card-image {
			height: 400px;
		}
	}

	/*CARILLON:END*********************************************************************************************************************/

	.modal-photo-gallery .modal-dialog {
		min-width: 95%;
		width: 95%;
		max-width: 95%;
		height: calc(100% - 3.5rem);
	}

	.modal-photo-gallery .modal-content {
		position: relative;
	}

		.modal-photo-gallery .modal-content .carousel-control-prev,
		.modal-photo-gallery .modal-content .carousel-control-next {
			position: absolute;
			align-items: end;
		}

	.carousel-control-prev:focus span.hoc-icon, .carousel-control-next:focus span.hoc-icon {
		border: 1px solid;
	}

	.modal-dialog-centered {
		min-height: calc(100% - 5rem);
	}

	@media (min-width:992px) {
		.modal-photo-gallery .modal-dialog {
			min-width: 90%;
			width: 90%;
			max-width: 90%;
			height: calc(100% - 3.5rem);
		}

		.modal-photo-gallery .modal-content .carousel-control-prev,
		.modal-photo-gallery .modal-content .carousel-control-next {
			position: relative;
			align-items: center;
		}
	}

	.data-list {
		display: table;
		margin-top: 1rem;
	}

		.data-list > div {
			display: table-row;
		}

			.data-list > div > div {
				display: table-cell;
			}

				.data-list > div > div:first-child {
					padding-right: 1rem;
					font-weight: bold;
				}

.score-category {
	border: 2px solid rgb(0,125,179) !important;
	color: rgb(0,100,179) !important;
	cursor: pointer;
	margin-right:0.5rem;
}
.score-category.selected {
	background-color: rgb(0,125,179) !important;
	color:#fff !important;
}

.font-weight-500 {
	font-weight:500;
}

main h2 {
	padding-top: 10px;
	font-family: Roboto !important;
	font-weight: 500 !important;
	text-transform: none !important;
	font-size: 24px !important;
	margin-top: 0 !important;
}

.form-control:focus {
	outline: black auto 1px;
}

.btn:focus {
	outline: black auto 1px;
}