/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		 Optimal
Based on a11y, UX/UI/HCI expertise (!personal prefs)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.electoIntro p {
		font-size: 1.2rem;
		line-height: 1.5 !important;
	}
	.electoOpt .preamWords {
		margin-top: 1.0rem !important;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Blocks of topics
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h2[id] {
	scroll-margin-top: 0.62rem;
}
.nuecFlexy {
}
.nuecFlexy > div {
	padding: 0.62rem;
	margin-top: 6.38rem;
	background: rgba(0, 0, 0, 0.038);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.tTopers > h2 {
	border-top: 4px solid #f8f8f8;
	border-top: 4px solid #eee;
	padding-top: 3.85rem;
	padding-bottom: 1.62rem;
	margin-left: -0.62rem;
	padding-left: 1.24rem;
	font-size: 1.62rem;
	font-weight: normal;
}
.tTopers > h2 + div > div:nth-of-type(1),
.tTopers > h2 + div > div:nth-of-type(2) {
	margin-top: inherit;
}
.nuecFlexy > div > h3 {
	font-size: 1rem;
	font-weight: normal;
	padding: 0.62rem;
	padding-top: 1.38rem;
	margin: -0.62rem;
	margin-bottom: inherit;
	min-height: 4.375rem;
	display: flex;
	align-items: flex-end;
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
}
.nuecFlexy p,
.nuecFlexy li {
	font-size: 1rem !important;
}
.nuecFlexy > div > p:first-of-type {
	font-size: 1.2rem !important;
}
.nuecFlexy > div > p + details {
	margin-top: -1rem;
}
.nuecFlexy > div > details {
	margin-left: -0.62rem;
	margin-right: -0.62rem;
}
.nuecFlexy > div > details[open] {
	padding-bottom: 1.62rem !important;
}
.nuecFlexy > div > details > summary {
	margin-left: 0.62rem;
	margin-bottom: 0.62rem;
	margin-top: 0.62rem;/*a11y202506101740*/
}
.nuecFlexy > div > details[open] {
	padding-left: 0.62rem;
	padding-right: 0.62rem;
	padding-top: 0.62rem;/*a11y202506101740*/
}
.nuecFlexy > div > details[open] > summary {
	border: 1px solid #000 !important;
	margin-top: calc(-1.38rem + 0px) !important;
	margin-left: 0.0rem !important;
	margin-top: 0 !important;
	margin-bottom: -0.38rem;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		 .elFaGd
Share links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.elFaGd {
	background: none;
	cursor: pointer;
	border: none;
	border: 1px solid rgba(0, 0, 0, 0.162);
	border-radius: 0.38rem;
	line-height: 1;
	padding: 0.2rem;
}
.elFaGd:hover {
	border: 1px solid rgba(0, 0, 0, 1.0);
}
.elFaGd::after {
	content: "\e80d";
	font-family: "Material Icons";
}
.nuecFlexy > div > h3 {
	padding-right: 3.38rem;
	background: #fff;
	border-top: 1px solid #f0f0f0;
}
.nuecFlexy > div {
	position: relative;
}
.nuecFlexy > div::before {
	content: "\e99a";
	font-family: "Material Icons";
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 10;
	color: red;
	border: 1px solid rgba(255, 0, 0, 0.08);
	background: rgba(255, 0, 0, 0.08);
	border-top: none;
	border-right: none;
	border-radius: 0 0 0 0.62rem;
	padding: 0.38rem 0.62rem;
}
.nuecFlexy > div:nth-child(even)::before {
	content: "\ef76";
	color: green;
	border: 1px solid rgba(0, 128, 0, 0.08);
	background: rgba(0, 128, 0, 0.08);
	border-top: none;
	border-right: none;
}
.nuecFlexy > div {
	background: #F9E5E5;
}
.nuecFlexy > div:nth-child(even) details,
.nuecFlexy > div:nth-child(even) {
	background: #E5EFE5;
	padding-bottom: 0;
}
.nuecFlexy > div:nth-child(even) details[open] {
	background: #c4dbc4;
}
.nuecFlexy > div > h3 {
	background: #f3cbcb;
}
.nuecFlexy > div:nth-child(even) > h3 {
	background: #b0cfb0;
}
.disTopics h2 {
	margin-top: -0.25rem;
}
.nuecV1TopElecto {
	position: relative;
}
.nuecV1TopElecto a {
	position: absolute;
	top: -2.62rem;
	right: -100%;
	margin-right: -3.24rem;
}
.nuecV1TopElecto a:nth-of-type(1) {
	top: -7.62rem;
}
.electo .pream {
	display: flex;
	flex-wrap: nowrap;
	gap: 1.62em;
}
.electo .pream > div.preamWords {
	width: 50%;
	margin-top: -1.2rem;
}
.electo .pream > div.preamNav {
	width: 50%;
}
.electo .pream > div.preamWords.preamWordsLine1Afford:first-child > *:first-child {
	font-size: 1.2rem;
}
.electo .pream > div.preamNav ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	background: rgba(0, 0, 0, 0.025);
}
.electo .pream > div.preamNav ul li {
	padding: 0 !important;
}
.electo .pream > div ul li a {
	font-size: 1rem;
}
.electo .pream > div.preamNav ul li:nth-child(odd) a {
	background: rgba(0, 0, 0, 0.025);
}
.electo .pream > div.preamNav ul li:nth-child(even) a {
	background: rgba(0, 0, 0, 0.062);
}
.electo .pream > div.preamNav ul a {
	display: block;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.062);
	padding: 0.38rem 0.62rem;
	color: #000;
}
.electo .pream > div.preamNav ul a {
	border-left: 6px solid rgba(0, 0, 0, 0.162);
	padding-left: calc(0.62rem - 6px);
}
.electo .pream > div.preamNav ul a:hover {
	border-left: 6px solid rgba(0, 0, 0, 1);
	padding-left: calc(0.62rem - 6px);
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													 		  From integrity.css
Only needed for the branding blocks in "Elections Canada does not investigate
wrongdoing..."
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tit1 {
	background: #595959;
	color: white;
	text-align: center;
	font-size: 1.4em;
	padding: 10px;
	border-radius: 5px;
}
.commiflex {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}
.commiflex div {
	width: 45%;
}
@media only screen and (max-width:770px){
	#content-main ul.integrityul2 {
		margin: 0 0 0 -30px;
	}
	.commiflex {
		display: inline;
	}
	.commiflex div {
		width: 95%;
		margin-bottom: 20px;
	}
}
.elecflex1 {
	border: 1px solid #6a0032;
	border-radius: 5px;
	background-color: white;
}
.elecflex1 h4, .elecflex1 h5, .elecflex1 h6 {
	background: #6a0032;
	text-align: center;
	font-size: 1.3em;
	color: white;
	padding: 20px 10px 40px 10px;
	margin: 0;
}
.elecflex2 {
	border: 1px solid #60205c;
	border-radius: 5px;
	background-color: white;
}
.elecflex2 h4, .elecflex2 h5, .elecflex2 h6 {
	background: #60205c;
	text-align: center;
	font-size: 1.3em;
	color: white;
	padding: 20px 10px;
	margin: 0;
}
.electflex1 ul, .elecflex2 ul {
	padding-right: 10px;
}
/*Overrides*/
.tit1 {
	font-size: 1.1em;
	margin: 5px 0;
}
.commiflex {
	margin-left: 0;
}
.commiflex div {
	width: 100%;
	margin-bottom: 10px;
}
/*h3 rev vid with icons and no h3 bold and colour bg boxes*/
.nuecFlexy > div > h3 {
	background: #333 !important;
	background: #595959 !important;
	color: #fff !important;
}
.nuecFlexy > div::before {
	content: "\e99a";
	font-family: "Material Icons";
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	color: red;
	border: 1px solid rgba(255, 0, 0, 0.08);
	background: #F9E5E5;
	border-top: none;
	border-right: none;
	border-radius: 0 0 0 0.62rem;
	padding: 0.38rem 0.62rem;
}
.nuecFlexy > div:nth-child(even)::before {
	content: "\ef76";
	color: green;
	border: 1px solid rgba(0, 128, 0, 0.08);
	background: #E5EFE5;
	border-top: none;
	border-right: none;
}
.tTopers h2 + .nuecFlexy > .electoBad:nth-of-type(1) > .nuecV1Top > a:nth-of-type(1) {
	top: -8.62rem;
}

/* Lose top Top of Topic since it looks like it does not belong the the topic
   it is next to and is anyway redundant as we're already looking at th at
   topic */
		h2 + .nuecFlexy > .electoBad:nth-of-type(1) > span:nth-of-type(1) > a:nth-of-type(1) {
			display: none;
		}

@media only screen and (max-width: 750px){/* - - - - - - -a11y202509171439*/
	.tTopers h2 + .nuecFlexy > .electoBad:nth-of-type(1) > .nuecV1Top > a:nth-of-type(1) {
		top: inherit;
	}
	.tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top {
		margin-bottom: 3.62rem !important;
		margin-top: -3.62rem !important;
		right: 0;
	}
	.tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top > a {
		position: inherit;
		margin-right: inherit;
		top: inherit;
		right: inherit;
	}
	.tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top > a::after {
		display: none;
	}
	.tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top > a span {
		padding-right: 0;
	}
	/*a11y202509171439*/
		html[lang="en"] .tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top > a:nth-of-type(1) {
			margin-right: 6rem !important;
		}
		html[lang="fr"] .tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top > a:nth-of-type(1) {
			margin-right: 7rem !important;
		}
	.tTopers h2 + .nuecFlexy > .electoBad > .nuecV1Top > a {
		margin-top: 1rem !important;
	}
	span.nuecV1Top {
		gap: 1.62rem;
		position: absolute !important;
	}
	span.nuecV1Top a {
		white-space: nowrap;
	}
	.nuecFlexy > div {
		margin-top: inherit;
	}
	.nuecFlexy > div.electoBad {
		margin-top: 6.2rem;
	}
	.elFaGd {
		margin-bottom: 1.62rem;
	}
	.electo .pream {
		display: inherit;
	}
	.electo .pream > div.preamWords {
		width: inherit;
	}
	.electo .pream > div.preamNav {
		width: inherit;
	}
}/* - - - - - - - - - - - - - - - - - - - - -end-of-750px-a11y202509171439*/
@media only screen and (min-width: 751px){/* - - - - - - -a11y202509171439*/
	/*Required for JS fn toasty_top()*/
		body:after {
			content: 'widescreen';
			display: none;
		}
}