/*
	(c)2012 - visuallizard.com

	General Layout Styles.
	Sets major blocking (and minor styles) to genaral elements in the template.
	All can be removed and started from scratch or elemnts can be adjusted individually.
*/
body { overflow: hidden; }
.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.
*/
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	position: relative;

}

/* Header */
#header {
	display: block;
	position: relative;
	clear: both;
	z-index: 4;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}
#header .container { min-height: 40px; }
#header ul.secondary-nav {
	display: flex;
	position: relative;
	justify-content: flex-end;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
	font-weight: normal;
}
#header ul.secure.secondary-nav {
	width: 100%;
}
	#header ul.secondary-nav > li {
		display: block;
		position: relative;
		flex-grow: 1;
		max-width: 10%;
		padding: 0;
		margin: 0;
	}
		#header ul.secondary-nav > li > a {
			display: block;
			position: relative;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			line-height: 18px;
			color: #c01327;
		}
		#header ul.secondary-nav > li:hover > a,
		#header ul.secondary-nav > li.at > a {
			text-decoration: underline;
		}
		#header ul.secondary-nav > li > ul {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			width: 200px;
			padding: 0;
			margin: 0;
			list-style: none;
			font-size: 16px;
			background: #f4f4f4;
		}
		#header ul.secondary-nav > li:hover > ul { display: block; }
			#header ul.secondary-nav > li:hover > ul > li a {
				display: block;
				position: relative;
				padding: 5px 10px;
				text-decoration: none;
				line-height: 18px;
				color: #000;
			}
			#header ul.secondary-nav > li:hover > ul > li:hover a,
			#header ul.secondary-nav > li:hover > ul > li.at a {
				background: #e4e4e4;
			}


/* !header search block */
#header #search-block {
	display: flex;
	position: absolute;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	top: -100px;
	left: 0;
	right: 0;
	z-index: 0;
	padding: 1.2em;
	margin: 0;
	opacity: 0;
	background: #f4f4f4;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
#header #search-block.active {
	top: 0;
	z-index: 1;
	opacity: 1;
}
#header #search-block form {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 0.5rem;
	order: 0;
	flex: 1 0 95%;
	max-width: 95%;
	padding: 0;
	margin: 0;
}
	#header #search-block form .input.text {
		display: block;
		position: relative;
		flex: 1 0 70%;
		max-width: 90%;
		padding: 0;
		margin: 0;
	}
		#header #search-block form .input.text label {
			font-size: 20px;
		}
		#header #search-block form .input.text input[type="text"] {
			display: block;
			position: relative;
			width: 100%;
			height: 36px;
			padding: 0.25em;
			margin: 0;
			font-size: 20px;
		}
		#header #search-block form button[type="submit"] {
			display: block;
			position: relative;
			flex: 0 0 10%;
			max-width: 10%;
			height: 36px;
			padding: 0.25em 0;
			margin: 0;
			border: none;
			font-size: 20px;
			text-align: center;
			text-transform: uppercase;
			background: #c01327;
			color: #fff;
		}
	#header #search-block a#close-search {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		order: 1;
		width: 30px;
		height: 30px;
		padding: 0;
		margin: 0;
		border: none;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
		background: #721922;
		color: #fff;
	}


/* Language toggle */
header .lang { }


/* 	Navigations */
nav {
	display: block;
	position: relative;
	z-index: 3;
	width: 100%;
	margin: 0 0 0 -30px;
	clear: both;
	background-image: linear-gradient(285deg, #721922 45%, #c01327 45.01%, #c01327 );
}
body.home nav,
body.campaign-2025 nav,
body.investment-opportunities nav,
body.yes-investors nav,
body.yes-winnipeg-initiative nav { position: absolute; }
body.home nav,
body.campaign-2025 nav,
body.investment-opportunities nav,
body.yes-investors nav { background: rgba(255,255,255,0.7); }
	nav h1 { display: block; float: left; width: 180px; height: 90px; margin: 0 0 0 30px; }
		nav h1 .logo {
			display: block;
			background: url("../../../img/v2025/logo-wpg-white.svg") center center no-repeat transparent;
			background-size: 180px;
			height: 90px;
			text-indent: -99999em;
			text-decoration: none;
			cursor: pointer;
			color: #fff;
		}
		body.home nav h1 .logo,
		body.campaign-2025 nav h1 .logo,
		body.investment-opportunities nav h1 .logo,
		body.yes-investors nav h1 .logo {
			background: url("../../../img/v2025/logo-wpg.svg") center center no-repeat transparent;
			background-size: 180px;
		}
nav:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -25px;
	border: none;
	border-top: 90px solid #721922;
	border-right: 25px solid transparent;
	border-left: 0px solid transparent;
}
body.home nav:after,
body.campaign-2025 nav:after,
body.investment-opportunities nav:after,
body.yes-investors nav:after {
	right: -25px;
	border: none;
	border-top: 90px solid rgba(255,255,255,0.7);
	border-right: 25px solid transparent;
	border-left: 0px solid transparent;
}
	nav ul {
		display: flex;
		position: relative;
		float: right;
		width: 65%;
		margin: 0 -30px 0 0;
		padding: 0;
		list-style: none;
	}
		nav ul li {
			display: block;
			position: relative;
			flex-grow: 1;
			padding: 0;
			margin: 0;
			line-height: 20px;
		}
		nav ul li#nav_li_item_31,
		nav ul li#nav_li_item_173,
		nav ul li#nav_li_item_191,
		nav ul li#nav_li_item_269 { display: none; }
			nav ul li a {
				display: block;
				position: relative;
				padding: 35px 0;
				font-size: 15px;
				font-weight: 700;
				text-align: center;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;
			}
			nav ul li.page-type-node > a { cursor: default; }
			body.home nav ul li a,
			body.campaign-2025 nav ul li a,
			body.investment-opportunities nav ul li a,
			body.yes-investors nav ul li a { color: #721922; }
			nav ul li:hover a,
			nav ul li.at a,
			body.home nav ul li:hover a,
			body.home nav ul li.at a,
			body.campaign-2025 nav ul li:hover a,
			body.campaign-2025 nav ul li.at a,
			body.investment-opportunities nav ul li:hover a,
			body.investment-opportunities nav ul li.at a,
			body.yes-investors nav ul li:hover a,
			body.yes-investors nav ul li.at a { background: #c01327; color: #fff; }


	/* 	Drop-downs */
	nav ul.nav_1 > li > ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		float: left;
		width: 240px;
		padding: 0;
		margin: 0;
		list-style: none;
		background-color: #fff;
		box-shadow: 1px 1px 2px #999;
	}
	nav ul.nav_1 > li#nav_li_item_159 > ul { left: -60px; }
	nav ul.nav_1 > li:hover > ul,
	nav ul.nav_1 > li.page-type-linked:hover > ul { display: block; }
		nav ul.nav_1 > li >  ul li { display: block; clear: both; }
		nav ul.nav_1 > li >  ul a,
		nav ul.nav_1 > li.at >  ul a,
		body.home nav ul.nav_1 > li >  ul a,
		body.home nav ul.nav_1 > li.at >  ul a,
		body.campaign-2025 nav ul.nav_1 > li >  ul a,
		body.campaign-2025 nav ul.nav_1 > li.at >  ul a,
		body.investment-opportunities nav ul.nav_1 > li >  ul a,
		body.investment-opportunities nav ul.nav_1 > li.at >  ul a,
		body.yes-investors nav ul.nav_1 > li >  ul a,
		body.yes-investors nav ul.nav_1 > li.at >  ul a {
			display: block;
			clear: both;
			padding: 0.5em 1.5em;
			border-top: 1px solid #721922;
			font-size: 16px;
			font-weight: 700;
			line-height: 18px;
			text-align: left;
			background: #fff;
			color: #721922;
		}
		nav ul.nav_1 > li >  ul > li:first-of-type a { border: none }
		nav ul.nav_1 li    ul > li a:hover,
		nav ul.nav_1 li.at ul > li a:hover,
		nav ul.nav_1 li.at ul > li.at > a,
		body.home nav ul.nav_1 li    ul > li a:hover,
		body.home nav ul.nav_1 li.at ul > li a:hover,
		body.home nav ul.nav_1 li.at ul > li.at > a,
		body.campaign-2025 nav ul.nav_1 li    ul > li a:hover,
		body.campaign-2025 nav ul.nav_1 li.at ul > li a:hover,
		body.campaign-2025 nav ul.nav_1 li.at ul > li.at > a,
		body.investment-opportunities nav ul.nav_1 li    ul > li a:hover,
		body.investment-opportunities nav ul.nav_1 li.at ul > li a:hover,
		body.investment-opportunities nav ul.nav_1 li.at ul > li.at > a,
		body.yes-investors nav ul.nav_1 li    ul > li a:hover,
		body.yes-investors nav ul.nav_1 li.at ul > li a:hover,
		body.yes-investors nav ul.nav_1 li.at ul > li.at > a { text-decoration: none; background: #fff; color: #000; }

			nav ul.nav_1 > li > ul > li > ul { display: block; width: 100%; margin: 0; }
			nav ul.nav_1 > li > ul > li > ul > li { display: block; clear: both; }
			nav ul.nav_1 > li > ul > li > ul > li > a,
			nav ul.nav_1 > li.at > ul > li > ul > li > a,
			body.home nav ul.nav_1 > li > ul > li > ul > li > a,
			body.home nav ul.nav_1 > li.at > ul li > ul > li > a,
			body.campaign-2025 nav ul.nav_1 > li > ul > li > ul > li > a,
			body.campaign-2025 nav ul.nav_1 > li.at > ul li > ul > li > a,
			body.investment-opportunities nav ul.nav_1 > li > ul > li > ul > li > a,
			body.investment-opportunities nav ul.nav_1 > li.at > ul li > ul > li > a,
			body.yes-investors nav ul.nav_1 > li > ul > li > ul > li > a,
			body.yes-investors nav ul.nav_1 > li.at > ul li > ul > li > a {
				display: block;
				clear: both;
				padding: 0.5em 1.5em 0.5em 2.5em;
				border-top: 1px solid #721922 !important;
				font-weight: 300;
				line-height: 18px;
				text-transform: none;
				background: #c01327;
				color: #fff;
			}
			nav ul.nav_1 > li > ul > li > ul > li > a:hover,
			nav ul.nav_1 > li.at > ul > li > ul > li > a:hover,
			nav ul.nav_1 > li.at > ul > li > ul > li.at > a,
			body.home nav ul.nav_1 > li > ul > li > ul > li > a:hover,
			body.home nav ul.nav_1 > li.at > ul > li > ul > li > a:hover,
			body.home nav ul.nav_1 > li.at > ul > li > ul > li.at > a,
			body.campaign-2025 nav ul.nav_1 > li > ul > li > ul > li > a:hover,
			body.campaign-2025 nav ul.nav_1 > li.at > ul > li > ul > li > a:hover,
			body.campaign-2025 nav ul.nav_1 > li.at > ul > li > ul > li.at > a,
			body.investment-opportunities nav ul.nav_1 > li > ul > li > ul > li > a:hover,
			body.investment-opportunities nav ul.nav_1 > li.at > ul > li > ul > li > a:hover,
			body.investment-opportunities nav ul.nav_1 > li.at > ul > li > ul > li.at > a,
			body.yes-investors nav ul.nav_1 > li > ul > li > ul > li > a:hover,
			body.yes-investors nav ul.nav_1 > li.at > ul > li > ul > li > a:hover,
			body.yes-investors nav ul.nav_1 > li.at > ul > li > ul > li.at > a { text-decoration: none; background: #721922; color: #fff; }




/* Login form */
/*
	header form input[type="text"],
	header form input[type="password"],
	header form input[type="email"] {
		margin: 0 5px 0 0;
		width: auto;
	}
	header form .input {
		display: inline-block;
	}

	header .login-nav,
	header .login-form,
	header .search-form {
		position: relative;
		color: #fff;
		float: left;
		display: block;
		vertical-align: top;
		margin:  0 20px 0 0;
	}
		.login-nav,
		.login-options {
			list-style: none;
			margin: 0 0 .5em 0;
		}
	header .login-nav li {
		display: inline-block;
	}
	header .login-nav a,
	header .login-form a {
		font-size: 13px;
		padding: 0 5px 0 0;
		margin: 0;
		text-transform: none;
		text-decoration: none;
	}
	header .login-form .error-message {
		position: absolute;
		bottom: 0; left: 0;
		margin: 0;
		color: #ee5f5b;
		font-size: 13px;
	}
*/


/* !breadcrumb navigation */
ol#breadcrumbs {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 1.5rem 0 1.5rem -1em;
	list-style: none;
}
	ol#breadcrumbs li {
		display: block;
		position: relative;
		float: left;
		padding: 0;
		margin: 0;
		border-left: 1px solid #000;
		transform: skewX(-25deg);
	}
	ol#breadcrumbs li.home { display: none; }
	ol#breadcrumbs li.bnav_1 { border: none; }
		ol#breadcrumbs li a {
			display: block;
			position: relative;
			padding: 0.25em 1em;
			margin: 0;
			transform: skewX(25deg);
			text-decoration: none;
			text-transform: uppercase;
			color: #c01327;
		}
		ol#breadcrumbs li.at a { text-transform: none; color: #721922; }





/* 	Columns and Sections	*/
main { z-index: 0; }
#content,
.content {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
	#content #banner-block {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 3rem 0;
		background: #ccc;
	}
		#content #banner-block ul.banners {
			float: none;
			margin: 0;
		}
	#content > .container {
		display: flex;
		position: relative;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 0;
	}
	#content > .container .main {
		display: block;
		position: relative;
		flex: 0 0 68%;
		max-width: 68%;
		padding: 0;
		margin: 0;
	}
	#content .container .sidebar {
		display: block;
		position: relative;
		flex: 0 0 30%;
		max-width: 30%;
		padding: 0;
		margin: 0;
	}
	#content > .container > h3 {
		display: block;
		position: relative;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#content .container .lifestyle {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		.lifestyle .statistic {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #d7d7d7;
		}
		.lifestyle.costofliving#housing .statistic,
		.lifestyle.costofliving#healthcare .statistic { border: none; }
		.lifestyle .block-left {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 30%;
			padding: 1em;
			margin: 0;
		}
		.lifestyle .block-right {
			display: block;
			position: relative;
			float: right;
			width: 70%;
			padding: 1em;
			margin: 0;
		}
#related {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
#related-block {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 1.5em 0;
	margin: 0;
	background: #d4d4d4;
}



/* ! section#contact */
section#contact {
	clear: both;
	padding: 0 0 3rem 0;
}


/* !home page sections */
#notice {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 1em 0 0 0;
}
	#notice .container {
		padding: 1em 0;
		border-top: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
		text-align: center;
	}
		#notice .container p {
			margin: 0;
			font-weight: 700;
		}



main.home > section {
	clear: both;
	padding: 4rem 0
}
section#welcome {

}
div.separator {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}
	div.separator > img {
		display: block;
		width: 100%;
		max-width: none;
		line-height: 0;
	}
section#whats-new {
	background: #e3e4e4;
}
section#welcome > .container {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 4%;
	row-gap: 0;
	padding: 0;
}
	.container div.welcome-column {
		display: block;
		position: relative;
		flex: 0 0 48%;
		max-width: 48%;
	}




/* Footer	 */
#subscribe {
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	padding: 1.5em 0;
	margin: 0;
	background: #c01327;
	color: #fff;
}
	#subscribe .container {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: stretch;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 1rem;
		width: 100%;
		max-width: 1100px;
		padding: 2rem 0;
		margin: 0 auto;
	}
		#subscribe .container div.col {
			display: block;
			position: relative;
			flex: 0 0 32%;
			max-width: 32%;
			text-align: center;
		}
			div.col h3 { margin: 0 0 1rem 0; color: #fff; }
			div.col p { font-size: 1.125rem; }
			div.col ul.social {
				display: flex;
				position: relative;
				justify-content: center;
				align-items: center;
				column-gap: 2rem;
				width: 100%;
				padding: 1rem 0;
				margin: 0 auto;
				list-style: none;
			}
				div.col ul.social li {
					display: block;
					position: relative;
					flex: 0 0 60px;
					max-width: 60px;
				}
					div.col ul.social li a {
						display: flex;
						position: relative;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 60px;
						border-radius: 100%;
						text-align: center;
						background: #fff;
						color: #c01327;
					}
			div.col ul.footer-nav {
				display: flex;
				position: relative;
				justify-content: center;
				align-items: center;
				column-gap: 0;
				width: 100%;
				padding: 1rem 0;
				margin: 0 auto;
				list-style: none;
				font-size: 1.125rem;
				text-transform: uppercase;
			}
				div.col ul.footer-nav li {
					display: block;
					position: relative;
					border-left: 1px solid #fff;
				}
				div.col ul.footer-nav li:first-child { border: none; }
					div.col ul.footer-nav li a {
						display: block;
						padding: 0.25rem 1rem;
						text-align: center;
						color: #fff;
					}
			div.col a.button {
				margin: 1rem auto 0 auto;
				padding: 0.5rem 1rem;
				border-radius: 30px;
				font-size: 1.25rem;
				background: #fff;
				color: #c01327;
			}


footer {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
}
	footer .container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		column-gap: 2%;
		width: 100%;
		max-width: 1032px;
		padding: 3rem 1rem;
		margin: 0 auto;
	}
	footer p {
		font-size: 1.125rem;
		line-height: 1.5;
	}
		footer .container > img {
			display: block;
			position: relative;
			flex: 0 0 25%;
			max-width: 25%;
		}
		footer .container > div.acknowledgement {
			display: block;
			position: relative;
			flex: 1 0 40%;
			max-width: 70%;
			text-align: left;
		}
	footer .copyright {
		margin: 0;
		font-weight: 600;
	}



/* 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; }