@import "grid.css";


html {
	font-size: 80%;
	box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 100vh;
}

*, *::before, *::after {
	box-sizing: inherit;
}





body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-size: 1.4em;
	font-weight: 400;
	font-style: normal;
}

.visuallyhidden {
	display: none;
}

h1 {
	font-size: 2em;
	line-height: 40px;
	font-weight: 600;
	color: #005192;
}

h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: 400;
	color: #005192;
}

h3 strong {
	font-weight: 400;
}

h3 {
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: 300;
	color: #005192;
}

h4 {
	font-size: 1.2em;
	line-height: 20px;
	font-weight: 300;
	color: #005192;
}

h5 {
	font-size: 1em;
	line-height: 20px;
	color: #005192;
}

h6 {
	font-size: 1em;
	line-height: 20px;
	color: #005192;
}


.heading {
}

.heading2 {
	color: #005192;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: 400;
}





strong {
	font-weight: 500;
}

section.content h1.title {
	line-height: 50px;
	margin-top: 70px;
}

@media (max-width: 1023px) {
	section.content h1.title {
		margin-top: 0;
	}
}



@media (max-width: 1023px) {
	body {
		font-size: 1.0em;
	}
}

*:focus {
	outline: 5px auto #F26C11 !important;
	outline-offset: 10px !important;
	z-index: 10000;
}

section.topTasks h1 {
	font-size: 1em;
}

a {
	text-decoration: underline solid #005192 1px;
}

p, input, button {
	font-family: "Montserrat", sans-serif;
	font-size: 1em;
	font-weight: 400;
}

.small {
	font-size: 0.8em;
}


.icon.small {
	height: 20px;
	vertical-align: middle;
}

@media (max-width: 1350px) {
	.icon.small {
		display: none;
	}
}

.hidden {
	display: none;
}



ul.bullets0 {
	padding-left: 0;
	list-style-type: none !important;
}

ul.bullets1 {
	padding-left: 0;
}

	ul.bullets1 li {
		list-style: none;
		text-indent: -35px;
		padding-left: 40px;
		padding-bottom: 20px;
	}

		ul.bullets1 li:before {
			content: "\00BB";
			margin-right: 20px;
			font-size: 20px;
			vertical-align: middle;
			line-height: 20px;
		}




nav {
	padding: 5px 5px;
}

@media (min-width: 1024px) {
	nav {
		padding: 10px 40px;
	}
}


.navbar ul {
	padding-inline-start: 0px;
	margin: 0;
}

.navbar li {
	list-style-type: none;
}

.navbar a {
	position: relative;
	text-decoration: none;
}

	.navbar a::before {
		content: "";
		position: absolute;
		height: 3px;
		right: 0px;
		bottom: -3px;
		left: 0px;
	}

.navbar {
	width: 100%;
	margin-bottom: 20px;
}

	.navbar .logo {
		margin-left: 20px;
		width: 60%;
		max-width: 400px;
		min-width: 180px;
		display: block;
		min-height: 100%;
	}

@media (min-width: 1024px) {
	.navbar {
		margin-bottom: 0;
	}

		.navbar .logo {
			float: left;
			width: 400px;
			display: block;
			min-height: 100%;
		}
}

/* HOME SEARCH */
.navbar .searchBar {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.navbar #searchQueryInput {
	width: 100%;
	background: #f5f5f5;
	outline: none;
	border: none;
	border-radius: 100px;
	border: 2px solid #005192;
	padding: 17px 25px;
	font-weight: 500;
}

.navbar #searchQuerySubmit {
	width: 3.5rem;
	height: 2.8rem;
	margin-left: -3.5rem;
	background: none;
	border: none;
	outline: none;
	z-index: 10001;
}

	.navbar #searchQuerySubmit:hover {
		cursor: pointer;
	}

.navbar .logon a {
	border-radius: 100px;
	margin-right: 10px;
}




@media (max-width: 1023px) {
	.navbar #searchQueryInput {
		width: 100%;
		font-weight: 500;
		font-size: 0.8em;
		background-color: #FFF;
		border: 2px solid #005192;
		border-radius: 100px;
		padding: 10px 10px;
	}

	.navbar .logon a {
		margin-right: 0;
	}
}



@media (max-width: 1023px) {
	.mobileHide {
		display: initial;
	}
}




.cookie-icon {
	position: fixed;
	bottom: 0;
	width: 70px;
	height: 70px;
	cursor: pointer;
	z-index: 10;
	padding: 0;
	border: 0;
	background: transparent;
}

	.cookie-icon #star path {
		fill: #fff;
	}




/* BUTTONS */
a.button {
	padding: 5px 10px;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

@media (min-width: 1024px) {
	a.button {
		padding: 20px 50px;
		color: #ffffff;
		font-weight: 500;
	}
}







/* STYLES */
.rounded {
	border-radius: 100px;
}

.greenBg {
	background-color: #1c6166;
}

	.greenBg:hover {
		background-color: #29838a;
	}

.orangeBg {
	background-color: #d68100;
}

	.orangeBg:hover {
		background-color: #f5a224;
	}

.blueBg {
	background-color: #005192;
	color: #FFF;
}

.whiteBg {
	background-color: #FFF !important;
}

	.whiteBg:hover {
		background-color: #F2F2F2;
	}

.txtWhite {
	color: #FFF;
}



.blueBg:hover {
	background-color: #336aa0;
}

.blackBg {
	background-color: #000;
}

	.blackBg:hover {
		background-color: #222;
	}

.grayBg {
	background-color: #CCC;
}

.blue {
	color: #005192;
}

.gray {
	color: #CCC;
}

.noHover {
	pointer-events: none;
}






/* FOOTER */

footer {
	color: #FFF;
	width: 100%;
}

	footer > div {
		padding: 20px;
	}

	footer .footerTop {
		background-color: #4b4b4b;
	}

	footer .footerBottom {
		background-color: #000;
	}

	footer section {
		padding: 20px;
	}

	footer .footer3 ul {
		list-style-type: none;
	}

	footer .footer3 li {
		float: none;
	}

	footer .footer4 img {
		width: 300px;
	}

	footer .footerBottom a {
		display: block;
		padding: 10px 0;
		color: #FFF;
	}

@media (min-width: 1024px) {
	footer .footer4 img {
		width: 500px;
	}
}





@media (max-width: 1023px) {
	footer > div {
		display: block;
		text-align: center;
		width: 100%;
	}

	footer > div {
		width: 100%
	}
}



/* SM ICONS*/
footer section ul {
	list-style: none;
	padding-inline-start: 0px;
}

	footer section ul img {
		filter: alpha(opacity=85);
		margin: 10px;
		opacity: 0.85;
		width: 60px;
		height: 60px;
	}

		footer section ul img:hover {
			filter: alpha(opacity=100);
			opacity: 1;
		}

footer section li {
	float: left;
}

.sprite {
	background-image: url(images/spritesheet.png);
	background-repeat: no-repeat;
	display: block;
}

.sprite-logoMediumFacebook {
	width: 60px;
	height: 60px;
	background-position: -39px -5px;
}

.sprite-logoMediumInstagram {
	width: 60px;
	height: 60px;
	background-position: -5px -75px;
}

.sprite-logoMediumLinkedin {
	width: 60px;
	height: 60px;
	background-position: -214px -75px;
}

.sprite-logoMediumWhatsapp {
	width: 60px;
	height: 60px;
	background-position: -282px -75px;
}

.sprite-logoMediumStayConnected {
	width: 60px;
	height: 60px;
	background-position: -75px -75px;
}

.sprite-logoMediumTwitter {
	width: 60px;
	height: 60px;
	background-position: -109px -5px;
}

.sprite-logoMediumYoutube {
	width: 60px;
	height: 60px;
	background-position: -145px -75px;
}

@media (max-width: 1023px) {
	.sprite {
		display: inline-block;
		zoom: 0.75;
		-moz-transform: scale(0.75);
		-moz-transform-origin: 0 0;
		-o-transform: scale(0.75);
		-o-transform-origin: 0 0;
	}
}


#socialMediaIcons > path {
}

.sprite2 {
	width: 100px;
	opacity: 0.8;
}

	.sprite2:hover {
		opacity: 1;
	}

@media (max-width: 1023px) {
	.sprite2 {
		width: 55px;
	}
}




main {
}

section.message {
	background-color: #AA4E0F;
}

	section.message .heading {
		margin: 0;
		font-weight: 700;
		font-size: 1.4em;
	}

	section.message > div {
		padding: 10px 100px;
		color: #FFF;
	}

	section.message a.button {
		padding: 5px 20px;
	}

@media (max-width: 1023px) {
	section.message > div {
		padding: 10px 40px;
	}
}

section.message > div p {
	margin-bottom: 0;
}

section.message > div a, section.importantMessage > div a {
	color: #005192;
	display: inline-block;
	pointer-events: initial;
}

section.message.warnLevelRed, section.importantMessage.warnLevelRed {
	background-color: #E00000;
	color: #FFF;
}

section.message.warnLevelAmber, section.importantMessage.warnLevelAmber {
	background-color: #C2540A;
}

section.message.warnLevelGreen, section.importantMessage.warnLevelGreen {
	background-color: #49820D;
}




main section.banner .bannerImage img {
	height: 500px;
	width: 100%;
	object-fit: cover;
}

section.topIcons .mainBanner .bannerImage {
	width: 100%;
	height: auto;
}

@media (max-width: 1023px) {
	main section.banner .bannerImage img {
		height: 200px;
	}
}



/* GOV DELIVERY */
section.banner .welcome {
	background-color: #F0F0F0;
	padding: 40px;
}

	section.banner .welcome .left div {
		float: left;
		padding-right: 20px;
		color: #005192;
		width: 100%;
		text-align: center;
	}

	section.banner .welcome .left .svg {
		width: 100px;
		height: auto;
	}

	section.banner .welcome h1 {
		margin: 0;
	}

	section.banner .welcome .right {
		display: block;
		float: right;
		padding: 20px;
	}

@media (max-width: 1023px) {
	section.banner .welcome .left div {
		padding-right: 20px;
		color: #005192;
		max-width: 100%;
	}

	section.banner .welcome .left .svg {
		width: 50px;
		height: auto;
	}

	section.banner .welcome .right {
		display: block;
		float: left;
		padding: 10px;
		padding-left: 0px;
	}
}








/* MAIN ICON BAR */
section.topIcons > ul {
	padding-inline-start: 0px;
	margin: 50px 130px 40px 150px;
	list-style-type: none;
}

	section.topIcons > ul li {
		background-color: #F0F0F0;
		position: relative;
		width: 90%;
		padding-top: 90%;
		margin-bottom: 100px;
	}

		section.topIcons > ul li:hover {
			background-color: #E0E0E0;
		}

		section.topIcons > ul li .icon {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			text-align: center;
			padding: 30px;
			border-bottom: 2px solid #c7c7c7;
		}

		section.topIcons > ul li .title {
			display: block;
			width: 100%;
			position: absolute;
			text-align: center;
			padding: 10px 0;
			color: #005192;
		}

section.topIcons > div {
	padding-inline-start: 0px;
	margin: 0 130px 20px 150px;
}


@media (max-width: 1400px) {
	section.topIcons > ul li .icon {
		padding: 20px;
	}

	section.topIcons > ul li .title {
		font-size: 0.9em;
	}
}

@media (max-width: 699px) {
	section.topIcons > ul li .icon {
		padding: 15px;
	}

	section.topIcons > ul li .title {
		font-size: 0.9em;
	}
}

@media (max-width: 1023px) {
	section.topIcons > ul {
		padding-inline-start: 0px;
		margin: 20px 20px;
	}

	section.topIcons > div {
		padding-inline-start: 0px;
		margin: 20px 20px;
	}

		section.topIcons > div img {
			width: 100%;
		}
}



/* TOP TASKS */
section.topTasks {
	background-color: #F0F0F0;
	padding-top: 40px;
	padding-bottom: 40px;
}

	section.topTasks > ul {
		padding-inline-start: 0px;
		margin: 50px 110px 20px 150px;
		list-style-type: none;
	}

		section.topTasks > ul > li {
			background-color: #FFF;
			position: relative;
			width: 90%;
			padding: 20px;
			margin-bottom: 40px;
			border-bottom: 2px solid #CCC;
		}

	section.topTasks h2 {
		margin: 0;
		margin-bottom: 20px;
	}

	section.topTasks li a {
		color: #005192;
	}

	section.topTasks .moreButton {
		font-size: 1.2em;
		color: #FFF;
		display: block;
		width: 400px;
		margin: auto;
		text-align: center;
	}

	section.topTasks > ul > li > ul {
		list-style-type: none;
		padding-inline-start: 0px;
	}

		section.topTasks > ul > li > ul > li {
			margin-bottom: 10px;
		}

@media (max-width: 1023px) {
	section.topTasks > ul > li {
		width: 100%;
		padding: 20px;
	}

	section.topTasks > ul {
		padding-inline-start: 0px;
		margin: 20px 20px;
		list-style-type: none;
	}
}




/* OTHER SITES */
section.otherSites {
	padding-top: 40px;
	padding-bottom: 40px;
}

	section.otherSites > ul {
		padding-inline-start: 0px;
		margin: 50px 110px 20px 130px;
		list-style-type: none;
	}

		section.otherSites > ul > li {
			position: relative;
			background-color: #FFF;
			position: relative;
			padding: 20px;
			margin-bottom: 40px;
		}

			section.otherSites > ul > li img {
				height: 400px;
				width: 100%;
				object-fit: cover;
			}

			section.otherSites > ul > li div {
				position: absolute;
				bottom: 60px;
				width: 80%;
				padding: 10px 20px;
				background-color: #005192;
				color: #FFF;
				font-size: 1.6em;
				border: 2px solid #FFF;
				border-left: none;
				white-space: nowrap;
			}

				section.otherSites > ul > li div:hover {
					background-color: #336aa0;
				}

@media (max-width: 1400px) {
	section.otherSites > ul > li div {
		font-size: 1.4em;
	}
}

@media (max-width: 1023px) {
	section.otherSites > ul {
		padding-inline-start: 0px;
		margin: 20px 20px;
		list-style-type: none;
	}

		section.otherSites > ul > li {
			margin-bottom: 0px;
		}

			section.otherSites > ul > li img {
				height: 300px;
				width: 100%;
				object-fit: cover;
			}

			section.otherSites > ul > li div {
				position: absolute;
				bottom: 60px;
				width: 80%;
				padding: 10px 20px;
				background-color: #005192;
				color: #FFF;
				font-size: 1.4em;
				border: 2px solid #FFF;
				border-left: none;
				white-space: nowrap;
			}
}




/* CONTENT PAGE STYLES */
section.breadcrumb {
	background-color: #005192;
}

	section.breadcrumb > ul {
		padding-inline-start: 0px;
		padding: 10px;
		margin: 0 20px;
		list-style-type: none;
		font-weight: 300;
	}

		section.breadcrumb > ul > li {
			display: inline-block;
			padding-right: 20px;
			color: #FFF;
		}

			section.breadcrumb > ul > li + li:before {
				content: ">";
				color: #FFF;
				padding-right: 20px;
			}

	section.breadcrumb a {
		color: #FFF;
	}

@media (max-width: 1400px) {
	section.breadcrumb > ul > li {
		display: block;
		padding-right: 0px;
	}

		section.breadcrumb > ul > li + li:before {
			content: ">";
			color: #FFF;
			padding-right: 10px;
			padding-left: 30px;
		}
}









/* CONTENT PAGE */


/* GOV DELIVERY */
section.signup {
	background-color: #F0F0F0;
	padding: 20px 40px;
	margin: 0 0 0 0;
	border-top: 1px solid #005192;
}

	section.signup img {
		max-width: 75%;
	}

	section.signup fieldset {
		border: none;
		padding: 0;
	}

		section.signup fieldset > * {
			margin: 0;
			margin-right: 10px;
			margin-top: 10px;
		}

	section.signup input[type=submit] {
		padding: 10px 15px;
		font-weight: 500;
		text-decoration: none;
		background-color: #005192;
		color: #FFF;
		cursor: pointer;
	}

	section.signup input {
		padding: 10px;
	}

	section.signup label {
		color: #005192;
	}


@media (max-width: 1023px) {
	section .signup img {
		max-width: 80%;
	}
}

section .content {
	padding: 50px 0;
}

	section.content .symbol {
		padding: 0 50px;
	}

		section.content .symbol img {
			padding: 30px;
			background-color: #F0F0F0;
			border-bottom: 2px solid #CCC;
		}

	section.content h1 {
		margin: 80px 0;
	}

@media (max-width: 1023px) {
	section.content h1 {
		margin: 0;
	}
}

section.content .rte h2 {
	margin-top: 100px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
@media (max-width: 1023px) {
	section.content .rte h2 {
		margin-top: 60px;
	}
	section.content h1.title span {
		line-height: 0;
	}
}

section.content .rte h3 {
	margin-top: 50px;
}

section.content .rte h4 {
	margin-top: 50px;
}


section.content .banner {
	max-width: 100%;
}

section.content .rte {
	padding-right: 300px;
}

	section.content .rte.fullWidth {
		padding-right: 0;
	}

	section.content .rte .formLinkBox {
		display: block;
		color: #FFF;
		background-color: #005192;
		border-bottom: 4px solid #0d3358;
		margin: 40px 0;
		padding: 20px;
	}


		section.content .rte .formLinkBox:after {
			font-family: 'FontAwesome';
			font-size: 1.2em;
			content: "\f0a9";
			float: right;
		}

@media (max-width: 1023px) {
	section.content .rte .formLinkBox:after {
		display: none;
	}
}

@media (max-width: 1023px) {
	section.content .rte iframe {
		max-width: 100%;
	}
}

section.content .rte .formLinkBox:hover {
	background-color: #F26C11;
}


section.content ul {
	list-style: square;
}

	section.content ul li::marker {
		color: #F26C11;
	}

section.content .rte, section.content .rte th, section.content .rte td {
	border: 2px solid white;
}

	section.content .rte table {
		width: 100%;
		background-color: #F0F0F0;
		border-collapse: collapse;
		border-spacing: 0;
	}

		section.content .rte table th {
			padding: 8px;
			background-color: #005192;
			color: #FFF;
			font-weight: 700;
			text-align: left;
		}

		section.content .rte table td {
			padding: 8px;
		}

		section.content .rte table p {
			margin: 0;
		}

	section.content .rte .button {
		display: block;
		padding: 5px;
		background-color: #005192;
	}


@media (max-width: 1023px) {
	section.content .rte img {
		max-width: 100%;
	}
}


	section.content .contentFooter > div:first-of-type {
		margin-top: 100px;
	}



	section.content .additional {
		background-color: #F0F0F0;
		border-bottom: 2px solid #005192;
		padding: 50px;
		margin-right: 300px;
		margin-bottom: 40px;
	}

		section.content .additional h2 {
			margin: 0;
		}

		section.content .additional .map iframe {
			margin-top: 50px;
			width: 100%;
			height: 300px;
			border: none;
			border-bottom: 2px solid #CCC;
		}

		section.content .additional .map {
			height: 300px;
		}

	section.content .additionalSmall {
		background-color: #FFF;
		margin-right: 300px;
		margin-bottom: 40px;
	}

		section.content .additionalSmall h2 {
			font-size: 1.4em;
			margin: 0;
			margin-bottom: 20px;
		}

		section.content .additionalSmall .share {
			list-style-type: none;
			padding-inline-start: 0px;
		}

			section.content .additionalSmall .share li {
				display: inline-block;
			}

				section.content .additionalSmall .share li a {
					color: #005192;
				}

	section.content .InfoBoxRed {
		border-left: 10px solid #ea1802;
		background-color: #F0F0F0;
		padding: 20px;
	}

	section.content .InfoBoxAmber {
		border-left: 10px solid #f5a224;
		background-color: #F0F0F0;
		padding: 20px;
	}

	section.content .InfoBoxGreen {
		border-left: 10px solid #22a802;
		background-color: #F0F0F0;
		padding: 20px;
	}




	/* Document lists */


	section.content table.documentTable {
	}

		section.content table.documentTable, section.content table.documentTable td {
			border: 3px solid #FFF;
		}

			section.content table.documentTable td {
				background-color: #F0F0F0;
				padding: 10px;
				vertical-align: top;
			}

				section.content table.documentTable td.title {
					background-color: #FFF;
				}

				section.content table.documentTable td:nth-child(3n+2) {
					width: 100%;
					padding: 10px
				}

				section.content table.documentTable td:nth-child(3n+3) {
					white-space: nowrap;
				}

	section.content ul.docListFolder {
		background-color: #F0F0F0;
		padding: 20px;
		list-style: none;
	}

		section.content ul.docListFolder li {
			padding: 10px 0;
			padding-left: -40px;
		}

			section.content ul.docListFolder li a {
				background: url(../images/fileicons/folder.png) no-repeat left;
				background-position: 0 0;
				padding-left: 40px;
			}




	section.content ul.docListTree {
		list-style: none;
		padding: 0;
		margin: 0;
		background-color: #F0F0F0;
		padding: 40px;
		margin-bottom: 40px;
		margin-bottom: 0;
		border-bottom: 1px solid #CCC;
	}


		section.content ul.docListTree > li {
			margin-bottom: 10px;
		}

			section.content ul.docListTree > li span {
				background: url(../images/fileicons/folder.png) no-repeat left;
				background-position: 0 0;
				padding-left: 40px;
			}



	section.content ul.docListFolders {
		list-style: none;
		padding: 0;
		margin-top: 0;
	}

		section.content ul.docListFolders li a {
			display: block;
			background-color: #005192;
			margin: 2px 2px 0 0;
			float: left;
			padding: 15px;
			height: 200px;
			width: 220px;
			color: #FFF;
		}

			section.content ul.docListFolders li a:hover {
				border: 10px solid #F26C11;
				padding: 5px;
			}

	@media (max-width: 1023px) {
		section.content ul.docListFolders li a {
			margin: 2px 2px 0 0;
			padding: 10px;
			height: 200px;
			width: 180px
		}

			section.content ul.docListFolders li a:hover {
				border: 5px solid #F26C11;
				padding: 5px;
			}
	}












	@media (max-width: 1600px) {
		section.content .rte {
			padding-right: 0;
		}

		section.content .additional {
			margin-right: 0;
			padding: 20px;
		}

		section.content .additionalSmall {
			margin-right: 0;
		}
	}

	@media (max-width: 1023px) {
		section.content {
			padding: 10px 0;
		}

			section.content .additional {
				margin-right: 0;
			}

			section.content .symbol {
				padding: 0 40px;
			}

				section.content .symbol img {
					width: 100px;
					padding: 20px;
					background-color: #F0F0F0;
					border-bottom: 2px solid #CCC;
				}

			section.content .title {
				margin-left: 0px;
				margin-top: 15px;
			}
	}





	/* Forms */
	section.content .webform input {
		padding: 10px;
		margin: 10px;
	}

	section.content .webform select {
		padding: 10px;
		margin: 10px;
		font-size: 1em;
		font-family: "Montserrat", sans-serif;
	}

	section.content .webform option {
		padding: 10px;
		margin: 10px;
		font-size: 1em;
		font-family: "Montserrat", sans-serif;
	}

	section.content .webform textarea {
		width: 100%;
		font-size: 1em;
		font-family: "Montserrat", sans-serif;
		padding: 10px;
	}

	section.content .webform label {
		padding-right: 100px;
		padding: 10px;
		margin: 10px;
	}

	section.content .webform {
		background-color: #F0F0F0;
		border: 2px solid #F26C11;
		margin-top: 100px;
		padding: 20px;
	}

		section.content .webform h2 {
			margin-top: 0;
		}

	.umbraco-forms-form {
		background-color: #F0F0F0;
		border: 2px solid #F26C11;
		padding: 20px;
	}


	.webform fieldset {
		margin-top: 0px;
		padding: 0;
		padding-bottom: 20px;
		border: 0;
	}

		.webform fieldset legend {
			padding: 0;
			border: 0;
		}

		.webform fieldset formList {
			width: 100px;
		}

		.webform fieldset label {
			display: inline-block;
			padding-top: 5px;
		}

	section.content input[type=submit] {
		padding: 10px 15px;
		font-weight: 500;
		text-decoration: none;
		background-color: #005192;
		color: #FFF;
		cursor: pointer;
	}

	section.content .rte form {
		border: 2px solid #F26C11;
	}



	/* Umbraco forms */
	.umbraco-forms-container {
		padding: 20px;
	}

	.umbraco-forms-form fieldset {
		padding: 0;
		margin: 0;
		border: none;
	}

	.umbraco-forms-form .umbraco-forms-field {
		margin-bottom: 20px;
	}

	.umbraco-forms-form input {
		width: 300px;
	}

	.umbraco-forms-form select {
		font-size: 1em;
		font-family: "Montserrat", sans-serif;
	}

	.umbraco-forms-form option {
		font-size: 1em;
		font-family: "Montserrat", sans-serif;
	}

	.umbraco-forms-form .umbraco-forms-indicator {
		color: #F26C11;
	}




	section.content .splashMiniRow .splashMini {
		padding: 15px;
		color: #FFF;
		background-color: #005192;
	}

		section.content .splashMiniRow .splashMini:nth-child(3n-1) {
			background-color: #16416c;
		}

		section.content .splashMiniRow .splashMini:nth-child(3n-2) {
			background-color: #0e3052;
		}

		section.content .splashMiniRow .splashMini:hover {
			padding: 5px;
			border: 10px solid #F26C11;
			color: #FFF;
		}

	section.content .splashMiniRow img {
		padding-top: 20px;
	}

	@media (max-width: 1400px) {
		section.content .splashMiniRow img {
			width: 100px;
			height: auto;
		}
	}







	/*Popular pages*/
	section.popular .popularList {
		margin: 0 50px;
		border-top: 1px solid #CCC;
	}

		section.popular .popularList li {
			padding-bottom: 10px;
		}






	/*A to Z*/
	.atoz {
	}

	section.content .rte .atoz ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.atoz ul li {
		float: left;
		margin: 5px;
		width: 3.5em;
	}

		.atoz ul li a {
			display: block;
			background-color: #005192;
			color: white;
			text-align: center;
			padding: 10px;
			text-decoration: none;
		}

			.atoz ul li a:hover {
				padding: 5px;
				border: 5px solid #F26C11;
			}

			.atoz ul li a.selected {
				background-color: #c3570e;
			}







	/*Search results*/
	.searchResults {
		margin-top: 100px;
	}

		.searchResults h3 {
			margin-bottom: 10px;
		}

		.searchResults li {
			padding-bottom: 10px;
		}








	@media print {
		.popular, footer, .breadcrumb, .pageTitleContainer .sectionLogo, .govDelivery, .goog-te-banner-frame {
			display: none;
		}

		.noPrint {
			display: none;
		}

		h2, h3, h4 {
			page-break-after: avoid;
		}

		img {
			max-width: 100% !important;
		}

		ul, img {
			page-break-inside: avoid;
		}

		a[href^=\/]:after {
			font-weight: bold;
			text-decoration: none;
			content: "";
		}

		a[href^=http]:after {
			content: " <" attr(href) ">\a";
			font-size: 0.8em;
		}

		a[href^="#"]:after {
			content: "";
		}

		a:after > img {
			content: "";
		}

		.BMDClogo {
			width: 300px;
			margin-bottom: 50px;
		}

		.widgetCol {
			margin: 0 !important;
			padding: 0 !important;
		}

		.printFooter {
			-webkit-print-color-adjust: exact;
			page-break-inside: avoid;
			width: 100%;
			color: #000 !important;
			background-color: #eee !important;
			padding: 20px 40px 10px 40px;
			border-radius: 0 20px 0 0;
			line-height: 1em;
		}

		.map-canvas {
			display: inline-block;
		}

		hr {
			display: block;
			height: 1px;
			background: transparent;
			width: 100%;
			border: none;
			border-top: solid 1px #aaa;
		}
	}



	/* Swimming times */
	section.content .webform.swimmingTimes {
		border: none;
		width: 100%;
	}

	section.content .rte .webform.swimmingTimes form {
		border: none;
	}

	.swimmingTimes button {
		padding: 10px 15px;
		background-color: #005192;
		color: #ffffff;
		font-weight: 500;
		text-decoration: none;
		cursor: pointer;
		border: none;
		margin-right: 20px;
		margin-bottom: 5px;
	}

		.swimmingTimes button.selected {
			background-color: #AA4E0F;
		}

	.swimmingTimes table {
		border: none;
		margin-top: 30px;
	}

	section.content .rte .swimmingTimes, section.content .rte .swimmingTimes th, section.content .rte .swimmingTimes td {
		border: none;
		border-top: 2px solid white;
		vertical-align: top;
	}

	@media (max-width: 1023px) {
		.swimmingTimes button {
			padding: 5px 7px;
			margin-right: 10px;
			margin-bottom: 3px;
		}
	}



	#quickClose {
		position: fixed;
		top: -2px;
		left: 0;
		width: 174px;
		height: 40px;
		background-image: url('images/quickclose.png');
		cursor: pointer;
		z-index: 100;
		opacity: 0.8;
	}

	@media(max-width: 767px) {
		#quickClose {
			margin-left: initial;
			left: initial;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 83px;
			height: 37px;
			background-image: url('images/quickclose.png');
			cursor: pointer;
			z-index: 5500;
		}
	}


	section.content ul.siteAreas li {
		background-color: #F0F0F0;
	}

		section.content ul.siteAreas li:hover {
			background-color: #E0E0E0;
		}

		section.content ul.siteAreas li a {
			display: block;
			padding: 20px;
			min-height: 200px;
			width: 100%;
			color: #005192;
			border-bottom: 2px solid #c7c7c7;
			font-weight: 500;
			text-align: center;
			background-repeat: no-repeat;
			background-position-x: center;
			background-position-y: bottom;
			background-size: 100px;
			/*filter: brightness(1000) sepia(4) hue-rotate(90deg) saturate(0);*/
		}



	@media(max-width: 1024px) {
		section.content ul.siteAreas li a {
			padding: 10px;
			min-height: 150px;
			background-size: 70px;
			background-position-y: 70px;
		}
	}