input[type="submit"] {-webkit-appearance: button;}
input:focus, input.is-focus, input-is-focus {outline: 0;}
header {display:none;}
header a, header a:hover, .navbar-brand {border-bottom:none;}
@media screen and (min-width: 768px) {
	header {
		display: block;
		height:100px;
		color:#6e267b;
		background-color:#fff;
	}
	header form {margin-top: 34px;}	
	.search-form {position:relative;}
	.search-form__wrapper {
		width:100%;
		z-index:1;
	}
	.search-form__input {
		min-width: 0;
		padding: 0 48px 0 0;
		border-width: 0 0 2px;
		border-color: #6e267b;
		background-color: #fff;
		width: 100% !important;
		font-family: 'robotolight',serif;
		font-size: 24px;
		height: 45px;
		padding-left:10px;
		-webkit-transition : border 500ms ease-out;
	  transition : border 500ms ease-out;
	}
	.search-form__input:focus {border-color: #007cde;}
	.search-form__button {
		position: absolute;
		top: 14px;    
		right: 10px;
		width: 22px;
		z-index: 2;
	}
	.search-form__icon--button {
		background: none;
		border: 0;
		cursor: pointer;
		font: inherit;
		line-height: normal;
		padding: 0;
		text-transform: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-border-radius: none;
		-webkit-border-radius: none;
		border-radius: none;
		color: #12293a !important;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0 0;
		background-image: url(/_template/css/img/search.svg);
		width: 22px;
		height: 22px;
		display: inline-block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
}
.banner {
	background: #6e267b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #6e267b 0%, #002b64 50%);
	background: -webkit-linear-gradient(-45deg, #6e267b 0%,#002b64 50%);
	background: linear-gradient(135deg, #6e267b 0%,#002b64 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e267b', endColorstr='#002b64',GradientType=1 );
}
.banner__image {background:none;}
@media screen and (min-width: 768px) {
	.banner__image{
		display: block;
		background: transparent url(/homepage/files/hero-vote.png) right top no-repeat;
		background-position:calc(50% + 485px) 100%;
		height:425px;
		width:100%;
	}
}
.banner h1 {
	margin:0;
	padding:15px;
	color:#fff;
	text-align: center;
}
.banner__list {
	margin:20px 0 0;
	padding:0 0 10px 0;
	color:#fff;
	list-style: none;
	text-align: center;
}
.banner__list li {
	list-style: none;
	font-family:"robotolight",Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size:1.8em;
	line-height:1.3em;
	padding:5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom:15px;
	width:100%;
}

@media screen and (min-width: 768px) {
	.banner__list {
		padding:0;
		text-align: left;
		margin-top:70px;
		margin-left:40px;
	}
	.banner__list li {
		font-size:2em;
		line-height:1em;
		list-style: none;
		border:none;
		margin:0.7em 0;
	}
	.banner__list li:before {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 700;   
		content: '\f054';
		color: #fff;
		font-size:0.8em;
		margin:0 15px 0 -35px;
	}
}
@media screen and (min-width: 991px) {
	.banner__list {margin:70px 0 0 85px;}
	.banner__list li {font-size:2em;}
}
.banner__list a {
	color:#fff;
	border-bottom:none;
	-webkit-transition: all .2s ease-out;
       -moz-transition: all .2s ease-out;
    		transition: all .2s ease-out
}
.banner__list a:hover {
	color:#efefef;
	border-bottom:1px solid #efefef;
}
.section--bg-white {
	background:#fff;
	color:#666;
}
.section--bg-light {
	background:#efefef;
	color:#666;
}
.section--bg-dark {
	background:#e6e5e5;
	color:#666;
}
.section h2 {margin:20px 0;}
.section h3 {margin:0;}
.grid-item__item-image{display:none;}
.grid-item__item-colour {
	width: auto;
	min-height: 300px;
	height: auto;
}
/* change #colour to change colour of element. */
.grid-item__item-colour--lightblue{background: #007ddb url(/homepage/files/img/placehold-pattern-triangles.png);}
.grid-item__item-colour--purple{background: #8D5A96 url(/homepage/files/img/placehold-pattern-triangles.png);}
.grid-item__item-content {
    float: left;
    margin-left: 0;
    margin-right: 0%;
	padding: 24px 24px 20px;
	width:100%;
}
.grid__full .grid-item__item-content {
	padding: 24px;
}
.grid-item__item-image {
    clear: right;
    float: left;
    margin-right: 0;
}
.grid__half--small, 
.grid__full--large, 
.grid__full--small,
.grid__full--medium {
	margin-bottom:30px;
	background:#fff;
	display: block;
    overflow: hidden;
    width: 100%;
}
@media screen and (min-width: 768px) {
	.grid__half--small .grid-item__item-image{
		display: block;
		clear: right;
		float: right;
		margin-right: 0;
		min-height: 290px;
	}
	.grid__full .grid-item__item-content {
		padding: 24px 5px 20px 24px;
	}
	.grid__half--small .grid-item__item-content{width: 66.66667%;}
	.grid__half--small .grid-item__item-image{width: 33.33333%;}	
	.grid-item__item-colour {
		min-height: 290px;
	}
}
@media screen and (min-width: 992px) {
	.grid-item__item-image{
		display: block;
		clear: right;
		float: right;
		margin-right: 0;
	}
	.grid__half--small .grid-item__item-content{width: 80%;}
	.grid__half--small .grid-item__item-image{width: 20%;}	
	.grid__full--large .grid-item__item-content{width: 32.75%;}
	.grid__full--large .grid-item__item-image{width: 67.25%;}
	.grid__full--small .grid-item__item-content{width: 75.75%;}
	.grid__full--small .grid-item__item-image{width: 24.25%;}
	.grid__full--medium .grid-item__item-content{width: 67.25%;}
	.grid__full--medium .grid-item__item-image{width: 32.75%;}
}
@media screen and (min-width: 1200px) {
	.grid__half--small .grid-item__item-content{width: 66.66667%;}
	.grid__half--small .grid-item__item-image{width: 33.33333%;}	
	.grid__full--large .grid-item__item-content{width: 32.75%;}
	.grid__full--large .grid-item__item-image{width: 67.25%;}
	.grid__full--small .grid-item__item-content{width: 83.75%;}
	.grid__full--small .grid-item__item-image{width: 16.25%;}
	.grid__full--medium .grid-item__item-content{width: 67.25%;}
	.grid__full--medium .grid-item__item-image{width: 32.75%;}
}
@media screen and (min-width: 768px) {
	.grid-item__item-content h4 {
		margin-top: 0;
	}
	.grid-item__item-content ul.linkList {
		margin-top: 0;
	}
	.grid-item__item-content ul.linkList li {
		padding: 3px 0;
	}
}
.section img{
	max-width: 100%;
    height: auto;
    width: auto;
}
.read-on {display: none;}
@media screen and (min-width: 1200px) {
	.read-on {
		display: inline-block;
		position: absolute;
		bottom: 40px;
		left: 40px;
		font-size:1.1em;	
	}
}
ul.linkList {
	margin-left:20px;
	margin-bottom:0;
}
ul.linkList li:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;   
    content: '\f054';
    color: #337ab7;
	font-size:.8em;
	margin:0 5px 0 -11px;
}
.section img{
	max-width: 100%;
    height: auto;
    width: auto;
}
.item-header {margin:0 0 10px;}
.item-header a {color:#6e267b;}
@media screen and (min-width: 768px) {
	.item-header {margin-bottom: 24px;}
	.item-header h3 {font-size:1.6em;}
}
.options__translated img {
    margin-top: 10px;
    margin-right: 5px;
    float: left;
}
@media screen and (min-width: 560px) {
	.reader-options {
		float:right;
		margin-top: 10px;
	}
	.options__translated img{
		margin-bottom:15px;
	}
}
.options__listen {display: inline-block;margin-bottom:0!important;margin-top:10px}
.homebox .alert {
	background: #fcf8e3 url('/_template/css/img/alert.png') no-repeat 50% 5%;
	padding: 43px 14px 3px 14px;
	margin: 5px 5px 10px 5px;
	border: 1px solid #fbeed5;
}
.homebox .alert-info {background: #d9edf7 url(img/alert-info.png) no-repeat 50% 5%;}
.homebox .alert-success {background: #dff0d8 url(img/alert-success.png) no-repeat 50% 5%;}
a.twitter-timeline img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px) {
	.footer-grey .pull-right {
		float: left;
		padding: 0 10px;
		margin: 0;
	}
}
/* STATE */
.state-container {
	margin-bottom: 40px;
	padding: 20px 30px 20px;
	background:#fff;
	font-family: "robotolight", Helvetica, Arial, sans-serif;
}
.ui-front {z-index: 100;}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
	font-family: "robotolight", Helvetica, Arial, sans-serif;
}
.ui-widget {font-size: 18px;}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #333;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	cursor: pointer;
	min-height: 0;
	border:none;
}
.ui-menu .ui-menu-item div {
	padding: 6px 16px;
}
.ui-menu .ui-menu-item.ui-state-focus {background: #e5e5e5;}
.ui-menu .ui-state-active {background: #007cde;color:#fff;}
.ui-helper-hidden-accessible {
	position: absolute;
	left:-999em;
}
.addon-blank {background-color: #fff;}
.ui-widget {font-size:16px;}
.ui-menu .ui-menu-item div {
	padding: 13px 6px;
}
.ui-menu .ui-menu-item div:before {
	font-family: 'Font Awesome 5 Pro';
	content:'\f041';
	width:10px;
	margin:0 10px 0 5px;
	font-weight:800;
	color:#ededed;
}
.ui-menu .ui-menu-item .ui-state-active:before {color:#6e267b;}
.ui-menu .ui-menu-item:last-child div:before {content:'\f60b';}
.ui-menu .ui-state-active {
	background: #ededed;
	color:#333;
}
.location-label {box-shadow: 0 2px #6e267b;}
.label-division {
	background-color:#ededed;
	font-size:12px;
	color:#888;
	margin-left: 6px;
}
.ui-autocomplete {
	max-height:246px;
}
.ui-autocomplete::-webkit-scrollbar{
	width:10px;
	background-color:#d9d9d6;
}
.ui-autocomplete::-webkit-scrollbar-thumb{
	background-color:#666;
	border-radius:5px
}
@media screen and (min-width: 768px) {
	.ui-widget {
		font-size: 20px;
	}
}
.addon-blank {background-color: #fff;}
.input-divisions{
	border:none;
	border-bottom: 2px solid #6e267b;
	border-radius:0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-help{
	background:#fff;
	height:46px;
	border-radius:0;
	border:none;
	border-bottom: 2px solid #6e267b;
}
.help-block {margin:5px 0 0;}
.set-division{
	float:right;
	margin-top:15px;
	color:#333;
}
#state-set,
.no-js #state,
.no-js .rsbtn {display:none;}
.div-alerts {display:none;}
.div-alerts__text {
	padding-left:10px;
	margin-bottom:15px; 
	border-left:3px solid orange;
}
.subby{
	font-size:1.5em;
	margin:0 0 10px;
}
.div-name {
	font-size:2.5em;
	margin-top:2px;
	color:#000;
}
.member-name {
	font-size:2.5em;
	margin-top:2px;
	margin-top:0;
}
.div-links{font-size:1.2em;}
ul.div-links li {
	padding: 0 0 5px 20px;
	background-position: -9px 4px;
}
.form-group{margin:0;}
@media (max-width: 991px) {
	.member-name,.div-name {font-size:2em;}
	ul.div-links li {display:inline-block;}
	.grid-item__item-image__placehold{min-height: 370px;} /* redesign with flexbox to fix min-height work-around. */
}
@media (max-width: 767px) {
	.div-details{margin-top:15px;}	
	.member-name,
	.div-name {font-size:1.5em;}
	.subby,
	.div-links {font-size:1.1em;}
	.mlps{
		width: 100%;
	}
}
.alert {
	margin-bottom:30px;
}
ul.linkList ul {
    margin: 5px 0 0;
    list-style-type: none;
    padding: 0;
}
ul.linkList ul li {
    padding: 0 10px 0 20px;
	background: url(/_template/css/img/list-icons/sidebar-list-icon.png) -10px 7px no-repeat;
    list-style-type: none!important;
}
@media screen and (min-width: 992px) {
	.condensed {
		line-height:1.4em;
	}
}
#homepage .twitter-timeline {
	height:auto!important;
	min-height:250px;
}
#homepage h2 a {
	color:#333;
}
#homepage h2 a:hover, #homepage h2 a:focus {
	color:#337ab7;
}