/* ECC-specific styles */


#header-container {
	background: #000;
	border-width: 0 0 .2em
}

	#header-container p {
		margin: 0;
		text-align: right;
		color: #fff
	}

	#header-container a:focus {
		outline: -webkit-focus-ring-color auto 5px;
		outline-offset: -2px;
	}


aside nav.related-links-nav-container, #jobsearchcontainer {
	border-width: 10px 0 0
}

aside nav.related-documents-nav-container {
	border-style: solid;
	border-width: 10px 0 0;
	border-color: #e5e5e5
}

aside section.related-contact-container {
	border-style: solid;
	border-width: 10px 0 0;
	border-color: #d415a1
}

.boxtext-highlight {
    display:block; /* ECC Highlight the whole paragraph whereas EDC only highlight start of paragraph */
}

.boxtext-important a {
	color: #275353;
}

.boxtext-cancelled {
	background-color: #f2dede;
}

	.boxtext-cancelled p {
		margin: 0;
		color: #870000
	}

h3 {
	font-size: 1.17em;
	color: #707070
}

.validation-summary-errors {
	color: red;
	list-style: none
}

.content a[target="_blank"]:after {
	margin-left: 0.2em;
	content: "(opens in new tab)";
	font: 1em/1.5em "Open Sans",sans-serif;
	text-decoration: none;
	display: inline-block;
}

.h-highlight {
	margin-top: 2em;
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5;
	padding: 20px 10px;
	color: #000000;
	border-width: 1px;
	font-weight: 400;
}

	.h-highlight a {
		color: #275353;
	}

#mn form input[type=text] {
	height: 3em
}

#clearresults {
	background-color: #008540;
}

button.article-button {
	margin: 1em 0 0;
}

button.header-button {
	background: #080808;
	float: left;
	margin: .7em .5em 0 0;
	padding: 1em 0 1em 1em
}

	button.header-button:nth-child(2) {
		margin: .7em 0 0
	}

.rssLink:before {
	font-family: FontAwesome;
	content: " \f09e"
}

a {
	color: #296161
}

	a:hover {
		color: #2e5f5f
	}

	a:focus {
		background-color: #006231;
		color: #fff;
		border: 0;
		box-shadow: 0 0 0 1px #006231
	}

	a[href$=".csv"]:before, a[href$=".xls"]:before, a[href$=".xlsx"]:before {
		font-family: FontAwesome;
		content: "\f1c3";
		padding: 0 .5em 0 0
	}

table {
	font-size: 1em;
}

tbody th {
	text-align: left
}

table caption {
	text-align: left;
}

#header-container a {
	color: #fff
}

.burial-list-button, .burial-list-button-odd {
	border: none;
	padding: .25em .5em;
	font-size: 1.2em;
	text-decoration: none;
	min-width: 150px;
	text-align: left
}

.burial-list-item, .burial-list-item-odd {
	line-height: 50px;
	list-style: none;
	
}

.burial-list {
	margin: 0 !important
}

.burial-list-item-odd {
	background-color: #e5e5e5;
	color: #000;
}

.burial-list-button {
	background-color: #fff;
	color: #296161;
	display: inline-block;
	margin: .1em .2em .1em 0
}

.burial-list-button-odd {
	background-color: #e5e5e5;
	color: #000;
	display: inline-block;
	margin: .1em .1em .1em 0
}

	.burial-list-button-odd:hover, .burial-list-button-odd:active {
		color: #000;
	}

	.burial-list-button-odd::before, .burial-list-button::before {
		font-size: 1.1em;
		font-family: FontAwesome;
		content: "\f1c1";
		padding: 0 10px 0 20px
	}

	.burial-list-button-odd::before {
		color: #000;
		
	}

.burial-list-button::before {
	color: #296161;
}

		.burial-list-button-odd:active::before, .burial-list-button-odd:focus::before, .burial-list-button:active::before, .burial-list-button:focus::before {
			font-size: 1.1em;
			color: #000;
			font-family: FontAwesome;
			content: "\f1c1";
			padding: 0 10px 0 20px
		}

	.burial-list-button-odd:hover, .burial-list-button:hover {
		text-decoration: underline
	}

.job-list-button {
	/*background-color: #008540;*/
	background-color: #006231;
}

	/*.job-list-button:hover {
        color: #fff;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }*/

	.job-list-button:after {
		font-family: FontAwesome;
		position: relative;
		margin-left: 1em;
		content: "\f05a"
	}

.job-apply-button:after {
	content: "\f054"
}

.top-tasks-container {
	min-height: 80px;
	padding-bottom: 15px;
}

/* Home page header image styles to push the image down as the height is fairly narrow */
/* Default style is to centre the image */
/* This may not be needed if we allow uswer to set the focal point of images */
/*#homepage-popular-actions-container figure img{
    top: 45%;
    position: relative;
}*/

#homepage-popular-actions-left-box {
	background-color: rgba(160,43,34,.9);
	padding: 0;
	color: #fff;
	font-size: 1.1em;
}

#homepage-popular-actions-right-box {
	background-color: rgba(255,255,255,.9);
	padding: 0 0 1em
}

#homepage-popular-actions-boxes-container ol li p:before, p.moreinfo a:after {
	font-family: FontAwesome;
	padding-right: .5em;
	content: "\f054";
	position: absolute
}

#homepage-popular-actions-boxes-container ol li p:before {
	left: 1em
}

#homepage-popular-actions-left-box a {
	color: #fff;
	text-decoration: none;
	font-weight: 600
}

p.moreinfo a:after {
	font-size: 85%;
	margin-left: 10px;
	margin-top: 1px
}

div.content-homepage article section.hub h2 a {
	color: #000 !important;
}

div.content-homepage article section.hub span.fa-solid,
div.content-homepage article section.hub span.fa-regular {
	color: #008540;
}



div.content-homepage nav li.list_service_item .list_service_header > span {
	color: #008540;
	font-size: 2em;
	display: table;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	width: 100%;
}

	div.content-homepage nav li.list_service_item .list_service_header > span.fa-solid:after,
	div.content-homepage nav li.list_service_item .list_service_header > span.fa-regular:after {
		border-top: 1px solid green;
		content: '';
		display: table-cell;
		position: relative;
		top: .5em;
		left: 1.5%;
		width: 100%;
	}

.list_service_link_heading {
	padding: 0.6em 0em;
}

.list_signed_link {
	text-decoration: underline;
}

.highlight-container {
	background-color: #a42e0c;
	margin: 3em 0 2em
}

section.hub button.closed:before, section.hub button.open:before {
	color: #fff;
	margin: 0;
	padding: 0;
	position: absolute;
	font-family: "Open Sans",sans-serif
}

section.hub button.closed:before {
	content: "+";
	background-color: #080808;
	left: 0;
	top: 0;
}

#more-services-toggle span, section.hub button.closed:before, section.hub button.open:before {
	color: #fff;
	margin: 0;
	padding: 0;
	position: absolute
}

#more-services-toggle span {
	background-color: #000;
	border: 0 !important;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 1em;
	height: 2em;
	line-height: 0;
	left: 0;
	width: 1em
}

section.hub button.open:before {
	content: "-";
	background-color: #080808;
	left: 0;
	top: 0;
}

.businessbox, .eventsbox, .newsbox {
	border-style: solid;
	border-width: .5em 0
}

section.hub button.closed, section.hub button.open {
	text-decoration: none
}

#cookies-container h1, #news-events-container, #news-events-container a, .banner-fancy-detail a {
	color: #fff
}

.index-Trio-items {
	margin: 0 !important
}

#news-events-container h2 {
	font-size: 2em;
	margin: 0 5%
}

#news-events-container img {
	width: 100%
}

#news-events-container ol {
	margin: 0 5%
}

#news-events-container li {
	margin: 0 0 .5em;
	padding: 0
}

#news-events-container, #news-events-container a, .banner-fancy-detail a {
	color: #fff
}

#news-others {
	margin: 2em 0 0
}

.newsbox {
	background-color: #5b388c;
	border-color: #754ea9
}

.businessbox {
	background-color: #a02b22;
	border-color: #c14f45
}

.eventsbox {
	background-color: #017f7c;
	border-color: #25aaa7
}



section.hub button.show-all-services {
	background-color: #015B59;
}

article header h1 span:first-child {
	line-height: .4em;
	color: #008540;
	font-weight: 700;
	/*display: block; FA Icons on hubs sit next to text*/
	font-size: 1em;
	margin: 0;
}

    

main article section a.journey-start {
	background-color: #006231;
	color: #fff;
	display: inline-block;
	margin: 1em 1em 1em 0;
	padding: .5em 1em;
	font-size: 1.7em;
	text-decoration: none
}

	main article section a.journey-start:after {
		font-family: FontAwesome;
		position: relative;
		margin-left: 1em;
		content: "\f054"
	}

aside section a.chat-start {
	background-color: #005c98;
	color: #fff;
	display: inline-block;
	margin: 1em 1em 1em 0;
	padding: .5em 1em;
	font-size: 1.7em;
	text-decoration: none
}

	aside section a.chat-start:after {
		font-family: FontAwesome;
		position: relative;
		margin-left: 1em;
		content: "\f0e6"
	}

article footer nav li button:focus {
	background-color: #674817;
	outline: #674817 solid .2em;
	color: #fff;
	border: 0;
	box-shadow: 0 0 0 1px #674817
}

div > input[type=text].mnworking {
	background: url(../../img/ecc/sm_loading.gif) 95% center no-repeat
}

form select {
	width: 45%;
	background: url(../../img/ecc/helpers/webkit-select-dropdown.png) 99% no-repeat
}

form button {
	background-color: #006231;
}

#form_form div.form_progress span.form_progress_bar_inner {
	background: #008540;

}

#site-search-form input[type=search] {
	min-width:270px;
}

#site-search-form input[type=search]:focus {
	outline: #674817 solid .2em;
	box-shadow: 0 0 0 1px #674817
}

#site-search-form-page input[type=search] {
	height: 3em;
}

	#site-search-form-page input[type=search]:focus {
		outline: #674817 solid .2em;
		box-shadow: 0 0 0 1px #674817
	}

section.search-results h2 {
	line-height: 1.4em;
	font-size: 1.2em;
	margin: 0px;
}

#BasemapToggle .toggleButton {
	padding: 0;
	background: #fff;
	border: 1px solid #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}

#BasemapToggle, #oscopy {
	right: 10px;
	position: absolute
}

#BasemapToggle {
	top: 10px;
	z-index: 50
}

#mapDiv, .map .container {
	width: 100%;
	position: relative
}

.map .container {
	border: none;
	padding: 0;
	left: 0;
	top: 0;
	height: 100%;
	overflow: visible !important
}

#mapDiv {
	height: 400px;
	border: 1px solid #000
}

#oscopy {
	top: 370px;
	z-index: 50;
	font-size: .5em
}

.dijitReset:hover {
	background-color: transparent !important
}

.dijitSliderButtonContainer {
	width: 40px
}

.theMap {
	width: 100%;
	height: 500px;
	border: 1px solid #000
}

	.theMap table {
		width: auto
	}

		.theMap table td:hover {
			background-color: Transparent
		}

.no-background {
	background: 0 0
}


#footer-links-container #footer-padded-container  {
		background-color:#e5e5e5;
		padding:2em;
}

#footer-links-container p {
	color: #222;
	padding-top: 3.1em;
}

#footer-links-container a:focus {
	background-color: #006231;
	outline: #006231 solid .2em;
	color: #fff;
	border: 0;
	box-shadow: 0 0 0 1px #006231
}

#footer-links-container nav ul li a {
	color: #222
}

.footerUpdated {
	padding-top: 10px
}

/*article header .parts-nav {
	border-color: #008540 #fff #999;
	border-style: solid;
	border-width: 10px 0 1px
}*/

#content-jumper {
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	bottom: 0px;
	position: fixed;
	padding: 5px;
	border: 1px solid #006231;
	background: #006231;
	border-radius: 5px 5px 0px 0px;
	z-index: 1000;
}

	#content-jumper a {
		color: white;
	}

.header-logo {
	padding: .5em 0;
}

.myExeterLink:before {
	font: normal normal normal 19px / 1 FontAwesome;
	content: "\f007";
	padding-right: 5px;
	text-decoration: none !important;
}

a.myExeterLink {
	color: #ffffff !important;
	padding: 10px;
	margin-top: 1em;
	text-decoration: none;
	font-size: 1.1875em;
	border: 1px solid white;
}

@media only screen and (max-width: 768px) {
	#site-search-form {
		margin-top: 0.5em;
	}

	.myExeterLink {
		font-size: 1.125em;
	}

		.myExeterLink:before {
			font-size: 1.125em;
		}

	#site-search-form input[type=search] {
		width: 85%;
	}
}



#header-user-account {
	margin-top: 1.5em;
}

#header-functions-container-hide-mobile {
	margin-top: 1.5em;
}

#header-user-account a {
	color: #fff !important
}

	#header-user-account a:focus {
		color: #0b0c0c !important
	}

a:focus {
	background-color: #ffbf47;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47,0 4px #0b0c0c;
	text-decoration: none
}

#footer-links-container nav ul li a:focus {
	background-color: #ffbf47;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47,0 4px #0b0c0c;
	text-decoration: none
}

.hide-button:focus, .my_popup_close:focus {
	background-color: #ffbf47;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47,0 4px #0b0c0c;
	text-decoration: none
}

a.journey-start:focus {
	background-color: #ffbf47;
	/*border: 1px solid black;*/
	color: #0b0c0c !important;
	outline: 1px solid transparent;
	/*box-shadow: inset 0 0 0 1px #ffbf47*/
}

#btnGoTrack:focus {
	background-color: #ffbf47;
	border-color: #ffbf47;
	color: #0b0c0c;
	outline: 3px solid transparent;
	box-shadow: inset 0 0 0 1px #ffbf47
}

.more-info-nav-tab-inactive:focus {
	background-color: #ffbf47;
	border-color: #ffbf47;
	color: #0b0c0c;
	outline: 3px solid transparent;
	box-shadow: inset 0 0 0 1px #ffbf47
}

/*button.article-button:focus {
	box-shadow: 0 0 5px #009247;
	border: 1px solid #009247
}*/

p.moreinfo {
	background-color: transparent !important;
	text-align: left
}

.show-all-services:focus {
	background-color: #ffbf47 !important;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47,0 4px #0b0c0c;
	text-decoration: none
}

p.moreinfo a {
	color: #000;
	text-decoration: none
}

#breadcrumb-nav-container a:focus, #header-container a {
	color: #222
}

.eventsbox {
	background-color: #015b59
}


.twLoading {
	background: url(../../img/ecc/sm_loading.gif) 95% center no-repeat
}

.twTitle {
	margin-top: 2em;
	display: inline-block
}

.biniconsml {
	padding-right: 10px;
	vertical-align: middle;
	max-height: 70px
}

.binicon {
	padding-right: 10px
}

.brandTop {
	border-top: 8px solid #008540
}

#footer-container {
	background-color: #e5e5e5;
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
	.header-logo img {
		content: url(../../img/ecc/logos/ecc_brand_300x106.png)
	}

	#header-user-account img, .sc_mobile img {
		content: url(../../img/ecc/sc_smallx2.jpg)
	}
}

.sc_mobile, .sc_mobile a, .sc_mobile img {
	padding-top: 23px;
	outline: 0;
	background-color: #000;
	color: #000;
	border-color: #000;
	box-shadow: none
}

@media only screen and (max-width:480px) {
	div.content-homepage article section.hub span.fa {
		margin-top: 10px
	}

	.column-one .banner-fancy-detail .media img {
		vertical-align: middle
	}
}

@media only screen and (min-width:480px) {
	div.content-homepage article section.hub h1 {
		margin: 20px 0 10px
	}

	div.content-homepage article section.hub span.fa {
		margin-top: 30px
	}

	.column-one .banner-fancy-detail .title {
		font-size: 1em
	}

	/*article header .parts-nav {
		border-color: #008540 #fff #999;
		border-style: solid;
		border-width: 10px 0 1px
	}*/
}

@media only screen and (min-width:768px) {
	div.content-homepage article section.hub span.fa {
		margin-top: 0
	}

	.column-one .banner-fancy-detail .title {
		font-size: 1.75em
	}

	.column-one .banner-fancy-detail .media img {
		margin-top: -30%
	}

	div.content-homepage section.hub li:nth-child(2) h2, div.content-homepage section.hub li:nth-child(3) h2 {
		border: none
	}

	#homepage-popular-actions-left-box, #homepage-popular-actions-right-box {
		position: absolute;
		bottom: 0;
		z-index: 10;
		margin: 0 0 2.5%;
		border: 1px solid #069045
	}

	#homepage-popular-actions-left-box {
		left: 0;
		width: 50%;
		border: none
	}

	#homepage-popular-actions-right-box {
		right: 0;
		background-color: rgba(255,255,255,.8);
		width: 30%
	}

	.bkg-pic {
		height: 400px
	}

	#homepage-popular-actions-boxes-container p {
		margin: 1em;
		padding: 0 1em
	}

	.grid-islands {
		flex-direction: row;
		-ms-flex-direction: row
	}

		.grid-islands .column-one, .grid-islands .column-two {
			float: left
		}

		.grid-islands .column-one {
			width: 75%
		}

		.grid-islands .column-two {
			width: 25%;
		}


	.homepagebox {
		margin: 0 0 2em;
		min-height: 25em;
		max-height: 30em
	}

	div.content-hub header h1 .fa-solid,
	div.content-hub header h1 .fa-brand
	div.content-hub header h1 .fa-regular {
		color: #008540;
		padding: 15px 0px;
	}

	div.content-homepage section.hub li p, div.content-hub section.hub li p, div.content-hub section.hub-countryside li p {
		word-wrap: break-word
	}

	div.content-homepage section.hub li, div.content-hub section.hub li, div.content-hub section.hub-countryside li {
		float: left;
		width: 30%;
		margin: .5em 0 .25em 5%
	}

	div.content-hub section.hub-countryside li {
		width: 45%
	}

		div.content-homepage section.hub li:nth-child(3n+1), div.content-hub section.hub li:nth-child(3n+1), div.content-hub section.hub-countryside li:nth-child(2n+1) {
			clear: left;
			margin: .5em 0 0
		}

	.hub-block li {
		margin: 0 !important;
		width: 100% !important
	}

	#footer-container {
		margin-top: 30px; /* Due to removal of the whats wrong with this page section */
		position: relative;
		background-color: #e5e5e5;
		min-height: 23em;
	}
}

.safariColumnOneHack, .safariColumnTwoHack {
	width: 100% !important
}

.safariGridIslandsHack {
	display: block !important
}

.safariColumnOneHack .banner-fancy-detail .media img {
	margin-top: 0 !important
}

.banner-fancy-detail div.banner-overlay {
	background-color: rgba(33, 33, 33, .8);
}

#padlock {
	float: right
}

	#padlock a {
		color: #222
	}

/*#findOutBtn {
    top: 24px
}*/

.box a {
	color: #00602e;
}

.box {
	background-color: #f6f6f6;
}

#footer-container div#copy {
	clear: both;
	width: 30%;
	float: right;
	margin: 0 0 0 5%;
}

	#footer-container div#copy p {
		text-align: left;
	}

/*.tiptap a[rel=external]:after, a[rel=external]:after {
    font-family: FontAwesome;
    content: " \f08e";
}*/


.list_service_item .list_signed_link {
	color: #000;
	font-size: 1.2em;
	/* min-height: 4.5rem; */
	line-height: 1.35em;
	display: flex;
	/* border-left: 7px solid #2C5868; */
	/* padding: .75rem 4.5rem .75rem 1rem; */
	text-align: left;
	position: relative;
	text-decoration: none;
	font-weight: 700;
	height: 100%;
	/* box-shadow: 0 2px 4px rgb(85 88 88 / 30%); */
	/* background-color: #fff; */
	padding: 0em 0em;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
}



.list_service_item_outer {
	margin: 1.5em 0em;
}

.list_service_link_heading {
	padding: 10px 10px 10px 0px;
	width: 90%;
}

.list_service_link_signed {
	display: flex;
	/* border-left: 7px solid #2C5868; */
	/* padding: .75rem 4.5rem .75rem 1rem; */
	text-align: left;
	position: relative;
	text-decoration: underline;
	font-weight: 700;
	height: 100%;
}

.news-event-listitem a {
	position: relative;
	display: flex;
}

#toc li a:focus {
	background-color: #ffbf47 !important;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47, 0 4px #0b0c0c !important;
	text-decoration: none;
	display: flex;
}

#content-jumper {
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	width: 90px;
	bottom: 0px;
	position: static;
	padding: 5px;
	border: 1px solid #006231;
	background: #006231;
	border-radius: 5px 5px 0px 0px;
	z-index: 1000;
}

	#content-jumper a {
		color: white;
	}

/*Tabs**/

[role="tablist"] {
	min-width: 100%;
}

[role="tab"],
[role="tab"]:focus,
[role="tab"]:hover {
	display: inline-block;
	position: relative;
	z-index: 2;
	top: 2px;
	margin: 0;
	margin-top: 4px;
	padding: 3px 3px 4px;
	border: 1px solid hsl(219deg 1% 72%);
	border-bottom: 2px solid hsl(219deg 1% 72%);
	border-radius: 5px 5px 0 0;
	background: hsl(220deg 20% 94%);
	outline: none;
	font-weight: bold;
	max-width: 33%;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
}

	[role="tab"][aria-selected="true"] {
		padding: 2px 2px 4px;
		margin-top: 0;
		border-width: 2px;
		border-top-width: 6px;
		border-top-color: #008540;
		border-bottom-color: hsl(220deg 43% 99%);
		background: hsl(220deg 43% 99%);
	}

	[role="tab"][aria-selected="false"] {
		border-bottom: 1px solid hsl(219deg 1% 72%);
	}

	[role="tab"] span.focus {
		display: inline-block;
		margin: 2px;
		padding: 4px 6px;
	}

	[role="tab"]:hover span.focus,
	[role="tab"]:focus span.focus,
	[role="tab"]:active span.focus {
		padding: 2px 4px;
		border: 2px solid rgb(36 116 214);
		border-radius: 3px;
	}

[role="tabpanel"] {
	padding: 5px;
	/*border: 2px solid hsl(219deg 1% 72%);*/
	/*border-radius: 0 5px 5px;
	background: hsl(220deg 43% 99%);*/
	min-height: 10em;
	width: 100%;
	overflow: auto;
}

	[role="tabpanel"].is-hidden {
		display: none;
	}


@media only screen and (max-width: 480px) {
	[role="tab"], [role="tab"]:focus, [role="tab"]:hover {
		margin: 0;
		padding: 1em 0 1em 1em;
		border-width: 0px;
		display: block;
		position: relative;
		width: 100%;
		max-width: 100%;
		background: #fff;
		border-radius: 0px;
		border: 0px;
	}

		[role="tab"][aria-selected="true"] {
			background-color: #e5e5e5;
			color: #222;
			text-decoration: none;
			padding: 1em 0 1em 1em;
		}

			[role="tab"][aria-selected="true"]:after {
				font-family: FontAwesome;
				right: 1em;
				content: "\f077";
				position: absolute;
			}

		[role="tab"][aria-selected="false"]:after {
			font-family: FontAwesome;
			right: 1em;
			content: "\f078";
			position: absolute;
		}
}


#page-support-nav button {
	position: relative;
	color: white;
	text-decoration: none;
	min-height: 3em;
	line-height: 1.1em;
}


.page-support-closed:before {
	text-align: center;
	display: inline-block;
	content: "\f055";
	color: white;
	
	font-size: 2.3em;
	margin-right: 0.5em;
	padding: 0 0.2em;
	min-width: 0.7em;
}

.page-support-open:before {
	text-align:center;
	display: inline-block;
	content: "\f056" !important;
	color: white;
	font-size: 2.3em;
	margin-right: 0.5em;
	padding-bottom: 0.4em !important;
	min-width: 0.7em;
	height: 0.7em;
}

/*PS 20/02/26 - Page Support*/
#page-support-report-page-problem-gdpr {
	height: 24px;
	width: 24px;
	vertical-align: top;
}

form label.inline {
	display: inline;
}

#page-support-report-page-problem-content button {
	margin-top: 20px;
}

.legend-header {
	font-size: 1.35em;
	line-height: 1.35em;
	font-weight: 700;
}

aside.page-support {
	margin: 0;
}

.content-displayed {
	margin-bottom: 30px;
}

#footer-container {
	margin-top: 0px;
	border-top: 3px solid #008540;
}

#form-problem-header-toggle.article-button-open:before {
	content: "\f056";
}

#form-problem-header-toggle.article-button-closed:before {
	content: "\f055";
}

#form-problem-header-toggle {
	background-color: #000;
	color: white;
	padding-left: 1em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

	#form-problem-header-toggle:before {
		font-family: FontAwesome;
		margin-right: 5px;
		font-size: 1.5em;
		font-weight: 900;
		float: right;
		color: white;
		padding-right: 0.5em;
	}

#page-support-report-page-problem-content {
	padding-top: 1.5em;
}

.list_service_item .list_signed_link:after {
	background-position: center;
	background-size: 1.125rem;
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f054";
	color: #2C5868;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	position: absolute;
	right: 0;
	padding-top: 7px;
	/*width: 2.125rem;*/
}

/*PS 10/3/26 Home page links*/

.list_signed_link:focus-visible {
	outline-offset: 0px;
}



a.list_service_link_signed:focus {
	background-color: #ffbf47;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47, 0 4px #0b0c0c;
	text-decoration: none;
}

	a.list_service_link_signed:focus:after {
		color: #fff;
		background-color: #000;
	}

	.list_service_item .list_signed_link {
		font-size: 1.2em;
		line-height: 1.35em;
		display: flex;
		text-align: left;
		position: relative;
		text-decoration: none;
		font-weight: 700;
		height: 3em;
		padding: 0.5em 0em;
		margin-bottom: 0.5em;
		margin-top: 0.25em;
	}
	
div.content-homepage section.hub li.list_service_item h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.list_service_header {
	width: 100%;
}

div.content-homepage section.hub .more-services li h2 {
	padding-bottom: 0em;
}

.list_service_link_heading {
	padding: 10px 10px 10px 0px;
	width: 90%;
}

	.list_service_link_heading a {
		font-size: 1.1em
	}
.list_service_item_outer {
	/*padding: 10px;*/
	min-height: 250px;
	position: relative;
}

.list_service_links {
	/*position: absolute;
        bottom: 0px;*/
	/*width: 95%;*/
	background-color: rgb(241, 243, 250)
}

.list_service_link_signed {
	display: flex;
	/*border-left: 7px solid #2C5868;*/
	/*padding: .75rem 4.5rem .75rem 1rem;*/
	/*align-items: left;*/
	text-align: left;
	position: relative;
	text-decoration: none;
	font-weight: 700;
	height: 100%;
	color: #000;
}

a.list_signed_link:hover {
	background-color: #006231;
	color: #fff;
	border: 0;
}

	a.list_signed_link:hover:after {
		color: #000;
		border: 0;
	}

a.list_signed_link:focus, a.list_signed_link:active {
	background-color: #ffbf47;
	outline: 3px solid transparent;
	color: #0b0c0c !important;
	border: 0;
	box-shadow: 0 -2px #ffbf47, 0 4px #0b0c0c;
	text-decoration: none;
}


.list_service_link_signed:after {
	font-family: "FontAwesome";
	font-weight: 600;
	content: "\f054";
	color: #fff;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	position: relative;
	right: 0px;
	padding: 10px;
	background-color: #006231;
}

.list_service_link_signed:hover {
	background-color: #006231;
	outline: #006231 solid 0.2em;
	color: #fff;
	border: 0;
	box-shadow: 0 0 0 1px #009247;
}

	a.list_service_link_signed:hover:after, a.list_signed_link:hover:after {
		color: #fff;
	}

a.list_signed_link:active:after, a.list_signed_link:focus:after {
	color: #000 !important;
}
 
.list_service_link_signed:focus-visible {
	outline-offset: 0px;
}

.list_service_description {
	padding: 10px 0px 20px 0px;
	height: 6em;
}

.list_service_link_inner {
	padding: 0px 0px 0px 5px;
	border-bottom: 5px solid #fff;
}


@media only screen and (max-width: 768px) {
	.list_service_item_outer {
		min-height: 50px;
	}

	.list_service_link_heading {
		width: 100%;
	}
		.list_service_link_heading:focus {
			background-color: #006231;
			color: #fff;
		}

	a.list_service_link_signed:focus {
		color: #fff;
	}
}

#homepage-popular-actions-boxes-container ol li {
	padding: 0em 1em;
}

#homepage-popular-actions-boxes-container h1 {
	margin: 0 0.5em;
}

/*Accessibility fixes*/

.t_info h2 a, .t_guide h2 a,.t_campaign h2 a {
		display:inline-block;
		min-height: 44px;
	}

.t_info li > a, .t_guide li > a, .t_campaign > li > a {
	padding: 0.85em 0em;
	line-height: 2.4em;
}

.t_info tr > td > a, .t_guide tr > td > a, .t_campaign tr > td > a {
	padding: 0.85em 0em;
	line-height: 3em;
}

.t_info .link-padder, .t_guide .link-padder, .t_campaign .link-padder, .hub .link-padder {
	padding: 0.65em 0em;
}

#breadcrumb-nav-container li a {
	padding: 0.7em 0em;
}

article header h1 span:first-child:not(.subhub-heading):not(.heading-icon) {
	line-height: .4em;
	color: #008540;
	font-weight: 700;
	font-size: 0.8em;
	margin-bottom: 0.2em;
}

#kiosk a {
    color: #296161;
	font-size: 1.2em;
	text-decoration: none;
}


.internal-links div.section {
    height: 240px;
}

.bText {
	line-height:1.5em;
}

/* box styling now lives on the paragraph, driven by the child class */
div:has(> span.boxtext-highlight)
{
  border-left: 4px solid #000;
  padding-left: 1em;
}

/* neutralise the old inline-span styling so it stops making blocks */
.boxtext-highlight {
  display: inline;
  border-left: none;
  padding-left: 0;
}