/*Dev stuff 2 be removed*/
.tofix {
	color:#777;
}
.tofix:after {
	content: "\2190 validate";
	position:relative;
	top: 0em;
	left: 5px;
	outline: 1px solid red;
	background-color:yellow;
	padding: 0 2px;
	color:#000;
}


.smalltext75{
	font-size:0.75em;
	line-height:normal;
}




/*  ----- home pages' big pictures ----- */
.featurebox8 a { /* --- issue of the writ --- */
	width: 60%;
	margin: 0 0 20px 0;
	padding: 500px 0 0 15px;
	border: 1px solid #dedede;
	background: #dedede url(../img/home/feature13.jpg) top center no-repeat;
	min-height: 572px;
	font-size: 1.3em;
	font-weight: bold;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: right;
}
.featurebox8 a:hover, .featurebox8 a:focus {
	border: 1px solid red;
	background-color: #f6e1ff;
	opacity: 0.8;
}
.featurebox9 a {  /* --- Day 36 to 21 --- */
	background: #dedede url(../img/home/feature14.jpg) top center no-repeat;
}
.featurebox10 a { /* --- Day 21 to 14 --- */
	background: #dedede url(../img/home/feature15.jpg) top center no-repeat;
	padding-top: 490px;
	min-height:580px;
}
.featurebox11 a { /* --- Day 14 to 6  --- */
	background: #dedede url(../img/home/feature16.jpg) top center no-repeat;
}
.featurebox12 a { /* --- Day 6 to 1 --- */
	background: #dedede url(../img/home/feature17.jpg) top center no-repeat;
}
.featurebox13 a { /* --- Day 0 --- */
	background: #dedede url(../img/home/enr.png) top center no-repeat;
}
/* -- vix box ---*/
div.vis19{
	padding-right: 1em;
	padding-left: 2em;
	height: 300px; /* fit-content;*/
}
p.findTxt 	{ font-size: 1.2em; }



ul.homeprom li a {
	padding-top: 220px;
}
ul.homeprom2 li a {
	width: 200px;
	/* padding: 165px 1px 5px 3px; */
	padding: 240px 0px 0px 0px;
}

.getReady{
	background: #eeeeee url(../img/home/listRegistered.jpg) top center no-repeat;
}
.jobs{
	background: #eeeeee url(../img/home/purple2Job460_220.png) top center no-repeat;
	background-size: contain;
}

.registration {
	background:  #eeeeee url('../img/home/registration.jpg') top center no-repeat;
	background-size: contain;
}
.boxRegistration {
	background:  #eeeeee url('../img/home/boxRegistration.jpg') top center no-repeat;
}
.box207 {
	background:  #eeeeee url('../img/home/ballotBox01.jpg') top center no-repeat;
}
.box205a {
	background:  #eeeeee url('../img/home/job.jpg') top center no-repeat;
}
.boxA11y {
	background: #eeeeee  url('../img/home/a11y.jpg') top center no-repeat;
}
.boxA11yIcon {
	background: #eeeeee  url('../img/home/a11yIcon.jpg') top center no-repeat;
}
.boxIndigenous {
	background: #eeeeee  url('../img/home/indigenous.jpg') top center no-repeat;
}
.boxStudent {
	background: #eeeeee  url('../img/home/students.jpg') top center no-repeat;
}
.boxStudentIcon {
	background: #eeeeee  url('../img/home/boxStudentIcon.jpg') top center no-repeat;
}
.boxId {
	background: #eeeeee  url('../img/home/id.jpg') top center no-repeat;
}
.boxSmallId {
	background: #eeeeee  url('../img/home/box4c.jpg') top center no-repeat;
}
.boxAbroad {
	background: #eeeeee  url('../img/home/abroad.jpg') top center no-repeat;
}
.boxSchool {
	background: #eeeeee  url('../img/home/school.jpg') top center no-repeat;
}
.boxQuick {
	background: #eeeeee  url('../img/home/quick.jpg') top center no-repeat;
}
.boxIntegrity {
	background: #eeeeee  url('../img/home/integrity.jpg') top center no-repeat;
}
.boxVoteEarly {
	background: #eeeeee  url('../img/home/voteEarly.jpg') top center no-repeat;
}
.boxEmploy {
	background: #eeeeee  url('../img/home/employ.jpg') top center no-repeat;
}
.boxFaq {
	background: #eeeeee  url('../img/home/faq.jpg') top center no-repeat;
}
.boxVIC {
	background: #eeeeee  url('../img/home/vic.jpg') top center no-repeat;
}
.boxVIC2 {
	background: #eeeeee  url('../img/home/vic2.jpg') top center no-repeat;
}
.boxSpread {
	background: #eeeeee  url('../img/home/spread.jpg') top center no-repeat;
}


/*---- FAQs ----*/
.faqOnVoting {
	background: url(../img/faqOnVoting.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqReg {
	background: url(../img/faqReg.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqVotMail {
	background: url(../img/faqVotMail.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqIdVot {
	background: url(../img/faqIdVot.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqVIC {
	background: url(../img/faqVIC.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqPolStations {
	background: url(../img/faqPolStations.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqTimeOffVote {
	background: url(../img/faqTimeOffVote.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqJobs {
	background: url(../img/faqEmps.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqCounting {
	background: url(../img/faqCounting.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqCom {
	background: url(../img/faqCom.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqOther {
	background: url(../img/faqOther.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

/* --- VIS19 management --- */
	div#top{
		height: 580px;
		position: relative;
	}
	div#top ul.homeprom2 {
		position: absolute;
		bottom: 0px;
		margin-bottom: 0px;
	}
	div#top ul.homeprom2 li, div#top .vis19 p{
		margin-bottom: 0px;
	}
	div.vis19 ul {line-height:1.2em;}





	div.row { margin-bottom: 2em; }

	div.row.toast { margin-bottom: 0em; }


	div.sndEle{
		display: block;
		width: 38%; /* like vis19 */
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 260px;
		background-color: #eee;
	}
	a.sndEle{
		display:inline-block;
		width: 100%;
		height: 100%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

		text-align:center;
		text-decoration: none;
		color: #292929;
		font-size: 1.3em;
		font-weight: bold;
	}
	a.sndEle:hover{
		outline: 1px solid red;
	}
	a.sndEle span:first-child{
		display:block;
		width:100%;
		height:180px;
	}
	a.sndEle span:nth-child(2){
		display: inline-block;
		margin:40px auto 0px auto;
	}
	div.prpVot {bottom: unset; top: 0px;}

	.job{
		background: #01bbd3 url(/templates2/img/home/job440_220.png) top center no-repeat;
	}
	.enr{
		background: #f9e200 url(/templates2/img/home/enr_s.png) top center no-repeat;
	}


	div.flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	div.flex > div {
		background-color: #eee;
		width: 275px;
		margin: 15px 15px 0px 0px;
		text-align: center;
		height: 250px;
		position:relative;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	div.flex > div a{
		position: absolute;
		left:0px;
		top: 0px;

		height:100%;
		width:100%;

		text-decoration: none;
		color: #292929;
		font-size: 1.3em;
		font-weight: bold;
	}
	div.flex > div a:hover{
		/*
		border: 1px solid red;
		*/
		outline: 1px solid red;
	}
	div.flex > div > a > span{
		display:block;
		width:100%;
		height:200px;
	}
	div.flex > div > a > span:nth-child(2){
		margin-top:15px;
	}
	div.flex > div span:nth-child(2).twoLines {
		margin-top: 3px;
	}

	.calendar{
		background: #93d501 url(/templates2/img/home/calendar280_245.png) top center no-repeat;
	}
	.ballot{
		background: #93d501 url(/templates2/img/home/ballot280_245.png) top center no-repeat;
	}
	.ballot1{
		background: #93d501 url(/templates2/img/home/ballot280_245_s.png) top center no-repeat;
	}
	
	.IDcard{
		background: #93d501 url(/templates2/img/home/IDcard280_245.png) top center no-repeat;
	}
	.registration {
		background: #93d501 url(/templates2/img/home/registration280_245.png) top center no-repeat;
	}
	.vic {
		background: #93d501 url(/templates2/img/home/VIC280_245.png) top center no-repeat;
	}
	.question{
		background: #93d501 url(/templates2/img/home/question280_245.png) top center no-repeat;
	}

	.a11y{
		background: #eee url(/templates2/img/home/a11y280_245.jpg) top center no-repeat;
	}
	.indi{
		background: #eee url(/templates2/img/home/indi280_245.jpg) top center no-repeat;
	}
	.student{
		background: #eee url(/templates2/img/home/student280_245.jpg) top center no-repeat;
	}
	.newCan{
		background: #eee url(/templates2/img/home/newCan280_245.jpg) top center no-repeat;
	}

	.school{
		background: #f3e30a url(/templates2/img/home/school280_245.png) top center no-repeat;
	}
	.careBuilding{
		background: #f3e30a url(/templates2/img/home/careBuilding280_245.png) top center no-repeat;
	}
	.travel{
		background: #f3e30a url(/templates2/img/home/travel280_245.png) top center no-repeat;
	}
	.guide{
		background: #f3e30a url(/templates2/img/home/guide280_245.png) top center no-repeat;
	}


	.bulb{
		background: #ea5dbd url(/templates2/img/home/bulb280_245.png) top center no-repeat;
	}
	.shield{
		background: #ea5dbd url(/templates2/img/home/shield280_245.png) top center no-repeat;
	}
	.Info{
		background: #ea5dbd url(/templates2/img/home/Info280_245.png) top center no-repeat;
	}
	.megaphone{
		background: #ea5dbd url(/templates2/img/home/megaphone280_245.png) top center no-repeat;
	}
	.questionPink{
		background: #ea5dbd url(/templates2/img/home/question280_245.png) top center no-repeat;
	}
	.count{
		background: #ea5dbd url(/templates2/img/home/count.png) top center no-repeat;
	}

	@media only screen and (max-width: 1200px){
		div.sndEle, div.prpVot{
			position: relative;
			display: inline-block;
			width: 100%;
			margin-top:15px;
		}
	}









@media only screen and (max-width: 1200px){
	.featurebox8 a {
		width: 100%;
	}
	div.vis19 {
		width: 100%;
		margin: auto;
		min-height: unset !important;
		height:fit-content;
	}
	/* --- VIS19 management --- */
	div#top{
			height: auto;
		position: initial;
	}
	div#top ul.homeprom2 {
		position: initial;
		bottom: auto;
		margin-bottom: 0.5em;
	}
	div#top ul.homeprom2 li {
		margin-bottom:auto;
	}
	div#top .vis19{
		clear:both;
		padding-bottom: 2em;
	}
}
@media only screen and (max-width: 460px){
	div.vis19	{ padding-right: 0.5em; padding-left: 1em; padding-bottom:2em; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	.homeDoormat
Maintenance
	- adjust images
		see "Tile background images below"
	- adjust image background colours
		see "Tile background colours below"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.homeDoormat {
		box-sizing: border-box;
	}
	.homeDoormat *, .homeDoormat *:before, .homeDoormat *:after {
		box-sizing: inherit;
	}
	.homeDoormat,
	.homeDoormat > li {
		margin: 0 !important;
		padding: 0 !important;
	}
	.homeDoormat {
		margin-top: 1.0rem !important;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}
	.homeDoormat > li {
		/*
		See MQs
		*/
		/*
			4 items
			3 gaps ea of 1rem so 3rem to account for total
			3rem to account for over 4 items, each must loose 3/4 of a rem
		*/
		width: calc( 25% - 0.75rem );
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		position: relative;
	}
	.homeDoormat > li > a {
		display: block;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #333;
		font-size: 1.38rem;
	}
	.homeDoormat > li > a::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.homeDoormat > li > a:hover::after {
		outline: 1px solid red;
	}
	.homeDoormat > li > a > span:nth-of-type(1) {
		/*
		See MQs
		*/
		background-repeat: no-repeat;
		background-position: top center;
		display: block;
		min-height: 200px;
		background-size: cover;
	}
	.homeDoormat > li > a > span:nth-of-type(2) {
		display: block;
		padding: 0.38rem 0.62rem;
	}
	/*Tile background colours*/
		.homeDoormat .clrGrn {
			background-color: #93d501;
		}
		.homeDoormat .clrPnk {
			background-color: #ea5dbd;
		}
	/*Tile background images*/
		.calendar2 {
			background-image: url(/templates2/img/home/calendar280_245.png);
		}
		.ballot2 {
			background-image: url(/templates2/img/home/ballot280_245.png);
		}
		.IDcard2 {
			background-image: url(/templates2/img/home/IDcard280_245.png);
		}
		.registration2 {
			background-image: url(/templates2/img/home/registration280_245.png);
		}
		.vic2 {
			background-image: url(/templates2/img/home/VIC280_245.png);
		}
		.question2 {
			background-image: url(/templates2/img/home/question280_245.png);
		}
		.a11y2 {
			background-image: url(/templates2/img/home/a11y280_245.jpg);
		}
		.indi2 {
			background-image: url(/templates2/img/home/indi280_245.jpg);
		}
		.student2 {
			background-image: url(/templates2/img/home/student280_245.jpg);
		}
		.newCan2 {
			background-image: url(/templates2/img/home/newCan280_245.jpg);
		}
		.school2 {
			background-image: url(/templates2/img/home/school280_245.png);
		}
		.careBuilding2 {
			background-image: url(/templates2/img/home/careBuilding280_245.png);
		}
		.travel2 {
			background-image: url(/templates2/img/home/travel280_245.png);
		}
		.guide2 {
			background-image: url(/templates2/img/home/guide280_245.png);
		}
		.bulb2 {
			background-image: url(/templates2/img/home/bulb280_245.png);
		}
		.shield2 {
			background-image: url(/templates2/img/home/shield280_245.png);
		}
		.Info2 {
			background-image: url(/templates2/img/home/Info280_245.png);
		}
		.megaphone2 {
			background-image: url(/templates2/img/home/megaphone280_245.png);
		}
		.questionPink2 {
			background-image: url(/templates2/img/home/question280_245.png);
		}
	@media only screen and (max-width: 900px){/* - - - - - - - - - - - - - - -*/
		.homeDoormat > li {
			/*
				3 items
				2 gaps ea of 1rem so 2rem to account for total
				2rem to account for over 3 items, each must loose 2/3 of a rem
			*/
			width: calc( 33% - ( ( 2 / 3 ) * 1rem ) );
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-900px*/
	@media only screen and (max-width: 600px){/* - - - - - - - - - - - - - - -*/
		.homeDoormat > li {
			/*
				2 items
				1 gap ea of 1rem so 1rem to account for total
				1rem to account for over 2 items, each must loose 1/2 of a rem
			*/
			width: calc( 50% - 0.5rem );
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-600px*/
	@media only screen and (max-width: 400px){/* - - - - - - - - - - - - - - -*/
		.homeDoormat > li {
			width: 100%;
		}
		.homeDoormat > li > a > span:nth-of-type(1) {
			background-size: contain;
			min-height: 138px;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-400px*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															 Adjustments for D21
																 2025-04-03-1608
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.featureboxD21onward .tag1 {
			margin-top: 1.0rem;
			margin-right: 0.62rem;
			display: block;
		}
		html[lang="fr"] .featureboxD21onward .tag1 {
			/*
			margin-top: 1.0rem;
			margin-right: 0.62rem;
			display: block;
			outline: 2px dashed pink;
			*/
			margin-top: 1.0rem;
		}
/*FR too? MQ? metas?*/
		html[lang="en"] .featurebox12 .tag1,
		html[lang="fr"] .featurebox12 .tag1 {
			margin-top: 2.0rem;
		}

		@media only screen and (max-width: 1200px){/* - - - - - - - - - - - - - - -*/
			.featureboxD21onward .tag1 {
				margin-top: 2.0rem;
				margin-bottom: 0.62rem;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1200px*/
		div.vis19 {
			/*
			padding-right: 1em;
			padding-left: 2em;
			height: 300px;
			height: inherit;
			height: 280px;
			*/
		}