/* ==========================================================================
   Education custom styles
   ========================================================================== */
/*********************************/
/* FONT styles */
/*********************************/
@font-face {
  font-family: 'franklincondensed';
  src: url('/_template/fonts/franklincondensedweb.eot');
  src: url('/_template/fonts/franklincondensedweb.eot?#iefix') format('embedded-opentype'),
         url('/_template/fonts/franklincondensedweb.woff2') format('woff2'),
         url('/_template/fonts/franklincondensedweb.woff') format('woff'),
         url('/_template/fonts/franklincondensedweb.ttf') format('truetype'),
         url('/_template/fonts/franklincondensedweb.svg#franklincondensedweb') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklingothichanddemi';
  src: url('/_template/fonts/franklingothichanddemiweb.eot');
  src: url('/_template/fonts/franklingothichanddemiweb.eot?#iefix') format('embedded-opentype'),
         url('/_template/fonts/franklingothichanddemiweb.woff2') format('woff2'),
         url('/_template/fonts/franklingothichanddemiweb.woff') format('woff'),
         url('/_template/fonts/franklingothichanddemiweb.ttf') format('truetype'),
         url('/_template/fonts/franklingothichanddemiweb.svg#franklingothichanddemi') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklingothichandlight';
  src: url('/_template/fonts/franklingothichandlightweb.eot');
  src: url('/_template/fonts/franklingothichandlightweb.eot?#iefix') format('embedded-opentype'),
         url('/_template/fonts/franklingothichandlightweb.woff2') format('woff2'),
         url('/_template/fonts/franklingothichandlightweb.woff') format('woff'),
         url('/_template/fonts/franklingothichandlightweb.ttf') format('truetype'),
         url('/_template/fonts/franklingothichandlightweb.svg#franklingothichandlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*********************************/
/* BODY and NAV styles */
/*********************************/
body {
	-ms-overflow-style: scrollbar;
	overflow-x: hidden;
}
.banner, .container{
	opacity: 1;
	transition: 1s;
}
.card.home {
	border: 0px;
}

.cardCont {
	margin-bottom: 3rem;
	transition: transform 0.5s ease-in-out;
}

.cardCont a {
	outline: none;
}

.cardCont:hover, 
.cardCont:focus, 
.cardCont:focus-visible {
	transform: scale(1.1);
	outline: none;
}

.cardCont .sub-heading {
	width: 100%;
	min-height: 120px;
	margin-bottom: 25px;
	margin-left: 30px;
	text-align: start;
	padding-left: 10px;
}
.cardCont .sub-heading p {
	font-size: 1.7rem;
	line-height: 20px;
}
.cardCont .sub-heading .detail {
	margin-top: 10px;
	font-size: 2.7rem;
	line-height: 40px;
}




/* democracity card */
.cardCont .sub-heading#democracity{
	border-left: #009dde 4px solid;
}
.democracity-card {
	background: transparent url("/_template/img/democracity.png") 0 0 no-repeat;
	background-position: -7px -350px;
	background-size: 442px;
	height: 460px;
}


/* Classroom resources card */
.classroom-card {
	background: transparent url("/_template/img/banners/orange-banner.png") 0 0 no-repeat;
	background-size: cover;
	height: 460px;
}
.cardCont .sub-heading#classroom{
	border-left: #e1932d 4px solid;
}
.classroom-card #classroom-character{
	background: transparent url("/_template/img/hand-raise.png") 0 0 no-repeat;
	position:relative;
  	top:-125px;
	background-position: -223px -10px;
	background-size: 1000px;
	height: 585px;
}


/* Get voting card */
.get-voting-card {
	background: transparent url("/_template/img/banners/get-voting-banner.png") 0 0 no-repeat;
	background-size: cover;
	background-color: #6e267b;
	height: 460px;
}
.cardCont .sub-heading#get-voting{
	border-left: #06BABC 4px solid;
}
.get-voting-card #get-voting-character{
	background: transparent url("/_template/img/banners/Get-Voting-girl-banner-char.png") 0 0 no-repeat;
	position:relative;
  	right:-20px;
	background-position: -7px -43px;
	background-size: 448px;
	height: 460px;
}



/* Professional learning card */
.professional-card {
	background: transparent url("/_template/img/banners/teacher-resources-banner.png") 0 0 no-repeat;
	background-size: cover;
	height: 300px;
}
.cardCont .sub-heading#professional{
	border-left: #C6579A 4px solid;
}
.professional-card #professional-character{
	position:relative;
  	top:-95px;
	background: transparent url("/_template/img/banners/Teacher-Resources-banner-char.png") 0 0 no-repeat;
	background-position: 145px -10px;
	background-size: 480px;
	height: 395px;
}




/* Visit us card */

.visit-card {
	background: transparent url("/_template/img/banners/yellow-banner.png") 0 0 no-repeat;
	background-size: cover;
	height: 300px;
}
.cardCont .sub-heading#visit{
	border-left: #f2bc46 4px solid;
}
.visit-card #visit-character{
	position:relative;
  	top:-95px;
	background: transparent url("/_template/img/building-img.png") 0 0 no-repeat;
	background-size: cover;
	height: 395px;
}

/* Accordion stuff */
.accordion {
   	background-color: #fff;
	border: dotted 1px #ccc;
	margin-top: 24px;
    margin-top: 1.5rem;
}
.accordion+.accordion {
	border-top: 0;
	margin-top:0;
	margin-bottom:0;
}
.accordion__button {
	margin-bottom: 0;
	display: block;
}
.accordion__button h2, 
.accordion__button h3 {
	margin:0;
}
.accordion__controls {
	display: block;
	position: relative;
	background-color: #fff;
	border-bottom: none;
	color: #313131;
	padding: .8em 1.8em .8em .8em;
	font-size: 20px;
	text-decoration:none;
}
.accordion__controls:hover, .accordion__controls:focus {
   	border-bottom: none;
}
.accordion__controls:before {
	font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: .9em;
    content: '\f077';
    position: absolute;
    right: 15px;
    top: 20px;
    transition: transform 300ms linear;
}
.collapsed.accordion__controls:before {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg)
}
.accordion__panel {
	border-top: dotted 1px #ccc;
	padding: 1em
}
.page-faq .accordion__controls:after {
	content: 'Q';
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
	height: 100%;
	width: auto;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 16px;
	font-size: 28px;
	background: #007cde;
	color: #fff;
}
.page-faq .accordion__controls {padding: .8em 2em .8em 3.2em;}
.page-faq .accordion__panel {
	padding-left: 64px;
	padding-right: 32px;
	position: relative;
}
.page-faq .accordion__panel:before {
	content: 'A';
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	height: 100%;
	width: auto;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	padding: 16px 16px;
	font-size: 28px;
	color: #cccccc;
}
/* media queries */
@media (min-width: 992px) and (max-width: 1199.98px) {
.cardCont:focus, 
.cardCont:focus-visible {
	outline: auto;
}
	.classroom {
		margin-top: 10px;
	}
	.cardCont .sub-heading#classroom{
	z-index: 1;
	}
	.professional-card {
	height: 460px;
	}

	.professional-card #professional-character{
  	top:-80px;
	background-position: 95px -10px;
	background-size: 480px;
	height: 540px;
	}

	.visit-card #visit-character{
	background-size: cover;
	background-position: 0px -145px;
	}
}

@media (max-width: 991px) {
	.cardCont:focus, 
	.cardCont:focus-visible {
	outline: auto;
	}

	.democracity-card {
	background-size: 696px;
	background-position: 0px -800px;
	}
	.classroom-card #classroom-character {
    background-position: -147px -10px;
    background-size: 1070px;
	}
	.cardCont .sub-heading#classroom{
	z-index: 1;
	}
	.professional-card #professional-character{
  	top:-65px;
	height: 365px;
	}
}

@media (max-width: 769px) and (min-width: 470px) {
	.cardCont:focus, 
	.cardCont:focus-visible {
	outline: auto;
	}
	.democracity-card {
	background-size: 696px;
	background-position: 0px -800px;
	}
}
@media (max-width: 469px) {
	.cardCont:focus, 
	.cardCont:focus-visible {
	outline: auto;
	}
	.classroom-card #classroom-character {
        background-position: -227px -10px;
    }

	.get-voting-card #get-voting-character {
		background-position: -39px -43px;
	}

	.professional-card #professional-character{
  		top: -55px;
        height: 356px;
        background-size: 350px;
        background-position: 0px 25px;
	}
}
	






.card-anchor a{
	text-decoration: none;
}
body#home .banner{
	padding-top: 15px;
	background: transparent url("/_template/img/banners/homepage-banner.png") 0 0 no-repeat;
	background-size: cover;
	background-color: #6e267b;
}
body#visit .banner{
	padding-top: 15px;
	background: transparent url("/_template/img/banners/homepage-banner.png") 0 0 no-repeat;
	background-size: cover;
	background-color: #6e267b;
}
body#teacher .banner{
	background: transparent url("/_template/img/banners/teacher-resources-banner.png") 0 0 no-repeat;
	background-size: cover;
	background-color: #6e267b;
}
body#democracy .banner{
	background: transparent url("/_template/img/banners/democracy-rules-banner.png") 0 0 no-repeat;
	background-size: cover;
	background-color: #6e267b;
}
body#gv .banner{
	background: transparent url("/_template/img/banners/get-voting-banner.png") 0 0 repeat-x;
	background-size: cover;
	background-color: #6e267b;
}
body#man .banner{
	background: transparent url("/_template/img/banners/making-a-nation-banner.png") 0 0 repeat-x;
	background-size: cover;
	background-color: #6e267b;
}
.navbar {
/*	background: transparent url("/_template/img/navbar-home.png") 0 center repeat-x;*/
	margin-bottom:0;
	padding: 0.75rem;
}
/*Characters do not display at mobile*/
.banner-character {
	display: none;
}
.card{
	border: 2px solid #CCEBF8;
}
.card a {
	border-bottom: none;
	height:100%;
	color: #000;
}
.card a p.blurb{
	font-size: 1rem;
	padding: 0rem 2rem;
	line-height: 1.25rem;
}
.card p a {
	border-bottom: 1px solid #ddd;
}
.card a .fas, .card a .fal {
	color: #009cde;
}
.card a h4{
	color: #6e267b;
	font-family: "franklingothichanddemi";
	font-size: 3rem;
	font-weight: 700;
	line-height: 2.75rem;
/*	text-transform: uppercase;*/
}
.card a:hover {
	text-decoration: none;
}
.card a:hover h4 {
	color:#009dde;
}
.card a:focus h4{
	color:#009dde;
}
.card.no-border{
	border:none;
}
.card i.ausIcon{
	background: url("/_template/img/aus-icon.png") no-repeat;
	height: 90px;
	background-size: 90px;
    background-position: center;
    align-self: center;
    width: 110%;
}
.card-deck__lower{
	margin-top: 30px;
}
.cardCont{
	margin-top: 1.5rem;
}
.banner-character__cont{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

@media only screen and (min-width: 992px) {
	.banner-character {
		display: flex;
		position: absolute;
		bottom: 0px;
		width: 480px;
		height:475px;
	}
	body#home .banner-character{
		background: transparent url("/_template/img/banners/homepage-character.png") 0 0 no-repeat;
		background-position: right;
		background-size: 102%;
		bottom: -11px;
	}
	body#democracy .banner-character{
		background: transparent url("/_template/img/banners/Democracy-Rules-banner-char.png") no-repeat;
		background-position: 27px -3px;
		background-size: 97%;
	}
	body#teacher .banner-character{
		background: transparent url("/_template/img/banners/Teacher-Resources-banner-char.png") no-repeat;
		background-position: 72px 30px;
    background-size: 87%;
	}
	body#gv .banner-character{
		background: transparent url("/_template/img/banners/Get-Voting-girl-banner-char.png") no-repeat;
		background-position: right -9px;
    background-size: 100%;
	}
	body#man .banner-character{
		background: transparent url("/_template/img/banners/Making-a-Nation-banner-char.png") no-repeat;
		background-position: right 40px;
		background-size: 100%;
	}
	body#visit .banner-character {
		background: transparent url("/_template/img/banners/visit-us-banner-character.png") 0 0 no-repeat;
		background-position: right 45px;
		background-size: 110%;
	}
	body#democracy .tagline h1{
		font-size: 7rem; 
	}
}
@media only screen and (min-width: 1199px) {
	body#home .banner-character {
		background-size: 93%;
		bottom: -15px;
		width: 520px;
	}
	body#teacher .banner-character{
		background: transparent url("/_template/img/banners/Teacher-Resources-banner-char.png") no-repeat;
		background-position: -33px 30px;
    background-size: 107%;
	}
	body#democracy .banner-character{
		background: transparent url("/_template/img/banners/Democracy-Rules-banner-char.png") no-repeat;
		background-position: right -50px;
		background-size: 102%;
	}
	body#democracy .tagline h1{
		font-size: 8rem; 
	}
	body#visit .banner-character {
		background: transparent url("/_template/img/banners/visit-us-banner-character.png") 0 0 no-repeat;
		    background-position: right 30px;
    background-size: 111%;
	}
	body#gv .banner-character{
		background: transparent url("/_template/img/banners/Get-Voting-girl-banner-char.png") no-repeat;
		background-position: right -24px;
    background-size: 95%;
	}
	.banner-character {
		background-size: 75%;
		bottom: 0px;
		width: 520px;
	}
	body .banner{
		background-size: 100%;
	}
	.lead p {padding: 0 130px;}
	.card-deck__top{
		margin-top: 1.5rem;
	}
}

.banner-character p {display:none;}
@media only screen and (max-width: 363px) {
 	.logo {
		width:auto;
	}
	.logo img{
		width: 85%;
	}
}
.return {display:block;}
/*********************************/
/* Text styles */
/*********************************/
.tagline__cont{
	display: flex;
	height: 445px;
	align-items: center;
}
.tagline {
	color:white;
	height:350px;
	width:600px;
	margin-left:-50px;
	padding:0 70px 0 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.75rem;
}
.tagline h1{
	font-family:"franklingothichanddemi",Impact,sans-serif;
	font-size:8rem;
	margin-left:0;
/*	text-align:center;*/
	line-height:0.85em;
}
.tagline h1 span{
	color: #30232C;
}
body#home .tagline h1 span, body#visit .tagline h1 span{
	color: #8cd2f0;
}
/*
#visit .tagline h1, #gv .tagline h1 {
	padding-top:60px;
	padding-bottom:15px;
}
*/
.tagline p {font-size:1.25rem;}
@media only screen and (max-width: 991px) {
	.tagline {
		width: auto;
		padding: 0px 1.25rem;
		margin-left:0;
		margin-top:0;
  	}
}
@media only screen and (max-width: 768px) {
 	.tagline p {font-size:1.1rem;}
	body#democracy .tagline h1 {
		font-size: 5rem;
		padding-bottom: 0px;
	}
	body#man .tagline h1 {
		font-size: 6rem;
		padding-bottom: 0px;
	}
}
@media only screen and (max-width: 448px) {
 	.tagline p {font-size:1.1rem;}
	.tagline h1 {
		font-size: 4em;
		padding-bottom: 0px;
	}
	body#man .tagline h1 {
		font-size: 5rem;
		padding-bottom: 0px;
	}
}
@media only screen and (max-width: 320px) {
 	.tagline p {font-size:1.1rem;}
	.tagline h1 {
		font-size: 3em;
		padding-bottom: 0px;
	}
}
.lead {margin: 0 0 20px;}
@media only screen and (min-width: 1200px) {
	.lead p {padding: 0 130px;}
.sidebar {margin-left:15px;}
}
@media only screen and (max-width: 991px) {
	.sidebar {margin-left:0;}
}
.sidebar.affix {position: static}
@media (min-width:992px) {
	.sidebar.affix,
	.sidebar.affix-bottom {
		width: 278px
	}
	.sidebar.affix {
		position: fixed;
		top: 20px
	}
	.sidebar.affix-bottom {position: absolute}
}
@media only screen and (min-width:1200px) {
	.sidebar.affix, 
	.sidebar.affix-bottom {
		width: 345px
	}
}
h1, h2, h3 {font-family:"franklingothichandlight",Impact,sans-serif;}
h1 {font-size:3em;}
h2 {font-size: 2.6em;}
p, ul, ol, table {font-size:16px;font-size:1rem;}
hr {border:none;}
.lead:before, 
.lead:after, 
.lead:after, 
hr:before {
	background: url("/_template/img/links-panel-after.png") 0 0 repeat-x;
	content:'';
	height:5px;
	width:100%;
	display:block;
}
.lead:before {margin-bottom:20px;}
.lead:after {margin-top:20px;}
.lead {text-align:center;}
/*********************************/
/* PROMO panel and text panel styles */
/*********************************/
.promo-panel_gv {background-color: #ccf0ee;}
.promo-panel_neec {background-color:#cce5f8;}
.promo-panel_dr {background-color:#e2d4e5;}
.promo-panel_man {background-color:#cce5f8;}
.promo-panel_tr, 
.promo-panel_fact {background-color:#ccd7e9;}
.promo-panel_buff {background-color:#f3edc5;}
.sidebar .promo-panel {background-color: #efefef;}
.promo-panel_gv a h2 {
	color:#66d1cb;
	font-size:6em;
}
.promo-panel_neec a h2 {
	color:#66b1e9;
	font-size:6em;
}
.promo-panel_dr a h2 {
	color:#a87db0;
	font-size:4em;
}
.promo-panel_man a h2 {
	color:#66b1e9;
	font-size:4em;
}
.promo-panel_tr a h2 {
	color:#6686bd;
	font-size:4em;
}
@media (max-width:1199px) and (min-width:992px) {
    .promo-panel_gv a h2, 
	.promo-panel_neec a h2 {
		font-size:5em;
	}
	.promo-panel_man a h2, 
	.promo-panel_tr a h2, 
	.promo-panel_dr a h2 {
		font-size:3em;
	}
}
.promo-panel_fact a h2 {color:#6686bd;}
.promo-panel {
  	margin-bottom: 20px;
}
.promo-panel a:hover {
	color: #34322c;
    text-decoration: none;
}
.promo-panel_inner {
  	background: transparent url("/_template/img/promo-panel-mask-middle-small.png") 50% 50% repeat-y;
  	background-size: contain;
  	border: 0;
  	border-radius: 0;
  	position: relative;
}
.sidebar .promo-panel_inner {
  	background: transparent url("/_template/img/panel-mask-middle-wide-sidebar.png") 0 0 repeat-y;
  	background-size: contain;
}
@media only screen and (min-width: 479px) {
	.promo-panel_inner {background-image: url("/_template/img/promo-panel-mask-middle-wide.png");}
}
.promo-panel_inner:before {
  	background: url("/_template/img/promo-panel-mask-top-wide.png") 50% 50% no-repeat;
 	background-size: 100% 100%;
  	content: '';
  	display: block;
  	height: 30px;
  	left: 0;
  	pointer-events: none;
  	position: absolute;
  	top: 0;
  	width: 100%;
  	z-index: 1;
}
.sidebar .promo-panel_inner:before {
  	background: url("/_template/img/panel-mask-top-wide-sidebar.png") 50% 50% no-repeat;
  	background-size: 100% 100%;
}
.promo-panel_inner:after {
 	 background: url("/_template/img/promo-panel-mask-bottom-wide.png") 50% 50% no-repeat;
  	background-size: 100% 100%;
  	bottom: 0;
  	content: '';
  	display: block;
 	 height: 1.875rem;
  	left: 0;
  	pointer-events: none;
  	position: absolute;
  	width: 100%;
  	z-index: 1;
}
.sidebar .promo-panel_inner:after {
  	background: url("/_template/img/panel-mask-bottom-wide-sidebar.png") 50% 50% no-repeat;
  	background-size: 100% 100%;
}
.promo-panel_image {position: relative;}
.promo-panel_image:after {
  	background: url("/_template/img/promo-panel_image-mask.png") 50% 0 no-repeat;
  	background-size: 100% 14px;
  	bottom: 0;
  	content: '';
  	display: block;
  	height: 4px;
  	left: 0;
  	position: absolute;
  	-webkit-transition: all 0.2s;
  	transition: all 0.2s;
  	width: 100%;
}
.promo-panel_gv .promo-panel_image:after {
  	background: url("/_template/img/promo-panel_image-mask_gv.png") 50% 0 no-repeat;
  	background-size: 100% 14px;
}
.promo-panel_neec .promo-panel_image:after, 
.promo-panel_man .promo-panel_image:after {
  	background: url("/_template/img/promo-panel_image-mask_neec.png") 50% 0 no-repeat;
  	background-size: 100% 14px;
}
.promo-panel_dr .promo-panel_image:after {
  	background: url("/_template/img/promo-panel_image-mask_dr.png") 50% 0 no-repeat;
  	background-size: 100% 14px;
}
.promo-panel_tr .promo-panel_image:after, 
.promo-panel_fact .promo-panel_image:after {
  	background: url("/_template/img/promo-panel_image-mask_tr.png") 50% 0 no-repeat;
  	background-size: 100% 14px;
}
.promo-panel_buff .promo-panel_image:after {
  	background: url("/_template/img/promo-panel_image-mask_buff.png") 50% 0 no-repeat;
  	background-size: 100% 14px;
}
@media only screen and (min-width: 800px) {
  	a:hover .promo-panel_image:after {height: 14px;}
}
.promo-panel_image img {
  	border-radius: 6px 6px 0 0;
  	display: block;
  	width: 100%;
}
.promo-panel_image + p {margin-top:10px;}
.sidebar .promo-panel_image img{border: 2px solid #fff;}
.promo-panel_text {
  	line-height: 20px;
  	padding: 10px 20px 30px;
  	text-align: center;
  	-webkit-transition: all 0.2s;
  	transition: all 0.2s;
  	color:#414141;
}
.promo-panel_text {
	line-height: 22px;
	padding: 1.25rem;
}
.promo-panel_text h2 {
	text-transform:uppercase;
	font-family:"franklingothichanddemi",Impact,sans-serif;
	font-size:2em;
}
.promo-panel_text p {
	font-size:1.3em;
	min-height:88px;
}
@media only screen and (min-width: 800px) {
	.promo-panel a:hover .promo-panel_text {
		margin-top: -0.625rem;
		padding-bottom: 1.875rem;
	}
}
.text-panel {
  	width: 100%;
}
.text-panel_inner {
 	background: #efefef;
  	border: 1px solid #d6d6d6;
  	border-radius: 6px;
  	margin-bottom: 1.25rem;
  	overflow: hidden;
  	padding: 0 1.25rem;
  	position: relative;
  	width: 100%;
}
.text-panel_inner h2 {
	text-align:center;
	text-transform:uppercase;
	font-family:"franklincondensed",Impact,sans-serif;
	font-size:2.5em;
}
.text-panel_inner {
  	background-size: contain;
  	border: 0;
  	border-radius: 0;
}
@media only screen and (min-width: 479px) {
	.text-panel_inner {background-image: url("/_template/img/panel-mask-middle-wide-sidebar.png");}
}
.text-panel_inner:before {
  	background: url("/_template/img/panel-mask-top-wide-sidebar.png") 50% 50% no-repeat;
  	background-size: 100% 100%;
  	content: '';
  	display: block;
  	height: 1.875rem;
  	left: 0;
  	pointer-events: none;
  	position: absolute;
  	top: 0;
  	width: 100%;
  	z-index: 1;
}
.text-panel_inner:after {
  	background: url("/_template/img/panel-mask-bottom-wide-sidebar.png") 50% 50% no-repeat;
  	background-size: 100% 100%;
  	bottom: 0;
  	content: '';
  	display: block;
  	height: 1.875rem;
  	left: 0;
  	pointer-events: none;
  	position: absolute;
  	width: 100%;
  	z-index: 1;
}
.gv-promo .text-panel_inner {background: #00b2b0;}
.links-panel {
	background: url("/_template/img/panel-mask-middle-wide-sidebar.png") 50% 50% repeat-y #fff;
	background-size: contain;
	margin-bottom: 1.25rem;
	margin-left: 0;
	padding:0;
	min-height: 0;
	width: 100%;
	border: 1px solid #efefef;
	position: relative;
}
.links-panel:before {
	background: url("/_template/img/panel-mask-top-wide-sidebar.png") 50% 50% no-repeat;
	background-size: 100% 100%;
	content: '';
	display: block;
	height: 1.875rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.links-panel:after {
	background: url("/_template/img/panel-mask-bottom-wide-sidebar.png") 50% 50% no-repeat;
	background-size: 100% 100%;
	bottom: 0;
	content: '';
	display: block;
	height: 1.875rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.links-panel li {
	background: url("/_template/img/links-panel-after.png") 0 100% repeat-x;
	list-style: none;
	padding: 8px;
}
.links-panel li:last-child {background: none;}
.links-panel li a {
	display: block;
	cursor: pointer;
}
/*********************************/
/* FOOTER styles */
/*********************************/
.links-panel li a:before {
	background: url("/_template/img/links-icon.jpg") 0 0 no-repeat;
	content:'';
	padding: 0 15px 0 10px;
}
footer {
	background: transparent url("/_template/img/banners/footer.png") 0 0 no-repeat;
	min-height:150px;
	margin-top: 62px;	
	background-size: cover;
	margin-bottom:0;
	color:#ebebeb;
	text-align:center;
}
footer .footer-navigation {
/*	margin-top:50px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 28px;
/*	background-color:#626262;*/
	width:100%;	
}
footer ul {
	margin-bottom:20px;
	font-size:1em;
}
footer ul.main-links {
	font-size:1.25em;
	font-family:"franklingothichandlight",Impact,sans-serif;
}
footer ul li{display:inline-block;}
footer ul li:after {
	content:'|';
	padding:0 3px 0 8px;
}
footer ul li:last-child:after {content:'';}
footer ul li a {color:#fff;}
@media only screen and (max-width :749px){
	footer .footer-navigation {
		padding-top:50px;
		padding-bottom:50px;
	}
}
footer a:hover, footer a:focus {color: #ccc;}
/*********************************/
/* Links */
/*********************************/
.list {
	margin:5px 0 10px 10px;
	list-style-type:none;
	padding:0;
}
.list li {
	padding:5px 10px 5px 20px;
	background: url("/_template/img/list-icon.jpg") 0 10px no-repeat;
	list-style-type:none!important;
}
.links li {
	padding:5px 10px 5px 20px;
	background: url("/_template/img/links-icon.jpg") 0 10px no-repeat;
	list-style-type:none!important;
}
.link-nodoc {
	background-image:none;
}
/*********************************/
/* Breadcrumbs */
/*********************************/
#breadcrumb {
	list-style: none;
	display: inline-block;
	padding:0;
	margin-top: 1rem;	
}
#breadcrumb .glyphicon { font-size: 14px;}
#breadcrumb li { float: left;}
#breadcrumb li a {
  	color: #003591;
  	display: block;
  	background: #efefef;
  	text-decoration: none;
  	position: relative;
  	height: 40px;
  	line-height: 40px;
  	padding: 0 10px 0 5px;
  	text-align: center;
  	margin-right: 23px;
}

#breadcrumb li:nth-child(even) a {background-color: #efefef;}
#breadcrumb li:nth-child(even) a:before {
	border-color: #efefef;
  	border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {border-left-color: #efefef;}
#breadcrumb li:first-child a {
  	padding-left: 15px;
  	border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {border: none;}
#breadcrumb li:last-child a {
  	padding-right: 15px;
  	border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {border: none;}
#breadcrumb li a:before,
#breadcrumb li a:after {
  	content: "";
  	position: absolute;
  	top: 0;
  	border: 0 solid #efefef;
  	border-width: 20px 10px;
  	width: 0;
  	height: 0;
}
#breadcrumb li a:before {
  	left: -20px;
  	border-left-color: transparent;
}
#breadcrumb li a:after {
  	left: 100%;
  	border-color: transparent;
  	border-left-color: #efefef;
}
#breadcrumb li a:hover {
  	background-color: #006dd3;
  	color:#fff;
}
#breadcrumb li a:hover:before {
  	border-color: #006dd3;
  	border-left-color: transparent;
}
#breadcrumb li a:hover:after {border-left-color: #006dd3;}
#breadcrumb li a.active {background-color: #e7e7e7;}
#breadcrumb li a.active:hover {color: #003591;}
#breadcrumb li a.active:before {
  	border-color: #e7e7e7;
  	border-left-color: transparent;
}
#breadcrumb li a.active:after {border-left-color: #e7e7e7;}
.back-top {
	position: fixed;
	bottom: 50px;
	margin: 0;
	right:150px;
	width: 75px;
	height: 75px;
	display: block;
	cursor:pointer;
	text-align: center;
	vertical-align: middle;
	padding-top:10px;
   	letter-spacing: 2px;
	font-weight: bold;
	text-decoration:none;
	z-index:22;
}
.back-top:after{
	font-family: 'Font Awesome 6 Pro';
	content: '\f139';
	height: 75px;
	width: 75px;
	font-size: 3.5rem;
	position: absolute;
	top: 0;
	left: 0;
	color: #007cde;
}
@media only screen and (max-width :749px){
	.back-top {display:none!important;}
}
/*********************************/
/* TABLE styles */
/*********************************/
table {
  	width:100%;
  	max-width: 100%;
  	background-color: #fff;
  	border-collapse: collapse;
  	border-spacing: 0;
  	margin-bottom: 18px;
  	border: 1px solid #dddddd;
}
.text-panel_inner > table {margin-top:10px;}
table caption {
	padding: 5px;
	text-align: left;
	margin: 5px 0;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}
table th,
table td {
  	padding: 8px;
  	line-height: 18px;
  	text-align: left;
  	vertical-align: top;
  	border-top: 1px solid #dddddd;
  	border-left: 1px solid #dddddd;
}
table thead th {
  	background-color:#e0ebf3;
  	color:#000;
  	font-weight: bold;
  
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  	border-top: 0;
}
table tbody + tbody {border-top: 2px solid #dddddd;}
table tbody tr:nth-child(odd) td,
table tbody tr:nth-child(odd) th {
	background-color: #f9f9f9;
}
table tbody tr:hover td,
table tbody tr:hover th {
	background-color: #f5f5f5;
}
table th.highlight, table td.grey {
	background-color:#a2a1a1!important;
	color:#fff;
	font-weight: bold;
}
table td.highlight {background-color:#d8c4dd!important;}
table td.highlight2 {background-color:#efe7f2!important;}
table tr.total td {font-weight: bold;}
table .list {margin:0;}	
table .links li {padding-top:10px;}
/*********************************/
/* Link styles */
/*********************************/
a[href^='http://'],
a[href^='https://'],
a[href^='mailto:'],
a[href$='.ppt'],
a[href$='.pptx'],
a[href$='.pps'],
a[href$='.xlt'],
a[href$='.xls'],
a[href$='.xlsx'],
a[href$='.xlsm'],
a[href$='.pdf'],
a[href$='.rtf'],
a[href$='.doc'],
a[href$='.docx'],
a[href$='.dotx'],
a[href$='.docm'],
a[href$='.dotm'],
a[href$='.zip'],
a[href$='.sit'],
a[href$='.mp3'] {
	padding-right: 22px;
	display:inline;
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:center right;
}
a[href ^="http://"], a[href ^="https://"] {background-image: url("/_template/img/icons/file-exit.svg");}
a[href^='mailto:'] {background-image: url("/_template/img/icons/file-envelope.svg");}
a[href$='.ppt'], a[href$='.pptx'], a[href$='.pps']{background-image: url("/_template/img/icons/file-powerpoint.svg");}
a[href$='.xlt'], a[href$='.xls'], a[href$='.xlsx'], a[href$='.xlsm'] {background-image: url("/_template/img/icons/file-excel.svg");}
a[href$='.pdf'] {background-image: url("/_template/img/icons/file-pdf.svg");}
a[href$='.rtf'], a[href$='.doc'], a[href$='.dotx'], a[href$='.docm'], a[href$='.dotm'], a[href$='.docx'] {background-image: url("/_template/img/icons/file-word.svg");}
a[href$='.zip'] {background-image: url("/_template/img/icons/file-zip.svg");}
a[href$='.mp3'] {background-image: url("/_template/img/icons/file-volume.svg");}
a[href ^="http://www.aec.gov.au"],a[href ^="http://apps.aec.gov.au"]{padding: 0;background: none;}
/*********************************/
/* filter */
/*********************************/
#filter {margin-left:10px;}
button + p {
	margin-top:10px;
}
#closure {
	display: inline-block;
	background: url("/_template/img/icons/close.png") 0 0 no-repeat;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	vertical-align: middle;
	cursor:pointer;
	z-index:999;
}
.sessions .text-panel_inner {background-color: #e5f2fb;}
.sessions h3 span {
	color:#fff;
	background-color:#5f5f5f;
	padding:10px 15px;
	margin-right:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sessions h3 {padding-bottom:10px;}
#footnote, #footnote p {font-size:1.2rem;}
/*********************************/
/* Carousel */
/*********************************/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.no-relo {
	position: relative;
	padding: 15px;
	margin: 0 -15px 15px;
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 1px;
}
.carousel-caption {
	position: absolute;
	bottom: 26px;
	z-index: 10;
	left: 20%;
	right: 20%;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	background: rgba(0,0,0,0.2);
}
.carousel-caption h3, .carousel-caption p {margin:0;}
#carouselButtons {
	position: absolute;
	bottom: 5px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	text-align: center;
	background: rgba(0,0,0,0.2);
}
.btn-carousel {
	padding: 2px;
	margin-bottom: 0;
	line-height: 0;
	background: none;
	color: #fff;
	border: none;
	font-size:1.7rem;
}
/*********************************/
/* Get Voting specific styles */
/*********************************/
#gv section a {color: #007ddb;}
#gv section #breadcrumb a,#gv #breadcrumb li a.active:hover {color: #003591;}
#gv section a {text-decoration:underline;}
#gv section #breadcrumb a {text-decoration:none;}
#gv section a:hover {
	color: #003591;
	text-decoration: underline;
}
#gv #breadcrumb li a:hover {
	background-color: #006dd3;
	color: #fff;
}
#gv #breadcrumb li a.active {background-color: #e7e7e7;}
#five-steps .row .stepcol {width: 18%;}
#five-steps .stepcol {
	margin-right: 1.5%;
	float: left;
	min-height: 1px;
}
#gv section h1 span {
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:#fff;
	margin:0 10px 0 0;
	padding:30px 20px 30px 60px;
	font-weight:
	bold;
}
#gv h1 span.aqua {background-color:#00b2a9;}
#gv h1 span.red {background-color:#d52b1e;}
#gv h1 span.orange {background-color:#ff6319;}
#gv h1 span.grey {background-color:#555555;}
#gv h1 span.blue {background-color:#007ddb;}
#gv h2.steps {
	margin:0 0 20px 115px;
	font-size:22px;
}
#gv h2.steps.push {margin:0 0 20px 118px;}
#gv h3 {
	line-height: 27px;
	margin-bottom:15px;
}	
#gv .time, 
#gv .ballot,
#gv .download{
	border: 1px #ebebeb solid;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	display: block; 
	margin: 0 0 10px;
	background-color:#ebebeb;
	padding:15px 0 0 20px;
}
#gv .time p, 
#gv .ballot p, 
#gv .ballot h3,
#gv .download h2,
#gv .download p,
#gv .download ul{
	margin-left:50px;
}
#gv .time {background:#ebebeb url('/getvoting/_template/images/clock.jpg') 15px center no-repeat;}
#gv .ballot {background: #ebebeb url('/getvoting/_template/images/ballot.jpg') 15px center no-repeat;}
#gv .download {background: #ebebeb url('/getvoting/_template/images/download.jpg') 15px center no-repeat;}
#five-steps .one, 
#five-steps .two, 
#five-steps .three, 
#five-steps .four, 
#five-steps .five, 
#five-steps .purp {
	height:168px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#fff;
	cursor:pointer;
}
table#purp-tbl thead th {
    background-color: #6c287a;
    color: #FFF;
    font-weight: bold;
}
@media only screen and (min-width: 1200px) {
	#five-steps .one, 
	#five-steps .two, 
	#five-steps .three, 
	#five-steps .four, 
	#five-steps .five, 
	#five-steps .purp {
		height:190px;
	}
}
#five-steps .one {
	background-color:#00b2a9;
	border:3px solid #00b2a9;
}
#five-steps .two {
	background-color:#ff6319;
	border:3px solid #ff6319;
}
#five-steps .three {
	background-color:#555555;
	border:3px solid #555555;
}
#five-steps .four {
	background-color:#d52b1e;
	border:3px solid #d52b1e;
}
#five-steps .five {
	background-color:#007ddb;
	border:3px solid #007ddb;
}
#five-steps .purp {
	background-color:#6c287a;
	border:3px solid #6c287a;
	padding-top:25px;
	margin-bottom:20px;
	font-size:0.65em; 
	line-height:30px;
	text-decoration:none !important;
}
#five-steps .one:focus, 
#five-steps .one:hover, 
#five-steps .one:active,
#five-steps .two:hover, 
#five-steps .two:active,
#five-steps .three:hover, 
#five-steps .three:active,
#five-steps .four:hover, 
#five-steps .four:active,
#five-steps .five:hover, 
#five-steps .five:active,
#five-steps .purp:hover, 
#five-steps .purp:active {
	background-color:#fff;
}
.get-started h1,
.get-organised h1,
.get-informed h1,
.get-voting h1,
.get-results h1 {
	margin-top:50px;
}
.get-started h1, 
#five-steps .one:focus, 
#five-steps .one:hover, 
#five-steps .one:active {
	color:#00b2a9;
}
.get-organised h1, 
#five-steps .two:hover, 
#five-steps .two:active {
	color:#ff6319;
}
.get-informed h1, 
#five-steps .three:hover, 
#five-steps .three:active {
	color:#555555;
}
.get-voting h1, 
#five-steps .four:hover, 
#five-steps .four:active {
	color:#d52b1e;
}
.get-results h1, 
#five-steps .five:hover, 
#five-steps .five:active {
	color:#007ddb;
}
#five-steps .purp:hover, 
#five-steps .purp:active {
	color:#6c287a;
	text-decoration:none !important;
}
#five-steps .number {
	text-align:right;
	margin:15px 15px 0 0;
	font-size:3.750em!important;
	font-weight:bold;
}
/* gv five steps */
#five-steps {
	margin:20px 0;
	font-size:1em;
	padding-bottom:5px;
	background:none;
	color:#333;
	text-align:left;
}
#gv #five-steps a, #gv #five-steps a:hover {text-decoration:none !important;}
#five-steps a {text-decoration:none!important;}
#five-steps .stepcol p {
	font-size:2.5em;
	line-height:26px;
	padding:0 0 0 10px;
}
#five-steps p span {
	font-size:0.4em!important;
	line-height:1px;
}
#five-steps p.auth {
	margin-top: 15px 0 0;
	font-size:.75em;
}
#five-steps p.steps {font-size: 1em;}

#five-steps a.journey-btn {color: #FFF; background-color:#6c287a; border:1px solid #6c287a; border-radius:25px; padding:10px; display:block; text-align:center; width:auto; margin:0 auto; font-size:1.7em;}
#five-steps a.journey-btn:hover {color: #6c287a; background-color:#FFF; border:1px solid #6c287a;}
.journey-list {margin-top:15px;}
.journey-list li {margin-bottom:2em; font-size:1.2em;}
.journey-list i {float:left; margin-left:-40px; margin-top:-2px; font-size:1.8em;}
.journey-step {padding-left:68px; padding-top:15px;}
.journey-step span {float:left; font-size:2em; margin-top:-10px; display:block; font-weight:bold; border:2px solid #6c287a; border-radius:25px;padding:0px 15px 0px 15px; margin-right:15px; margin-left:-68px;}
.lrg-txt p, .lrg-txt li {font-size:1.2em; line-height:normal;}
.accordion__controls {font-size:26px;}
.accordion__panel p, .accordion__panel li {font-size:1.2em; line-height:normal;}
	.mob-side {display:block;}	
	.mob-foot {display:none;}
@media only screen and (max-width: 767px) {
	.mob-side {display:none;}	
	.mob-foot {display:block;}
}
@media only screen and (max-width: 767px) {
	#five-steps .row .stepcol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}	
	#five-steps {height:auto;}	
	#five-steps p span {font-size:.680em!important;}
}
@media (max-width:991px) and (min-width:768px) {
	#five-steps .stepcol p {font-size:1.9em;}
}
@media (max-width:991px) and (min-width:768px) {
	#five-steps .purp p {font-size:1.5em;}
}
@media (max-width:1195px) and (min-width:992px) {
	#five-steps .purp p {font-size:1.7em;}
}
@media only screen and (max-width:480px) {
	#gv h1 span {
		-webkit-border-radius:0;
		-moz-border-radius: 0;
		border-radius: 0;
		text-align:right;
		margin:0 10px 0 0;
		padding:0;
		font-weight:bold;
	}
	#gv h1 span.aqua {
		color:#00b2a9;
		background-color:#fff;
	}
	#gv h1 span.red {
		color:#d52b1e;
		background-color:#fff;
	}
	#gv h1 span.orange {
		color:#ff6319;
		background-color:#fff;
	}
	#gv h1 span.grey {
		color:#555555;
		background-color:#fff;
	}
	#gv h1 span.blue {
		color:#007ddb;
		background-color:#fff;
	}
	#gv h2.steps {margin:0;}
	#gv h1 span:after {content:".";}
}
.get-organised table thead th {
  	vertical-align: bottom;
  	background-color:#ff6319;
  	color:#fff;
}
@media only screen and (max-width:530px) {
 	.tagline.democracity h1 {
		font-size: 3em !important;
	}	

	.democracity-download h3 {
	font-size:2.4rem !important;	
	}
}


/* democarcity css */
.tagline.democracity h1 {
	font-size: 5.2em;
}
.democracity-landing a {
	color: #6c287a;
}
.purple-section {
	margin-top: 35px;
	border-left: 4px solid #6c287a;
	padding: 25px;
}

.purple-section a {
	font-weight: 600;
}
.purple-section p {
	font-size: 18px;
}

.purple-section i {
	color: #6c287a;
}

.purple-section h4 {
	font-family:"franklingothichanddemi",Impact,sans-serif;
}

.blue-section {
background-color: #DFEEF7;
border-radius: 10px;
padding: 25px;
height: 100%;
}

.blue-section h4 {
font-weight: 700;
margin-bottom: 10px;
}

.blue-section a[href ^="http://"], a[href ^="https://"] {
    background-image: none;
	padding-right: 0;
}


.democracity-download {
	background: transparent url("/_template/img/banners/homepage-banner.png") 0 0 no-repeat;
	background-size: cover;
	border-radius: 20px;
	color: white;
	text-align: center;
	padding: 60px;

}

.democracity-download h3 {
	font-family:"franklingothichanddemi",Impact,sans-serif;
	font-size:3rem;
	margin-left:0;
}

.democracity-download a {
	color: white;
}

.democracity-download h3 span{
	color: #8cd2f0;
}

.democracity-download p {
	font-size: 20px;
}

.democracity-faqs a{
	color: #313131;
	font-size: 1.4rem;

}

.democracity-faqs .accordion {
	border-right: 0px;
	border-left: 0px;
	border-top: 1px solid #000;
}

.democracity-faqs .accordion:last-child {
	border-bottom: 1px solid #000;
}

.democracity-p i {
	color: #6c287a;
}
.democracity-p a {
	font-weight: 600;
}

.democracity.sidebar a {
	margin-top: 10px;
}