/* Tourism Winnipeg - version 8 - Layout Styles */

.container {
/*
	Set site width only here and use this class to centre the content in browser window.
	Default width is 960px and can be changed in skeleton.css to maintain resposivnes.
*/
	position: relative;
	clear: both;
	width: 90%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto;
}

/* !search bar styles */
.search-bar {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: -60px 0 0 0;
	background: #586876;
	transition: all 0.2s ease;
}
.search-bar.active { margin: 0; }

/* !header styles */
header {
	display: block;
	position: relative;
	z-index: 5;
	width: 100%;
	padding: 0;
	margin: 0;
}
	header .container {
		display: flex;
		position: relative;
		justify-content: flex-start;
		column-gap: 1.25rem;
		flex-wrap: wrap;
		max-width: 1200px;
		padding: 1em 0;
		border-bottom: 1px solid #d3d4d4;

	}
	body.home header .container { border: none; }
	header .container div.time-logo {
		display: block;
		position: relative;
		width: 80px;
	}
	header div.announcement {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: #ffd900;
		color: #000;
		text-align: center;
	}
		header div.announcement div.container {
			display: block;
			padding: 1rem;
		}
		header div.announcement p {
			margin: 0;
		}
header .container > h1 {
	display: block;
	position: relative;
	flex-basis: 20%;
	max-width: 20%;
	height: 95px;
	padding: 0;
	margin: 0;
}
	header h1 a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		text-indent: -9999em;
		background: url("../../../img/v9/logo-wpg.svg") no-repeat center center;
		background-size: contain;
	}


/* !meetings winnipeg conferences subsite */
div#conference-heading {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 15px 0;
	background: url("../../../img/v9/conference_header_bk.jpg") no-repeat center center;
	background-size: cover;
}
	div#conference-heading img {
		display: block;
		position: relative;
		z-index: 0;
		width: 100%;
		height: auto;
	}
	div#conference-heading .container {
		min-height: 600px;
	}
div.conference-heading {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 15px 0;
}
	div.conference-heading .container {
		padding: 3rem 0;
	}


/* !navigation styles */
nav {
	display: block;
	position: relative;
	flex-basis: 65%;
	flex-grow: 1;
	padding: 1.25rem 0 0 0;
	margin: 0;
}
		nav ul.nav_1 {
			display: flex;
			position: relative;
			justify-content: flex-start;
			flex-wrap: nowrap;
			column-gap: 0.625rem;
			width: 100%;
			padding: 25px 0 0 0;
			margin: 0;
			list-style: none;
			font-size: 1rem;
			font-weight: 400;
		}
			nav ul.nav_1 li {
				display: block;
				position: relative;
				flex-grow: 1;
				padding: 0;
				margin: 0;
			}
			nav ul.nav_1 li#nav_li_item_989,
			nav ul.nav_1 li#nav_li_item_1091,
			nav ul.nav_1 li#nav_li_item_1145,
			nav ul.nav_1 li#nav_li_item_1195,
			nav ul.nav_1 li#nav_li_item_1247,
			nav ul.nav_1 li#nav_li_item_1275,
			nav ul.nav_1 li#nav_li_item_1317,
			body.conference nav ul.nav_1 li#nav_li_item_993 { display: none; }
				nav ul.nav_1 li a {
					display: block;
					position: relative;
					width: 100%;
					padding: 10px 0;
					margin: 0;
					text-align: center;
					text-decoration: none;
					letter-spacing: 0.5px;
					color: #000;
				}
				nav ul.nav_1 > li:hover > a,
				nav ul.nav_1 > li.at > a { background: #c01327; color: #fff; }
				nav ul.nav_1 li > ul {
					display: none;
					position: absolute;
					z-index: 4;
					top: 100%;
					left: 0;
					width: 240px;
					padding: 0;
					margin: 0;
					border: 1px solid #c01327;
					font-size: 14px;
					text-transform: none;
					background: #fff;
				}
				nav ul.nav_1 li:last-child ul.nav_2,
				nav ul.nav_1 li#nav_li_item_1001 ul.nav_2 { left: auto; right: 0; }
				nav ul.nav_1 li:hover > ul { display: block; }
					nav ul.nav_1 li ul li {
						display: block;
						position: relative;
						flex-grow: 0;
						width: 100%;
						padding: 0;
						margin: 0;
					}
						nav ul.nav_1 li ul li a {
							display: block;
							position: relative;
							width: 100%;
							padding: 5px 10px;
							line-height: 1.25;
							text-align: left;
						}
						nav ul.nav_1 li ul li:hover a,
						nav ul.nav_1 li ul li.at a {
							background: #c01327;
							color: #fff;;
						}
	nav a#search-link {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}

/* !breadcrumb navigation styles */
div.breadcrumb {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	/* border-top: 1px solid #d3d4d4; */
}
	div.breadcrumb .container {
		display: flex;
		position: relative;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 0.625rem;
		max-width: 1200px;
		padding: 1.25rem 0;
	}
		div.breadcrumb .container ul#breadcrumbs {
			display: flex;
			position: relative;
			justify-content: flex-start;
			flex-wrap: nowrap;
			order: 0;
			flex-basis: 50%;
			max-width: 75%;
			flex-grow: 1;
			padding: 0;
			margin: 0;
			list-style: none;
			text-transform: lowercase;
		}
			div.breadcrumb .container ul#breadcrumbs li {
				display: block;
				position: relative;
				padding: 0;
				margin: 0;
			}
				div.breadcrumb .container ul#breadcrumbs li a {
					display: block;
					position: relative;
					padding: 0 10px;
					margin: 0;
					color: #000;
				}
				div.breadcrumb .container ul#breadcrumbs li.home a { padding: 0 10px 0 0; }
				div.breadcrumb .container ul#breadcrumbs li.at a { font-weight: 700; }
				div.breadcrumb .container ul#breadcrumbs li a:before {
					content: "/";
					display: block;
					position: absolute;
					margin: 0 0 0 -12px;
				}
				div.breadcrumb .container ul#breadcrumbs li.home a:before { display: none; }
		div.breadcrumb .container a#my-itinerary-link {
			display: block;
			position: relative;
			flex-basis: 15%;
			max-width: 25%;
			flex-grow: 1;
			order: 1;
			padding: 0;
			margin: 0;
			text-align: right;
			font-weight: 700;
		}
			div.breadcrumb .container a#my-itinerary-link span {
				display: inline-block;
				position: relative;
				width: 24px;
				height: 24px;
				padding: 5px;
				margin: 0 0 0 5px;
				font-size: 14px;
				text-align: center;
				line-height: 12px;
				border-radius: 24px;
				background: #c01327;
				color: #fff;
			}

/* !banner area styles */
div.banner-area {
	z-index: 0;
	margin: 0 0 15px 0;
	background: none;
}
	div.banner-area.home {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0 0 15px 0;
		background: #ccc;
	}
		div.banner-area.home img#banner-cover {
			display: block;
			position: relative;
			z-index: 1;
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
			opacity: 0;
			animation: coverfade 2.5s 1;
		}
		@keyframes coverfade {
			0% {opacity: 1;}
			80% {opacity: 1;}
			100% {opacity: 0; display: none;}
		}
		div.banner-area.home img#banner-cover-summer {
			display: block;
			position: relative;
			z-index: 1;
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		div.banner-area.home iframe#videoloop {
			display: block;
			position: absolute;
			z-index: 0;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}

/* !home page featured stories */
#featured-stories {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #c01327;
}
	#featured-stories .container {
		display: flex;
		position: relative;
		justify-content: flex-start;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 1.25rem;
		max-width: 1200px;
		padding: 2.25rem 0;
	}

/* !promotions drawers */
#best-of {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 1.25rem 0;
	overflow: hidden;
}

/* !main navigation quicklinks */
#quicklinks {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
	#quicklinks .container {
		max-width: 1200px;
	}

/* !whats on */
#whats-on {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 15px 0;
}
	#whats-on .container {
		display: flex;
		position: relative;
		justify-content: flex-start;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 0.625rem;
		max-width: 1200px;
	}

/* !home page instagram gallery */
#instagram-gallery {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 0;
	margin: 0 0 15px 0;
}
	#instagram-gallery .container {
		max-width: 1200px;
	}


/* !banner-set styles */
.banner-set,
#banner-set {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #c01327 url("../../../img/v9/white_border.png") repeat-x center top;
}
	.banner-set .container,
	#banner-set .container {
		width: 1000px;
		padding: 0 100px 30px 100px;
	}


/* !promo-set styles */
.promo-set.desktop,
.promo-set.mobile {
	display: block;
	position: relative;
	width: 100%;
	min-height: 480px;
	padding: 0;
	margin: 0;
	background: #c01327;
}
.promo-set.mobile { min-height: 30px; }
	.promo-set .container {
		padding: 30px 0;
		max-width: 1200px;
	}


/* !content area styles */
#content { width: 100%; }


#content .container,
#content.wide .container,
#content.default.gallery .container,
#content.event-displays .container,
body.packages-and-deals #content .container {
	display: flex;
	position: relative;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 2%;
	padding: 30px 0 0 0;
}
/* !conference events */
body.conference-events #content .container {
	row-gap: 1.25rem;
}

#content .container.in-module,
#content.profile-displays.display .container.in-module,
#content.wide.display .container.in-module,
#content.blog.display .container.in-module,
#content.event-displays.display .container.in-module,
#content.livemusic.display .container.in-module,
#content.neighbourhoods.display .container.in-module,
#content.itineraries.display .container.in-module,
#content.pwc .container {
	display: flex;
	position: relative;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 2%;
	padding: 0;
}

#content.blog.display .container.in-module {
	padding: 0 5rem;
}

#content.profile-displays.display,
#content.event-displays.display,
#content.neighbourhoods.display,
#content.itineraries.display {

}

#content.default .container .main,
#content.profile-displays .container .main {
	display: block;
	position: relative;
	flex-basis: 60%;
	max-width: 70%;
	flex-grow: 1;
	padding: 0;
	margin: 0;
}
#content.default .container .sidebar,
#content.profile-displays .container .sidebar {
	display: block;
	position: relative;
	flex-basis: 30%;
	max-width: 30%;
	padding: 0;
	margin: 0;
}


/* !events layout styles */
#featured-events {
	display: block;
	position: relative;
	width: 100%;
	min-height: 250px;
	padding: 30px 0;
	background: #c01327;
}


/* !Footer layout styles	 */
#subscribe {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 30px 0 0 0;
}
	#subscribe .container {
		display: flex;
		position: relative;
		justify-content: flex-start;
		flex-wrap: wrap;
		column-gap: 1%;
		row-gap: 1.25rem;
		max-width: 1200px;
		padding: 30px 0;
		border-top: 1px solid #d3d4d4;
	}
	#subscribe div.col {
		display: block;
		position: relative;
		z-index: 1;
		flex-basis: 30%;
		max-width: 30%;
		padding: 0;
		margin: 0;
	}
	#subscribe div.col:nth-child(2) {
		flex-grow: 1;
		max-width: 40%;
	}


footer {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #586876;
	color: #fff;
}
	footer > .container {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 2%;
		row-gap: 1.25rem;
		max-width: 1200px;
		padding: 1.65rem 0;
	}
		footer > .container div.col {
			display: block;
			position: relative;
			flex-basis: 18%;
			max-width: 18%;
			padding: 0 1rem;
		}
		footer > .container div.col:nth-child(1) {
			flex-basis: 60%;
			max-width: 100%;
			flex-grow: 1;
			padding: 0;
		}
			footer > .container div.col p.copyright {
				margin: 0;
			}
			footer > .container div.col > a {
				display: block;
				color: #fff;
			}
				footer > .container div.col > a img {
					display: block;
				}
			footer > .container div.col ul.social {
				display: flex;
				position: relative;
				justify-content: flex-start;
				column-gap: 0.625rem;
				padding: 0;
				margin: 1rem 0;
				list-style: none;
			}
				footer > .container div.col ul.social li {

				}
					footer > .container div.col ul.social li a {
						display: block;
						color: #fff;
					}





/* Content layout (appearence) */
.content-display {

}
	.content-display:after { clear: both; }

	.content-display .content-block {
		width: 45%;
		float: left;
		margin: 0 2.5% 0 0;
	}

	/* 	single */
	.content-display.type-0 {

	}

	/* 	double */
	.content-display.type-1 .content-block {

	}

	/* double, wide-top */
	.content-display.type-2 .content-block:nth-child(3n+1) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}

	/* double, wide-bottom */
	.content-display.type-3 .content-block:nth-child(3n+3) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}


	/* triple */
	.content-display.type-4 .content-block {
		width: 30%;
		margin-right: 3%;
		float: left;
	}


/* Hide content that requires JavaScript unless JavaScript is running. */
body .requires-js { display: none !important; }
body .requires-nearby { display: none !important; }