/***Version 08012614:40***/

/**********
LIVE - This is the exact copy of UAT - Sunit

17 Oct 25 - li to 5px from 1.5rem (showcase by DS to someone)
19 September 2025 -  SBC Accordion - 
23 December 2024 - GDS standard added

 **********/

/***===================================================
=======================================================
GLOBAL SECTION
=======================================================
====================================================***/


/***Version 18072514:54***/

/**********
UAT
 
Start Implementing GDS standard

 **********/

/***===================================================
=======================================================
GLOBAL SECTION
=======================================================
====================================================***/


/***
Starts new GDS*
***/

html {
	font-family: 'Inter', sans-serif;
	color: #0b0c0c;
}

body {
	font-size: 1.2rem;
	line-height: 1.5
}

hr {
	border-bottom: 1px solid #b1b4b6;
	border-top: 0;
	margin: 2.5rem 0;
}


hr.sbc-sectiob-br {
	border-bottom: 1px solid #b1b4b6;
	margin: 2.5rem 0
}

/***LINKS AND BUTTONS***/

a {
	font-size: 1.1875rem;
	color: #1d70b8;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: max(1px, .0625rem);
	text-underline-offset: .25em;
	transition: none;
	min-height: 24px;
	min-width: 24px
}


a:hover {
	color: #003078;
	text-decoration-thickness: max(3px, .1875rem, .12em);
}

a:focus {
	background-color: #0b0c0c;
	box-shadow: 0 -2px #f47b20 0 3px #0b0c0c;
	color: #fff;
	text-decoration: none;
	outline: 3px solid transparent;
}

a:active {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 3px #0b0c0c;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}

a.button,
button.button,
.form__component--location .remove-pin-btn,
.form__dropzone-upload-button.button, a.button.alert__link, button.sbc-open-close {
	/*
	line-height: 1.5;
	padding: 0.875rem 1.5rem;
	font-size: 1.25rem;
	font-weight: 500;
	background: #b3c3ff;
	color: #0b0c0c;
	border-radius: 40px;
	border-bottom-color: #be5709;
	border: 0;
	margin: 0.875rem 0;
	text-align: left;
	line-height: 25px; padding: 13.5px 25px 10.5px; font-size: 24px; font-weight: 500;  background: #f47b20;
    color: #0b0c0c; border-radius: 24px;  margin: 20px 0; background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.67%2C18.89A1%2C1%2C0%2C0%2C1%2C9%2C17.14L14.89%2C12%2C9%2C6.86a1%2C1%2C0%2C0%2C1%2C1.32-1.5l6.73%2C5.89a1%2C1%2C0%2C0%2C1%2C0%2C1.5l-6.73%2C5.89A1%2C1%2C0%2C0%2C1%2C9.67%2C18.89Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat; background-position: 92% 60%; padding-right: 90px; border-bottom-color: #be5709;
	*/
	
	line-height: 1.5;
    padding: 0.875rem 1.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    background: #f47b20;
    color: #0b0c0c;
    border-radius: 40px;
    border: 2px solid #fff;
    margin: 0.875rem 0;
    text-align: left;
}


a.button:hover, 
button.button:hover,
.form__component--location .remove-pin-btn:hover,
.form__dropzone-upload-button.button:hover, .alert .alert__link:hover, button.sbc-open-close:hover {

	background-color: #003e52;
    color: #fff;
    border: 2px solid #fff;
}

a.button:focus,
button.button:focus,
.form__component--location .remove-pin-btn:focus,
.form__dropzone-upload-button.button:focus, .alert .alert__link:focus, button.sbc-open-close:focus {
	background-color: #0b0c0c;
    color: #fff;
    text-decoration: none;
    outline: 3px solid transparent;
	border: 2px solid #fff;
    box-shadow: #f47b20 0px 0px 0px 2px !important;
}

a.button:active, 
button.button:active,
.form__component--location .remove-pin-btn:active,
.form__dropzone-upload-button.button:active, .alert .alert__link:active, button.sbc-open-close:active {
	background-color: #0b0c0c!important;
	color:#fff !important;
	outline: 3px solid transparent;
}


/*****HEADER AND NAV****/

/* .nav--breadcrumb {
	color: #0b0c0c !important;
}
 */
/*****HEADER AND NAV ENDS****/


/*****LINKS AND BUTTON END****/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
}

h1 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.0416666667;
	margin-bottom: 1.75rem;
	margin-top: 2.5rem;
}

h1+.site-content__main {
	padding-top: 2.5rem;
	border-top: 1px solid #b1b4b6;
}

.home-page h1 {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 25px;
	margin-top: 25px;
}

/* ST- disabling so DS can show to service user - 030125
h2 {
    font-size:2.25rem;
    line-height: 1.11111;
    font-weight:600;
    border-top: 1px solid #b1b4b6;
    padding-top:2.5rem
}
*/

h2:first-of-type {
	border-top: none
}

h2 {
	font-size: 2.25rem;
	line-height: 1.1111111111;
	font-weight: 600

}

h2, h3 { border-bottom: 1px solid transparent;
    padding-bottom: 1rem;
}

h3,
h4,
h5,
h6 {
	font: size 1.5rem;
	line-height: 1.25;
	font-weight: 600
}


/*
h1 {
	font-weight:700; font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 30px; margin-top:40px;
}*/

li {
	font-size: 1.1875rem;
	line-height: 1.3157894737;
    /* margin-bottom: 1rem */
    margin-bottom:10px
}

p {
	font-size: 1.1875rem;
	line-height: 1.5;
	overflow-wrap: break-word;
	margin: 0 0 1.75rem;
}

/***Ends new GDS****/


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.home-page h1 {
		font-size: 3rem;
		line-height: 3.2rem;
	}
}


h1+.site-content__main {
	padding-top: 1.5rem;
}

h2 {
	font-size: 2rem;
	margin-bottom: 18px;
	font-weight: 600;
}

h3 {
	font-size: 1.8rem;
    /*line-height: 30px;*/
    line-height:1.25;
	margin-top: 0px;
	margin-bottom: 18px;
	font-weight: 600;
}

h4 {
	font-size: 1.5rem;
	line-height: 30px;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

h5 {
	font-size: 1.4rem;
	line-height: 30px;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

h6 {
	font-size: 1.3rem;
	line-height: 30px;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	h1 {
		font-size: 3rem;
		line-height: 3.2rem;
	}

	h2 {
		font-size: 2.5rem;
	}

	h3 {
		font-size: 2rem;
	}

	h4 {
		font-size: 1.8rem;
	}

	h5 {
		font-size: 1.5rem;
	}

	h6 {
		font-size: 1.3rem;
	}
}


p {
	/*font-size: 1.2rem; line-height: 1.5; margin-bottom: 24px*/
	font-size: 1.1875rem;
	line-height: 1.5;
	margin-bottom: 1.75rem;
	overflow-wrap: break-word;

}


ul {
	margin-bottom: 1.75rem;
}

li {
	font-size: 1.1875rem;
	line-height: 1.5;
    /* margin-bottom: 1rem */
    margin-bottom: 10px
}

li>ul,
li>ol {
	margin: 0.5rem 0rem 0.5rem 1.5rem;
}

ul>li>ul>li {
    margin-bottom: 10px 

}

/* ---------------------------------------------
LINKS AND BUTTONS
----------------------------------------------- */

.button {
	font-family: 'Inter', sans-serif; 
}

.buttonn {
	border-bottom-color: #f47b20 ;
	background: #f47b20 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #f47b20;
	font-size: 1.25rem;
	color: #0b0c0c;
}

.button--disabled {
	border-bottom-color: #ccc;
	background: #f3f2f1 none repeat scroll 0 0;
}

.button--disabled:active,
.button--disabled:focus,
.button--disabled:hover {
	border-bottom-color: #ccc;
	background: #ccc none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ccc;
	color: #333;
}

.button--prev {
	padding: 10.5px 25px 10.5px 50px !important;
}

.button--next {
	padding: 10.5px 50px 10.5px 20px !important;
}

.button--prev::before {
	line-height: normal;
	left: 13%;
	font-weight: 700
}

.button--next::before {
	line-height: normal;
	right: 13%;
	font-weight: 700
}


.item-list--definition .item-list--definition__content a {
	display: inline;
	word-break: break-word;
}

/*
.site-content__main form.form--form-builder button.button,
.xfpaction button.button {
	background-image: none;
}

.site-content__main form.form--form-builder button.button:hover,
.xfpaction button.button:hover {
	background-color: #f47b20;
	border-bottom-color: #f47b20;
	color: #0b0c0c;
}

.site-content__main form.form--form-builder button:focus,
form.form button:active,
form.form button:focus:active {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}

.xfpaction button:focus,
.xfpaction button:active,
.xfpaction button:focus:active {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}
*/




.alert :last-child.button {
	margin: 20px
}


.glyph-wrapper {
	margin-left: 10px
}

.glyph-ctn {
	transition: all .2s ease-in-out;
}

.nav--pagination a::before,
.nav--pagination a:hover::before,
.nav--pagination a em.nav--pagination__direction {
	color: #0b0c0c;
}



/* -------------------------------------------
END OF LINKS AND BUTTONS
---------------------------------------------- */

/* -------------------------------------------
FORMS
---------------------------------------------- */

.form__label--legend,
.form__label {
	font-size: 1.2rem;
	font-weight: 700;
}

.form__field,
.xfields:not([type="file"]) {
	font-family: 'Inter', sans-serif;
}

textarea {
	font-family: 'Inter', sans-serif;
}

.search-results .gsc-control-cse,
.search-results .gsc-control-cse .gsc-table-result {
	font-family: 'Inter', sans-serif;
}

/* ----------------------------
END OF FORMS
----------------------------- */


/***===================================================
=======================================================
HEADER SECTION
=======================================================
====================================================***/

.site-header {
	background: #24282a;
	height: 6rem !important;
	padding-top: 10px;
}

.site-header .container {
	max-width: 1100px
}

/***Replacing text with logo on the header***/

.site-header__logo {
	background: no-repeat 0/contain url("/site/images/logo.svg");
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	padding: 1.5rem 0 0 0;
	margin-top: 0.2rem;
	text-indent: -9999px
}

.site-header a {
	color: #fff;
}

.site-header a.site-header__toggle:hover {
	color: #0b0c0c;
	background: #f47b20;
}

.site-header__toggle.active,
.site-header__toggle.active:focus {
	background-color: #f47b20;
}

.site-header__links {
	background: #24282a;
	color: #fff;
	border-bottom: none;
}

.site-header__links .item-list li {
	margin-bottom: 0
}

.site-header__links a {
	color: #fff;
	background: #f47b20;
}

.site-header__search {
	background: #24282a;
	border: none;
	top: 5.1rem;
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	.site-header__links {
		top: 5.5rem;
	}
	.site-header__links a {
		color: #fff;
		background-color: transparent;
	}
	.site-header__search {
		background: #24282a;
		border: none;
		top: auto;
	}
	
}

.site-header__links a:hover::before {
	color: #0b0c0c;
}

.site-header__links a:hover {
	background: #f47b20;
	color: #0b0c0c;
}


.site-header__search .button {
	background: #f47b20;
	/*color: #fff;*/
	border: 2px solid #fff;
	text-align: center;
}

.site-header__search .button:hover {
	background: #24282a;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.site-header__toggle.active {
	background: #f47b20;
	color: #fff;
}

/* ----------------------------
NAVIGATION
----------------------------- */

.nav .container {
	max-width: 1100px
}

.nav--breadcrumb {
	background: #f3f2f1;
	color: #0b0c0c !important;
}

.nav--breadcrumb a {
	color: #0b0c0c !important;
}

.nav--breadcrumb a:hover {
	color: #0b0c0c !important;
	background-color: #f3f2f1;
}


.nav--breadcrumb .nav--breadcrumb__list {
	margin-bottom: -10px !important;
}

.nav--breadcrumb li {
	display: inline-block;
	margin-bottom: 5px
}

/* ----------------------------
END OF NAVIGATION
----------------------------- */

/***===================================================
=======================================================
MAIN SECTION
=======================================================
====================================================***/

.home-page.one-column .site-main>.container,
.site-main>.container {
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	/* max-width: 1100px;
	padding-left: 0;
	padding-right: 0; */

}

.home-page h1.page-heading {
	display: none;
}

/* ----------------------------
SITE ANNOUNCEMENT AND NOTIFICAION
----------------------------- */

/***Site wide***/

.site-announcement {
	max-width: 1100px;
	margin: 1rem auto 1rem auto;
	overflow-wrap: anywhere
}

.site-announcement .container {
	padding: 0;
}

.site-announcement .callout {
	border: none;
	background-color: #fff;
	padding: 2rem;
	border: 5px solid #f47b20;
	margin: 1rem 1rem 1rem 1rem;
	padding: 0.8rem 1.0rem;
	border-radius: 10px;
}

.site-announcement .callout h2::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

.site-announcement .callout__heading.h2 {
	font-family: "Inter", sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	border-bottom: 1px solid #b1b4b6;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.site-announcement .callout__heading.h2::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

/***Homepage Custom***/

.site-main .site-announcement .container {
	padding: 0;
}

.site-main .callout.callout--warning {
	margin: 0;
}

.site-announcement .callout h2,
.site-announcement .callout p {
	margin-left: 0;
}

.site-announcement .callout h2 {
	font-weight: 600;
	border-bottom: 1px solid #b1b4b6;
	font-size: 1.7rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.site-announcement .callout h2 .fa {
	padding-right: 10px
}

.site-announcement .callout p {
	margin-bottom: 1rem
}

.site-announcement .callout p:last-child {
	margin-bottom: 0
}

.site-announcement a.button {
	border: 0;
	border-radius: 0;
	background: none;
	padding: 0;
	color: #1d70b8;
	margin: 0;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: underline !important;
}

.site-announcement a.button:hover {
	color: #003078;
	text-decoration-thickness: max(3px, .1875rem, .12em) !important;
}

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

.boxed, 
.form__control--boxed, 
.supplement, 
.widget--my-account-direct-debits, 
.widget--my-account-forms {

	border-radius: 5px;
	background: #fafafa; 
    border: 1px solid #f3f2f1;

}

/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {

	.site-announcement .callout {
		margin: 1rem 1rem 1rem 1rem;
		padding: 0.8rem 1.0rem;
	}

	.site-announcement .callout p {
		font-size: 100%
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	.site-announcement .callout {
		margin: 1rem 1rem 1rem 1rem;
		padding: 0.8rem 1.0rem;
	}

	.site-announcement .callout p {
		font-size: 100%
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	.site-announcement .callout {
		background-color: #fff;
		padding: 2rem;
		border: 5px solid #f47b20;
	}

	.site-announcement .callout h2 {
		font-weight: 600;
		border-bottom: 1px solid #b1b4b6;
		padding-bottom: 1rem;
		margin-bottom: 1.3rem;
	}

	.site-announcement .callout h2 .fa {
		padding-right: 10px
	}

	.site-announcement .callout p {
		margin-bottom: 1rem
	}

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.site-announcement .callout {
		background-color: #fff;
		padding: 2rem;
		border: 5px solid #f47b20;
		margin: 1rem 0;
	}

	.site-announcement .callout h2 {
		font-weight: 600;
		border-bottom: 1px solid #b1b4b6;
		padding-bottom: 1rem;
		margin-bottom: 1.3rem;
	}

	.site-announcement .callout h2 .fa {
		padding-right: 10px
	}

	.site-announcement .callout p {
		margin-bottom: 1rem
	}

}

@media only screen and (max-width: 500px) {
	.site-announcement .callout {
		margin: 1rem 1rem 1rem 1rem;
		padding: 0.8rem 1.0rem;
	}

	.site-announcement .callout h2 {
		font-size: 1.4rem
	}

	.site-announcement .callout p {
		font-size: 100%
	}
}

/***Content Page Announcement***/

div.important-message,
div.important-info {
	margin-bottom: 2em;
	padding: 1rem;
	border: 5px solid #f47b20;
	overflow-wrap: break-word;
	border-radius: 10px;
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	div.important-message,
	div.important-info {
		padding: 2rem;
	}
}

div.important-message h2::before,
div.important-message h3::before,
div.important-message h4::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

div.important-message h2,
div.important-message h3,
div.important-message h4 {
	font-weight: 600;
	font-size: 1.7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #b1b4b6;

}

div.important-message p:first-child,
div.important-message p:last-child {
	margin-bottom: 0
}

div.important-info h2::before,
div.important-info h3::before,
div.important-info h4::before {
	font-family: "Font Awesome 5 Free";
	content: "\f05a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

div.important-info h2,
div.important-info h3,
div.important-info h4 {
	font-weight: 600;
	font-size: 1.7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #b1b4b6;

}

div.important-info p:first-child,
div.important-info p:last-child {
	margin-bottom: 0
}


/* ----------------------------
END OF SITE ANNOUNCEMENT
----------------------------- */

/* ----------------------------
HOME PAGE - to be removed after checking again
----------------------------- */
.all-services {
	background-color: #edf7ff;
	padding: 1rem 0;
	margin-bottom: 1rem;
}

.services-link {
	text-align: center;
}

.services-link a {
	color: #003e52;
	text-decoration: none
}

.services-link a:hover {
	color: #003e52;
}

.services-link a:hover i.glyph-ctn {
	transform: scale(1.3)
}

/* ----------------------------
END OF HOME PAGE
----------------------------- */


/* ----------------------------
NEWS AND ANNOUNCEMENT
----------------------------- */

h2.callout__heading {

	font-weight: 600;
}

.callout--feature {
	border-radius: 5px;
    background: #fafafa;
    border: 1px solid #f3f2f1;
	color:inherit
}


.callout--feature .date
{
	color: inherit;
}

.callout--feature .callout__heading a, .callout--feature .callout__subheading a, .callout--feature .callout__text a, .callout--feature .item-list a, .callout--feature .date a {
	font-size: 1.1875rem;
    color: #1d70b8;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: .25em;
    transition: none;
    min-height: 24px;
}

.callout--feature .callout__heading a:hover,.callout--feature .callout__subheading a:hover, .callout--feature .callout__text a:hover, .callout--feature .item-list a:hover, .callout--feature .date a:hover {

	color: #003078;
	text-decoration-thickness: max(3px, .1875rem, .12em);
	text-decoration: underline

}


div.calendar .button {
	background-image: none;
	border-radius: 5px;
	margin: 0;
	font-size: inherit;
}


div.calendar .button:hover {
	background-image: none;
}


/* adjusts design of site announcement at top of page */

.site-announcement .container .calloutt {
	border-radius: 0px;
	border: none;
	background-color: #fff;
	padding: 0.8rem 1.0rem 0.8rem 2rem;
	margin: 1rem 1rem 1rem 4rem;
	border-left: 12px solid #f47b20;
}


/* ----------------------------
SIDEBAR
----------------------------- */

.sidebar--primary {
	margin-top: 0
}

.sidebar--primary>:first-child {
    
    border-top: 10px solid #f47b20;
}

.sidebar--secondary>*:first-child {
	border-top: 10px solid #f47b20;
}

.sidebar--secondary li.related-links__directory {
	line-height: 1.5;
	margin-bottom: 10px
}

/* Background colour is now changed to #fafafa all over the site e.g form, my account page - DS/ST*/
/*
.supplement {
	border-radius: 5px;
	background: #fafafa; 
    border: 1px solid #f3f2f1;
}
*/

h2.supplement__heading {
	font-size: 1.8rem;
	font-weight: 600;
}

/* ----------------------------
A to Z list buttons
----------------------------- */

a.button.button--standout {
	margin: 10px 0;
}

.item-list--az .button--disabled {
	color: #3d3d3d !important; /*Need to change this colour, need to decide on a GDS colour. On hold for now 09/05/25*/
	margin: 10px 0
}

.item-list--az>li .button {
	border-radius: 5px;
	padding: 8px 12px;
	background-image: none;
}

.item-list--az>li .button:hover {
	background-image: none;
}

/* ----------------------------
End of A to Z list buttons
----------------------------- */

/* orange buttons */

.alert {
	width: 100%;
	float: left;
	background-color: #fafafa;
	border: 3px solid #f47b20;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 30px;
}

.alert--danger,
.alert--error {
	float: none !important;
}


/* ----------------------------
Table
----------------------------- */

table thead th,
table thead td {
	font-family: "Inter", sans-serif;
}

table th,
table td {
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #0b0c0c;
	border-top: 1px solid #0b0c0c;
}


/* Table highlighted cells */

.editor td.highlightCell,
.editor tr.highlightRow td {
	background: #f47b20 none repeat scroll 0 0;
	color: #fff;
	font-weight: 700;
}

/* ----------------------------
End of Table
----------------------------- */


/* reduce icon size */
@media screen and (min-width: 850px) {

	.widget--custom-tasks__task [class^="icon-"] {
		font-size: 5rem;
		margin-bottom: 0.75rem;
	}

	.widget--custom-tasks__sub-container .item-list>li {
		padding-top: 1.5em;
	}

	.widget--custom-services__service h3 {
		color: #333;
	}

	.widget--custom-services__toggle {
		color: #333;
	}

}

/* User Guide */

div.userguide {
	float: left;
	width: 48%;
	padding: 0.5em 1.5% 0;
	border: 2px #b1b4b6 solid;
	border-radius: 5px;
	margin: 0.5em 4% 0.5em 0;
	text-align: center;
}

div.userguide:nth-of-type(even) {
	margin: 0.5em 0;
}

.userguide img {
	width: 100% !important;
	float: left;
	margin-bottom: 0.5em;
	border-radius: 3px;
}


@media screen and (min-width:768px) {
	div.userguide {
		width: 23.5%;
		padding: 0.5em 1.5% 0;
		margin: 0.5em 1.5% 0.5em 0;
		text-align: center;
	}

	div.userguide:nth-of-type(2n) {
		margin: 0.5em 1.5% 0.5em 0;
	}

	.userguide img {
		width: 100% !important;
		border-radius: 3px;
	}
}


/* Temp presentation override */

@media screen and (min-width: 1000px) and (max-width: 1024px) {

	.container,
	.site-header__links,
	.widget--custom-services__intro,
	.widget--custom-carousel__text {
		padding-left: 2.75rem;
		padding-right: 2.75rem;
	}

	.widget--custom-tasks__task [class^="icon-"] {
		font-size: 4rem;
		margin-bottom: 0.75rem;
	}


	.widget--custom-tasks__task .fa {
		font-size: 3.75rem;
	}

	.widget--custom-tasks__task h3 {
		font-size: 1.5rem;
	}

	.widget--custom-tasks__task h4 {
		font-size: 1.25rem;
	}

	.widget--custom-tasks__task p {
		font-size: 0.8rem;
	}

	.styles999 .widget--custom-tasks__task h3 {
		font-size: 1.25rem;
	}


	div.styles999 h2 {
		font-size: 2.5rem;
	}

	div.styles999 h2+p {
		font-size: 1rem;
	}

	.widget--custom-services__service h3 {
		font-size: 1.25rem;
	}

	.widget--custom-services__service p {
		font-size: 0.8rem;
	}
}


/* start of updates 12.07.18 */


/* puts 'my account', 'menu' and menu items in the nav in lower case */

.site-header a.site-header__toggle,
.site-header nav.site-header__links ul.item-list li a,
.site-header nav.site-header__links ul.item-list--inline li a {
	text-transform: none;
	font-size: 1.1rem;
	border-radius: 5px;
}

/* reduces the width of the site's content */

.containerR,
.site-header__links .item-list {
	max-width: 1100px;
}

/* reduces the width of a content page's heading in desktop view; meaning it doesn't overlap 'related items' */

@media only screen and (min-width: 500px) {
	h1.page-heading {
		/*width:66%;*/
	}
}

/* end of updates 12.07.18 */
/****Feedback Page at the bottom ***/

h2.form__heading {
	font-size: 2rem;
    font-weight: 600;
}

.form--page-feedback {
	margin: 2.5rem 0 1.5rem 0;
}

/****Feedback Page at the bottom ***/

/***===================================================
=======================================================
FOOTER
=======================================================
====================================================***/

.site-footer__logo a {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
}

/***===================================================
=======================================================
MEDIA QUERIES
=======================================================
====================================================***/

/***===================================================
=======================================================
ACCESSIBILITY
=======================================================
====================================================***/

/***FOCUS AND HOVER***/

/*Header*/
.site-header a:focus {
	background-color: #f47b20;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}

.site-header__search input.form__field:focus {
	background: #fff;
	outline: 3px solid #f47b20;
	outline-offset: 0;
}

.site-header__toggle:focus {
	background-color: #f47b20;
	box-shadow: none
}

/*Navigation*/
.nav--breadcrumb a:focus {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
	color: #0b0c0c !important;
	text-decoration: none;
	outline: 3px solid transparent;
}

/*Main*/
.site-main a:focus,
.site-main a:active,
.site-main a:focus:active {
	background-color: #f47b20;
    box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
    color: #0b0c0c;
    text-decoration: none;
    outline: 3px solid transparent;
}

.callout--feature a:focus {
	color:#0b0c0c !important
}

/*Form*/
.form__control--boxed {
    border: 1px solid #f3f2f1;
}
	input:focus,
	textarea:focus,
	select:focus {
		border: 3px solid #f47b20;
		outline: 3px solid #f47b20 !important;
		box-shadow: 0 0 3pt 2pt #f47b20;
		outline-offset: 0;
	}

	.form__radio:hover {
		cursor: pointer
	}

	.site-header__search input.form__field:focus {
		background: #fff;
		outline: 3px solid #f47b20;
		outline-offset: 0;
	}

	.site-header__toggle:focus {
		background-color: #f47b20;
		box-shadow: none
	}

	/*Home - Latest News and Events*/
	.latest-news-events__link:hover .latest-news-events__article-heading,
	.latest-news-events__link:focus .latest-news-events__article-heading,
	.latest-news-events__link:active .latest-news-events__article-heading {
		color: #0b0c0c;
	}

	/*Footer*/
	.site-footer a:hover {
		color: #fff
	}

	.site-footer a:focus {
		background-color: #f47b20;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}


	/***Accordion***/
	/***Note Using h2, h3, h4 as any can be used in accordion. Moving towards h2***/
	.accordion {
		overflow: hidden;
		position: relative
	}

	.site-content__main .editor .accordion h2 button {
		border: none;
		background: transparent;
		text-align: left
	}

	.site-content__main .editor .accordion h2 button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}

	.site-content__main .editor .accordion h3 button {
		border: none;
		background: transparent;
		text-align: left
	}

	.site-content__main .editor .accordion h3 button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}

	.site-content__main .editor .accordion h4 button {
		border: none;
		background: transparent;
		text-align: left
	}

	.site-content__main .editor .accordion h4 button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}


	/*ACCORDION NEW - This will take over the above when it gets implemented*/

	.site-content__main .editor .accordion-new .accordion-controls {
		text-align: right;
		margin-bottom: 20px;
	}

	.site-content__main .editor .accordion-new .accordion-controls button:hover {
		background-color: #ccc
	}

	.site-content__main .editor .accordion-new .accordion-heading {
		margin-bottom: .75rem;
		padding: .6em 2em .6em .8em;
		cursor: pointer;
		display: block;
		position: relative;
		color: #0b0c0c;
		transition: color 0.1s ease 0s, background-color 0.3s ease 0s;
		font-size: 1.5rem;
		background: #e1e1e1;
		border-left: 10px solid #f47b20 ;
	}

	.site-content__main .editor .accordion-new .accordion-heading[aria-expanded="true"] {
		background-color: #dad6d4
	}

	.site-content__main .editor .accordion-new .accordion-heading:hover {
		background-color: #ccc;
	}

	.site-content__main .editor .accordion-new .accordion-heading::after {
		position: absolute;
		width: 12px;
		height: 12px;
		border-right: 3px solid #f47b20;
		border-bottom: 3px solid #f47b20;
		right: 12px;
		content: " ";
		top: 20px;
		transform: rotate(45deg);
	}

	.site-content__main .editor .accordion-new .accordion-heading.arrow-up::after {
		position: absolute;
		width: 12px;
		height: 12px;
		border-right: 3px solid #f47b20;
		border-bottom: 3px solid #f47b20;
		right: 12px;
		content: " ";
		top: 25px;
		transform: rotate(225deg);
	}

	.site-content__main .editor .accordion-new .accordion-title {
		position: relative;
	}

	.site-content__main .editor .accordion-new button.accordion-title {
		border: none;
		background: transparent;
		text-align: left;
	}

	.site-content__main .editor .accordion-new button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}

	.site-content__main .editor .accordion-new .show {
		display: block
	}

	.site-content__main .editor .accordion-new .hide {
		display: none
	}


	/*********ACCORDION SBC - which is a new one - 020720251157 ****/

	.sbc-accordion {

		margin-bottom:1.75rem;
	}

.sbc-accordion-controls{
    text-align: right;
    margin-bottom: 20px;
}
.sbc-accordion-controls button:hover {
   /* background-color: #ccc;*/
    cursor:pointer; 
}
.sbc-accordion-heading{
    margin-bottom:1.25 rem; 
	padding: .8em 2em .8em .8em;
	border-radius: 5px;
    cursor:pointer; 
    display:block; 
    position:relative; 
    color: #0b0c0c;
    transition: color 0.1s ease 0s, background-color 0.3s ease 0s;
    font-size: 1.5rem; 
    background: #f3f2f1; 
    border-left: 10px solid #f47b20;
}
.sbc-accordion-heading[aria-expanded="true"]{
    background-color:#dad6d4
}
.sbc-accordion-heading:hover {
    background-color:#ccc;
}
.sbc-accordion-heading::after {
    position: absolute;
    width: 12px;
    height: 12px;
    border-right: 3px solid #0b0c0c;
    border-bottom: 3px solid #0b0c0c;
    right: 25px; 
    content: " "; 
    top: 25px; 
    transform: rotate(45deg);
}
.sbc-accordion-heading.arrow-up::after {
    position: absolute;
    width: 12px;
    height: 12px;
    border-right: 3px solid #0b0c0c;
    border-bottom: 3px solid #0b0c0c;
	right: 25px; 
	content: " "; 
    top: 31px; transform: rotate(225deg);
}
.sbc-accordion-title {
    position: relative;
}
.sbc-accordion button.sbc-accordion-title{
    border: none; 
    background: transparent; 
    text-align: left;
}
.sbc-accordion button:focus {
    background-color:#f47b20 ; 
    box-shadow: 0 -2px #f47b20 , 0 4px #171919; 
    color:#000; 
    text-decoration: none; outline: 3px solid transparent;
}
.sbc-accordion .show {
    display:block
}
.sbc-accordion .hide {
    display:none
}



/*********ACCORDION SBC ENDS ***********/

	/***===================================================
=======================================================
CIVIC COOKIE
=======================================================
====================================================***/

	#ccc {
		font-family: 'Inter', sans-serif !important;
		background-color: #003e52 !important
	}

	.ccc-content--dark {
		background-color: #003e52 !important
	}

	#ccc .ccc-content--dark .ccc-button-solid,
	#ccc .ccc-content--dark .ccc-button-solid span {
		background-color: #f47b20 !important;
	}

	#ccc #ccc-recommended-settings {
		background-color: #f47b20 !important;
		color: #0b0c0c !important;
		font-weight: 800 !important;
	}

	#ccc-recommended-settings span {
		color: #0b0c0c !important;
	}

	#ccc-notify-accept {
		background-color: #f47b20 !important;
		font-weight: 800 !important;
	}

	#ccc-notify-accept span {
		color: #0b0c0c !important
	}

	#ccc .ccc-notify-button {
		border-width: 1px !important
	}

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

	#ccc-icon.ccc-icon--dark {
		fill: #003e52 !important;
	}

	#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
		background-color: #f47b20 !important;
	}

	.ccc-vendors .ccc-vendor-reveal {
		opacity: 1 !important;
		border: 1px solid #3f6e7d !important;
		font-size: 75% !important;
		font-weight: 600 !important;
	}

	#ccc .ccc-vendor-reveal:hover,
	#ccc .ccc-vendor-reveal:focus,
	#ccc .ccc-vendor-reveal:active,
	#ccc .ccc-vendor-reveal:focus:active {
		border: 1px solid #fff !important;
		fill: #0b0c0c;
		background-color: #f47b20 !important;
		color: #0b0c0c !important;
		font-weight: 600 !important;
	}

	#ccc .ccc-vendor-reveal svg {
		width: 10px !important;
		height: 10px !important;
	}

	.ccc-vendors h4.optional-vendor-heading {
		padding: 0 !important;
		font-size: 1rem !important;
		;
		margin: 1rem 0 0rem 0 !important;
		;
	}

	.ccc-vendors .optional-vendor-content {
		padding: 0 !important;
	}

	.ccc-vendors .optional-vendor-content p {
		margin: 0 !important;
	}

	.ccc-vendors .optional-vendor-content p span {
		padding-right: 5px !important;
	}

	.ccc-vendors .optional-vendor-content p a {
		text-decoration: none !important;
	}

	.ccc-vendors .optional-vendor-content p a:hover {
		text-decoration: underline !important;
	}

	/***===================================================
=======================================================
END OF CIVIC COOKIE
=======================================================
====================================================***/
Starts new GDS*
***/

html {
	font-family: 'Inter', sans-serif;
	color: #0b0c0c;
}

body {
	font-size: 1.2rem;
	line-height: 1.5
}

hr {
	border-bottom: 1px solid #b1b4b6;
	border-top: 0;
	margin: 2.5rem 0;
}


hr.sbc-sectiob-br {
	border-bottom: 1px solid #b1b4b6;
	margin: 2.5rem 0
}

/***LINKS AND BUTTONS***/

a {
	font-size: 1.1875rem;
	color: #1d70b8;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: max(1px, .0625rem);
	text-underline-offset: .25em;
	transition: none;
	min-height: 24px;
	min-width: 24px
}


a:hover {
	color: #003078;
	text-decoration-thickness: max(3px, .1875rem, .12em);
}

a:focus {
	background-color: #0b0c0c;
	box-shadow: 0 -2px #f47b20 0 3px #0b0c0c;
	color: #fff;
	text-decoration: none;
	outline: 3px solid transparent;
}

a:active {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 3px #0b0c0c;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}

a.button,
button.button,
.form__component--location .remove-pin-btn,
.form__dropzone-upload-button.button {
	/*
	line-height: 1.5;
	padding: 0.875rem 1.5rem;
	font-size: 1.25rem;
	font-weight: 500;
	background: #b3c3ff;
	color: #0b0c0c;
	border-radius: 40px;
	border-bottom-color: #be5709;
	border: 0;
	margin: 0.875rem 0;
	text-align: left;
	line-height: 25px; padding: 13.5px 25px 10.5px; font-size: 24px; font-weight: 500;  background: #f47b20;
    color: #0b0c0c; border-radius: 24px;  margin: 20px 0; background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.67%2C18.89A1%2C1%2C0%2C0%2C1%2C9%2C17.14L14.89%2C12%2C9%2C6.86a1%2C1%2C0%2C0%2C1%2C1.32-1.5l6.73%2C5.89a1%2C1%2C0%2C0%2C1%2C0%2C1.5l-6.73%2C5.89A1%2C1%2C0%2C0%2C1%2C9.67%2C18.89Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat; background-position: 92% 60%; padding-right: 90px; border-bottom-color: #be5709;
	*/
	
	line-height: 1.5;
    padding: 0.875rem 1.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    background: #f47b20;
    color: #0b0c0c;
    border-radius: 40px;
    border: 2px solid #fff;
    margin: 0.875rem 0;
    text-align: left;
}


a.button:hover, 
button.button:hover,
.form__component--location .remove-pin-btn:hover,
.form__dropzone-upload-button.button:hover {

	background-color: #003e52;
    color: #fff;
    border: 2px solid #fff;
}

a.button:focus,
button.button:focus,
.form__component--location .remove-pin-btn:focus,
.form__dropzone-upload-button.button:focus {
	background-color: #0b0c0c;
    color: #fff;
    text-decoration: none;
    outline: 3px solid transparent;
	border: 2px solid #fff;
    box-shadow: #f47b20 0px 0px 0px 2px !important;
}

a.button:active, 
button.button:active,
.form__component--location .remove-pin-btn:active,
.form__dropzone-upload-button.button:active {
	background-color: #0b0c0c!important;
	color:#fff !important;
	outline: 3px solid transparent;
}


/*****HEADER AND NAV****/

/* .nav--breadcrumb {
	color: #0b0c0c !important;
}
 */
/*****HEADER AND NAV ENDS****/


/*****LINKS AND BUTTON END****/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
}

h1 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.0416666667;
	margin-bottom: 1.75rem;
	margin-top: 2.5rem;
}

h1+.site-content__main {
	padding-top: 2.5rem;
	border-top: 1px solid #b1b4b6;
}

.home-page h1 {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 25px;
	margin-top: 25px;
}

/* ST- disabling so DS can show to service user - 030125
h2 {
    font-size:2.25rem;
    line-height: 1.11111;
    font-weight:600;
    border-top: 1px solid #b1b4b6;
    padding-top:2.5rem
}
*/

h2:first-of-type {
	border-top: none
}

h2 {
	font-size: 2.25rem;
	line-height: 1.1111111111;
	font-weight: 600

}

h2, h3 { border-bottom: 1px solid transparent;
    padding-bottom: 1rem;
}

h3,
h4,
h5,
h6 {
	font: size 1.5rem;
	line-height: 1.25;
	font-weight: 600
}


/*
h1 {
	font-weight:700; font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 30px; margin-top:40px;
}*/

li {
	font-size: 1.1875rem;
	line-height: 1.3157894737;
    /* margin-bottom: 1rem */
    margin-bottom: 10px
}

p {
	font-size: 1.1875rem;
	line-height: 1.5;
	overflow-wrap: break-word;
	margin: 0 0 1.75rem;
}

/***Ends new GDS****/


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.home-page h1 {
		font-size: 3rem;
		line-height: 3.2rem;
	}
}


h1+.site-content__main {
	padding-top: 1.5rem;
}

h2 {
	font-size: 2rem;
	margin-bottom: 18px;
	font-weight: 600;
}

h3 {
	font-size: 1.8rem;
	/*line-height: 30px;*/
	line-height:1.25;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

h4 {
	font-size: 1.5rem;
	line-height: 1.25;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

h5 {
	font-size: 1.4rem;
	line-height: 30px;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

h6 {
	font-size: 1.3rem;
	line-height: 30px;
	margin-top: 0pxt;
	margin-bottom: 18px;
	font-weight: 600;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	h1 {
		font-size: 3rem;
		line-height: 3.2rem;
	}

	h2 {
		font-size: 2.5rem;
	}

	h3 {
		font-size: 2rem;
	}

	h4 {
		font-size: 1.8rem;
	}

	h5 {
		font-size: 1.5rem;
	}

	h6 {
		font-size: 1.3rem;
	}
}


p {
	/*font-size: 1.2rem; line-height: 1.5; margin-bottom: 24px*/
	font-size: 1.1875rem;
	line-height: 1.5;
	margin-bottom: 1.75rem;
	overflow-wrap: break-word;

}


ul {
	margin-bottom: 1.75rem;
}

li {
	font-size: 1.1875rem;
	line-height: 1.5;
    /* margin-bottom: 1rem */
    margin-bottom: 10px
}

li>ul,
li>ol {
	margin: 0.5rem 0rem 0.5rem 1.5rem;
}

ul>li>ul>li {
    margin-bottom: 10px
}

/* ---------------------------------------------
LINKS AND BUTTONS
----------------------------------------------- */

.button {
	font-family: 'Inter', sans-serif; 
}

.buttonn {
	border-bottom-color: #f47b20 ;
	background: #f47b20 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #f47b20;
	font-size: 1.25rem;
	color: #0b0c0c;
}

.button--disabled {
	border-bottom-color: #ccc;
	background: #f3f2f1 none repeat scroll 0 0;
}

.button--disabled:active,
.button--disabled:focus,
.button--disabled:hover {
	border-bottom-color: #ccc;
	background: #ccc none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ccc;
	color: #333;
}

.button--prev {
	padding: 10.5px 25px 10.5px 50px !important;
}

.button--next {
	padding: 10.5px 50px 10.5px 20px !important;
}

.button--prev::before {
	line-height: normal;
	left: 13%;
	font-weight: 700
}

.button--next::before {
	line-height: normal;
	right: 13%;
	font-weight: 700
}


.item-list--definition .item-list--definition__content a {
	display: inline;
	word-break: break-word;
}

/*
.site-content__main form.form--form-builder button.button,
.xfpaction button.button {
	background-image: none;
}

.site-content__main form.form--form-builder button.button:hover,
.xfpaction button.button:hover {
	background-color: #f47b20;
	border-bottom-color: #f47b20;
	color: #0b0c0c;
}

.site-content__main form.form--form-builder button:focus,
form.form button:active,
form.form button:focus:active {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}

.xfpaction button:focus,
.xfpaction button:active,
.xfpaction button:focus:active {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}
*/




.alert :last-child.button {
	margin: 20px
}


.glyph-wrapper {
	margin-left: 10px
}

.glyph-ctn {
	transition: all .2s ease-in-out;
}

.nav--pagination a::before,
.nav--pagination a:hover::before,
.nav--pagination a em.nav--pagination__direction {
	color: #0b0c0c;
}



/* -------------------------------------------
END OF LINKS AND BUTTONS
---------------------------------------------- */

/* -------------------------------------------
FORMS
---------------------------------------------- */

.form__label--legend,
.form__label {
	font-size: 1.2rem;
	font-weight: 700;
}

.form__field,
.xfields:not([type="file"]) {
	font-family: 'Inter', sans-serif;
}

textarea {
	font-family: 'Inter', sans-serif;
}

.search-results .gsc-control-cse,
.search-results .gsc-control-cse .gsc-table-result {
	font-family: 'Inter', sans-serif;
}

/* ----------------------------
END OF FORMS
----------------------------- */


/***===================================================
=======================================================
HEADER SECTION
=======================================================
====================================================***/

.site-header {
	background: #24282a;
	height: 6rem !important;
	padding-top: 10px;
}

.site-header .container {
	max-width: 1100px
}

/***Replacing text with logo on the header***/

.site-header__logo {
	background: no-repeat 0/contain url("/site/images/logo.svg");
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	padding: 1.5rem 0 0 0;
	margin-top: 0.2rem;
	text-indent: -9999px
}

.site-header a {
	color: #fff;
}

.site-header a.site-header__toggle:hover {
	color: #0b0c0c;
	background: #f47b20;
}

.site-header__toggle.active,
.site-header__toggle.active:focus {
	background-color: #f47b20;
}

.site-header__links {
	background: #24282a;
	color: #fff;
	border-bottom: none;
}

.site-header__links .item-list li {
	margin-bottom: 0
}

.site-header__links a {
	color: #fff;
	background: #f47b20;
}

.site-header__search {
	background: #24282a;
	border: none;
	top: 5.1rem;
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	.site-header__links {
		top: 5.5rem;
	}
	.site-header__links a {
		color: #fff;
		background-color: transparent;
	}
	.site-header__search {
		background: #24282a;
		border: none;
		top: auto;
	}
	
}

.site-header__links a:hover::before {
	color: #0b0c0c;
}

.site-header__links a:hover {
	background: #f47b20;
	color: #0b0c0c;
}


.site-header__search .button {
	background: #f47b20;
	/*color: #fff;*/
	border: 2px solid #fff;
	text-align: center;
}

.site-header__search .button:hover {
	background: #24282a;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.site-header__toggle.active {
	background: #f47b20;
	color: #fff;
}

/* ----------------------------
NAVIGATION
----------------------------- */

.nav .container {
	max-width: 1100px
}

.nav--breadcrumb {
	background: #f3f2f1;
	color: #0b0c0c !important;
}

.nav--breadcrumb a {
	color: #0b0c0c !important;
}

.nav--breadcrumb a:hover {
	color: #0b0c0c !important;
	background-color: #f3f2f1;
}


.nav--breadcrumb .nav--breadcrumb__list {
	margin-bottom: -10px !important;
}

.nav--breadcrumb li {
	display: inline-block;
	margin-bottom: 5px
}

/* ----------------------------
END OF NAVIGATION
----------------------------- */

/***===================================================
=======================================================
MAIN SECTION
=======================================================
====================================================***/

.home-page.one-column .site-main>.container,
.site-main>.container {
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	/* max-width: 1100px;
	padding-left: 0;
	padding-right: 0; */

}

.home-page h1.page-heading {
	display: none;
}

/* ----------------------------
SITE ANNOUNCEMENT AND NOTIFICAION
----------------------------- */

/***Site wide***/

.site-announcement {
	max-width: 1100px;
	margin: 1rem auto 1rem auto;
	overflow-wrap: anywhere
}

.site-announcement .container {
	padding: 0;
}

.site-announcement .callout {
	border: none;
	background-color: #fff;
	padding: 2rem;
	border: 5px solid #f47b20;
	margin: 1rem 1rem 1rem 1rem;
	padding: 0.8rem 1.0rem;
	border-radius: 10px;
}

.site-announcement .callout h2::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

.site-announcement .callout__heading.h2 {
	font-family: "Inter", sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	border-bottom: 1px solid #b1b4b6;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.site-announcement .callout__heading.h2::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

/***Homepage Custom***/

.site-main .site-announcement .container {
	padding: 0;
}

.site-main .callout.callout--warning {
	margin: 0;
}

.site-announcement .callout h2,
.site-announcement .callout p {
	margin-left: 0;
}

.site-announcement .callout h2 {
	font-weight: 600;
	border-bottom: 1px solid #b1b4b6;
	font-size: 1.7rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.site-announcement .callout h2 .fa {
	padding-right: 10px
}

.site-announcement .callout p {
	margin-bottom: 1rem
}

.site-announcement .callout p:last-child {
	margin-bottom: 0
}

.site-announcement a.button {
	border: 0;
	border-radius: 0;
	background: none;
	padding: 0;
	color: #1d70b8;
	margin: 0;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: underline !important;
}

.site-announcement a.button:hover {
	color: #003078;
}

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

.boxed, 
.form__control--boxed, 
.supplement, 
.widget--my-account-direct-debits, 
.widget--my-account-forms {

	border-radius: 5px;
	background: #fafafa; 
    border: 1px solid #f3f2f1;

}

/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {

	.site-announcement .callout {
		margin: 1rem 1rem 1rem 1rem;
		padding: 0.8rem 1.0rem;
	}

	.site-announcement .callout p {
		font-size: 100%
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	.site-announcement .callout {
		margin: 1rem 1rem 1rem 1rem;
		padding: 0.8rem 1.0rem;
	}

	.site-announcement .callout p {
		font-size: 100%
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	.site-announcement .callout {
		background-color: #fff;
		padding: 2rem;
		border: 5px solid #f47b20;
	}

	.site-announcement .callout h2 {
		font-weight: 600;
		border-bottom: 1px solid #b1b4b6;
		padding-bottom: 1rem;
		margin-bottom: 1.3rem;
	}

	.site-announcement .callout h2 .fa {
		padding-right: 10px
	}

	.site-announcement .callout p {
		margin-bottom: 1rem
	}

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.site-announcement .callout {
		background-color: #fff;
		padding: 2rem;
		border: 5px solid #f47b20;
		margin: 1rem 0;
	}

	.site-announcement .callout h2 {
		font-weight: 600;
		border-bottom: 1px solid #b1b4b6;
		padding-bottom: 1rem;
		margin-bottom: 1.3rem;
	}

	.site-announcement .callout h2 .fa {
		padding-right: 10px
	}

	.site-announcement .callout p {
		margin-bottom: 1rem
	}

}

@media only screen and (max-width: 500px) {
	.site-announcement .callout {
		margin: 1rem 1rem 1rem 1rem;
		padding: 0.8rem 1.0rem;
	}

	.site-announcement .callout h2 {
		font-size: 1.4rem
	}

	.site-announcement .callout p {
		font-size: 100%
	}
}

/***Content Page Announcement***/

div.important-message,
div.important-info {
	margin-bottom: 2em;
	padding: 1rem;
	border: 5px solid #f47b20;
	overflow-wrap: break-word;
	border-radius: 10px;
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	div.important-message,
	div.important-info {
		padding: 2rem;
	}
}

div.important-message h2::before,
div.important-message h3::before,
div.important-message h4::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

div.important-message h2,
div.important-message h3,
div.important-message h4 {
	font-weight: 600;
	font-size: 1.7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #b1b4b6;

}

div.important-message p:first-child,
div.important-message p:last-child {
	margin-bottom: 0
}

div.important-info h2::before,
div.important-info h3::before,
div.important-info h4::before {
	font-family: "Font Awesome 5 Free";
	content: "\f05a";
	color: #0b0c0c;
	margin: 0 10px 0 0;
	font-weight: 900;
}

div.important-info h2,
div.important-info h3,
div.important-info h4 {
	font-weight: 600;
	font-size: 1.7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #b1b4b6;

}

div.important-info p:first-child,
div.important-info p:last-child {
	margin-bottom: 0
}


/* ----------------------------
END OF SITE ANNOUNCEMENT
----------------------------- */

/* ----------------------------
HOME PAGE - to be removed after checking again
----------------------------- */
.all-services {
	background-color: #edf7ff;
	padding: 1rem 0;
	margin-bottom: 1rem;
}

.services-link {
	text-align: center;
}

.services-link a {
	color: #003e52;
	text-decoration: none
}

.services-link a:hover {
	color: #003e52;
}

.services-link a:hover i.glyph-ctn {
	transform: scale(1.3)
}

/* ----------------------------
END OF HOME PAGE
----------------------------- */


/* ----------------------------
NEWS AND ANNOUNCEMENT
----------------------------- */

.callout--feature .date {
	color: inherit
}

div.calendar .button {
	background-image: none;
	border-radius: 5px;
	margin: 0;
	font-size: inherit;
}


div.calendar .button:hover {
	background-image: none;
}


/* adjusts design of site announcement at top of page */

.site-announcement .container .calloutt {
	border-radius: 0px;
	border: none;
	background-color: #fff;
	padding: 0.8rem 1.0rem 0.8rem 2rem;
	margin: 1rem 1rem 1rem 4rem;
	border-left: 12px solid #f47b20;
}


/* ----------------------------
SIDEBAR
----------------------------- */

.sidebar--primary {
	margin-top: 0
}

.sidebar--secondary>*:first-child {
	border-top: 10px solid #f47b20;
}

.sidebar--secondary li.related-links__directory {
	line-height: 1.5;
	margin-bottom: 10px
}

/* Background colour is now changed to #fafafa all over the site e.g form, my account page - DS/ST*/
/*
.supplement {
	border-radius: 5px;
	background: #fafafa; 
    border: 1px solid #f3f2f1;
}
*/

h2.supplement__heading {
	font-size: 1.8rem;
	font-weight: 600;
}

/* ----------------------------
A to Z list buttons
----------------------------- */

a.button.button--standout {
	margin: 10px 0;
}

.item-list--az .button--disabled {
	color: #3d3d3d !important; /*Need to change this colour, need to decide on a GDS colour. On hold for now 09/05/25*/
	margin: 10px 0
}

.item-list--az>li .button {
	border-radius: 5px;
	padding: 8px 12px;
	background-image: none;
}

.item-list--az>li .button:hover {
	background-image: none;
}

/* ----------------------------
End of A to Z list buttons
----------------------------- */

/* orange buttons */

.alert {
	width: 100%;
	float: left;
	background-color: #f3f2f1;
	border: 3px solid #f47b20;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 30px;
}

.alert--danger,
.alert--error {
	float: none !important;
}


/* ----------------------------
Table
----------------------------- */

table thead th,
table thead td {
	font-family: "Inter", sans-serif;
}

table th,
table td {
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #0b0c0c;
	border-top: 1px solid #0b0c0c;
}


/* Table highlighted cells */

.editor td.highlightCell,
.editor tr.highlightRow td {
	background: #f47b20 none repeat scroll 0 0;
	color: #fff;
	font-weight: 700;
}

/* ----------------------------
End of Table
----------------------------- */


/* reduce icon size */
@media screen and (min-width: 850px) {

	.widget--custom-tasks__task [class^="icon-"] {
		font-size: 5rem;
		margin-bottom: 0.75rem;
	}

	.widget--custom-tasks__sub-container .item-list>li {
		padding-top: 1.5em;
	}

	.widget--custom-services__service h3 {
		color: #333;
	}

	.widget--custom-services__toggle {
		color: #333;
	}

}

/* User Guide */

div.userguide {
	float: left;
	width: 48%;
	padding: 0.5em 1.5% 0;
	border: 2px #b1b4b6 solid;
	border-radius: 5px;
	margin: 0.5em 4% 0.5em 0;
	text-align: center;
}

div.userguide:nth-of-type(even) {
	margin: 0.5em 0;
}

.userguide img {
	width: 100% !important;
	float: left;
	margin-bottom: 0.5em;
	border-radius: 3px;
}


@media screen and (min-width:768px) {
	div.userguide {
		width: 23.5%;
		padding: 0.5em 1.5% 0;
		margin: 0.5em 1.5% 0.5em 0;
		text-align: center;
	}

	div.userguide:nth-of-type(2n) {
		margin: 0.5em 1.5% 0.5em 0;
	}

	.userguide img {
		width: 100% !important;
		border-radius: 3px;
	}
}


/* Temp presentation override */

@media screen and (min-width: 1000px) and (max-width: 1024px) {

	.container,
	.site-header__links,
	.widget--custom-services__intro,
	.widget--custom-carousel__text {
		padding-left: 2.75rem;
		padding-right: 2.75rem;
	}

	.widget--custom-tasks__task [class^="icon-"] {
		font-size: 4rem;
		margin-bottom: 0.75rem;
	}


	.widget--custom-tasks__task .fa {
		font-size: 3.75rem;
	}

	.widget--custom-tasks__task h3 {
		font-size: 1.5rem;
	}

	.widget--custom-tasks__task h4 {
		font-size: 1.25rem;
	}

	.widget--custom-tasks__task p {
		font-size: 0.8rem;
	}

	.styles999 .widget--custom-tasks__task h3 {
		font-size: 1.25rem;
	}


	div.styles999 h2 {
		font-size: 2.5rem;
	}

	div.styles999 h2+p {
		font-size: 1rem;
	}

	.widget--custom-services__service h3 {
		font-size: 1.25rem;
	}

	.widget--custom-services__service p {
		font-size: 0.8rem;
	}
}


/* start of updates 12.07.18 */


/* puts 'my account', 'menu' and menu items in the nav in lower case */

.site-header a.site-header__toggle,
.site-header nav.site-header__links ul.item-list li a,
.site-header nav.site-header__links ul.item-list--inline li a {
	text-transform: none;
	font-size: 1.1rem;
	border-radius: 5px;
}

/* reduces the width of the site's content */

.containerR,
.site-header__links .item-list {
	max-width: 1100px;
}

/* reduces the width of a content page's heading in desktop view; meaning it doesn't overlap 'related items' */

@media only screen and (min-width: 500px) {
	h1.page-heading {
		/*width:66%;*/
	}
}

/* end of updates 12.07.18 */
/****Feedback Page at the bottom ***/

h2.form__heading {
	font-size: 2rem;
    font-weight: 600;
}

.form--page-feedback {
	margin: 2.5rem 0 1.5rem 0;
}

/****Feedback Page at the bottom ***/

/***===================================================
=======================================================
FOOTER
=======================================================
====================================================***/

.site-footer__logo a {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
}

/***===================================================
=======================================================
MEDIA QUERIES
=======================================================
====================================================***/

/***===================================================
=======================================================
ACCESSIBILITY
=======================================================
====================================================***/

/***FOCUS AND HOVER***/

/*Header*/
.site-header a:focus {
	background-color: #f47b20;
	color: #0b0c0c;
	text-decoration: none;
	outline: 3px solid transparent;
}

.site-header__search input.form__field:focus {
	background: #fff;
	outline: 3px solid #f47b20;
	outline-offset: 0;
}

.site-header__toggle:focus {
	background-color: #f47b20;
	box-shadow: none
}

/*Navigation*/
.nav--breadcrumb a:focus {
	background-color: #f47b20;
	box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
	color: #0b0c0c !important;
	text-decoration: none;
	outline: 3px solid transparent;
}

/*Main*/
.site-main a:focus,
.site-main a:active,
.site-main a:focus:active {
	background-color: #f47b20;
    box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
    color: #0b0c0c;
    text-decoration: none;
    outline: 3px solid transparent;
}

.callout--feature a:focus {
	color:#0b0c0c !important
}

/*Form*/
.form__control--boxed {
    border: 1px solid #f3f2f1;
}
	input:focus,
	textarea:focus,
	select:focus {
		border: 3px solid #f47b20;
		outline: 3px solid #f47b20 !important;
		box-shadow: 0 0 3pt 2pt #f47b20;
		outline-offset: 0;
	}

	.form__radio:hover {
		cursor: pointer
	}

	.site-header__search input.form__field:focus {
		background: #fff;
		outline: 3px solid #f47b20;
		outline-offset: 0;
	}

	.site-header__toggle:focus {
		background-color: #f47b20;
		box-shadow: none
	}

	/*Home - Latest News and Events*/
	.latest-news-events__link:hover .latest-news-events__article-heading,
	.latest-news-events__link:focus .latest-news-events__article-heading,
	.latest-news-events__link:active .latest-news-events__article-heading {
		color: #0b0c0c;
	}

	/*Footer*/
	.site-footer a:hover {
		color: #fff
	}

	.site-footer a:focus {
		background-color: #f47b20;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}


	/***Accordion***/
	/***Note Using h2, h3, h4 as any can be used in accordion. Moving towards h2***/
	.accordion {
		overflow: hidden;
		position: relative
	}

	.site-content__main .editor .accordion h2 button {
		border: none;
		background: transparent;
		text-align: left
	}

	.site-content__main .editor .accordion h2 button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}

	.site-content__main .editor .accordion h3 button {
		border: none;
		background: transparent;
		text-align: left
	}

	.site-content__main .editor .accordion h3 button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}

	.site-content__main .editor .accordion h4 button {
		border: none;
		background: transparent;
		text-align: left
	}

	.site-content__main .editor .accordion h4 button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}


	/*ACCORDION NEW - This will take over the above when it gets implemented*/

	.site-content__main .editor .accordion-new .accordion-controls {
		text-align: right;
		margin-bottom: 20px;
	}

	.site-content__main .editor .accordion-new .accordion-controls button:hover {
		background-color: #ccc
	}

	.site-content__main .editor .accordion-new .accordion-heading {
		margin-bottom: .75rem;
		padding: .6em 2em .6em .8em;
		cursor: pointer;
		display: block;
		position: relative;
		color: #0b0c0c;
		transition: color 0.1s ease 0s, background-color 0.3s ease 0s;
		font-size: 1.5rem;
		background: #e1e1e1;
		border-left: 10px solid #f47b20 ;
	}

	.site-content__main .editor .accordion-new .accordion-heading[aria-expanded="true"] {
		background-color: #dad6d4
	}

	.site-content__main .editor .accordion-new .accordion-heading:hover {
		background-color: #ccc;
	}

	.site-content__main .editor .accordion-new .accordion-heading::after {
		position: absolute;
		width: 12px;
		height: 12px;
		border-right: 3px solid #f47b20;
		border-bottom: 3px solid #f47b20;
		right: 12px;
		content: " ";
		top: 20px;
		transform: rotate(45deg);
	}

	.site-content__main .editor .accordion-new .accordion-heading.arrow-up::after {
		position: absolute;
		width: 12px;
		height: 12px;
		border-right: 3px solid #f47b20;
		border-bottom: 3px solid #f47b20;
		right: 12px;
		content: " ";
		top: 25px;
		transform: rotate(225deg);
	}

	.site-content__main .editor .accordion-new .accordion-title {
		position: relative;
	}

	.site-content__main .editor .accordion-new button.accordion-title {
		border: none;
		background: transparent;
		text-align: left;
	}

	.site-content__main .editor .accordion-new button:focus {
		background-color: #f47b20;
		box-shadow: 0 -2px #f47b20, 0 4px #0b0c0c;
		color: #0b0c0c;
		text-decoration: none;
		outline: 3px solid transparent;
	}

	.site-content__main .editor .accordion-new .show {
		display: block
	}

	.site-content__main .editor .accordion-new .hide {
		display: none
	}

	/***===================================================
=======================================================
CIVIC COOKIE
=======================================================
====================================================***/

	#ccc {
		font-family: 'Inter', sans-serif !important;
		background-color: #003e52 !important
	}

	.ccc-content--dark {
		background-color: #003e52 !important
	}

	#ccc .ccc-content--dark .ccc-button-solid,
	#ccc .ccc-content--dark .ccc-button-solid span {
		background-color: #f47b20 !important;
	}

	#ccc #ccc-recommended-settings {
		background-color: #f47b20 !important;
		color: #0b0c0c !important;
		font-weight: 800 !important;
	}

	#ccc-recommended-settings span {
		color: #0b0c0c !important;
	}

	#ccc-notify-accept {
		background-color: #f47b20 !important;
		font-weight: 800 !important;
	}

	#ccc-notify-accept span {
		color: #0b0c0c !important
	}

	#ccc .ccc-notify-button {
		border-width: 1px !important
	}

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

	#ccc-icon.ccc-icon--dark {
		fill: #003e52 !important;
	}

	#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
		background-color: #f47b20 !important;
	}

	.ccc-vendors .ccc-vendor-reveal {
		opacity: 1 !important;
		border: 1px solid #3f6e7d !important;
		font-size: 75% !important;
		font-weight: 600 !important;
	}

	#ccc .ccc-vendor-reveal:hover,
	#ccc .ccc-vendor-reveal:focus,
	#ccc .ccc-vendor-reveal:active,
	#ccc .ccc-vendor-reveal:focus:active {
		border: 1px solid #fff !important;
		fill: #0b0c0c;
		background-color: #f47b20 !important;
		color: #0b0c0c !important;
		font-weight: 600 !important;
	}

	#ccc .ccc-vendor-reveal svg {
		width: 10px !important;
		height: 10px !important;
	}

	.ccc-vendors h4.optional-vendor-heading {
		padding: 0 !important;
		font-size: 1rem !important;
		;
		margin: 1rem 0 0rem 0 !important;
		;
	}

	.ccc-vendors .optional-vendor-content {
		padding: 0 !important;
	}

	.ccc-vendors .optional-vendor-content p {
		margin: 0 !important;
	}

	.ccc-vendors .optional-vendor-content p span {
		padding-right: 5px !important;
	}

	.ccc-vendors .optional-vendor-content p a {
		text-decoration: none !important;
	}

	.ccc-vendors .optional-vendor-content p a:hover {
		text-decoration: underline !important;
	}

	/***===================================================
=======================================================
END OF CIVIC COOKIE
=======================================================
====================================================***/

/****CHANGES DEC 2025****/

.note{
	color:#0b0c0c
}
.note a {
	font-size:100%;
    }

    .table-wrapper {

        overflow: visible
    }

    .table-wrapper .scroller {
    
        display:contents;
        width: 100%;
        }

    .table-wrapper.has-scroll::after {

        box-shadow: none

        }
    
   
   .table-wrapper.has-scroll {

    overflow: auto;
    }

    /* 
    .table-wrapper.has-scroll .scroller {
    overflow: visible;
    }
    */
    
    .item-list--az {
    display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    .item-list--az>li {
    
    display: flex;
            flex-wrap: wrap;
            float: none;
    
    }
    
    .item-list--az>li .button {
    
        padding: 8px 20px;
    
    }
    
    .nav--search-pagination {
    
    display: flex;
        flex-wrap: wrap;
        flex-direction: row;
	}
	
	.date, .summary  {
		color: #0b0c0c
	}

	.date.small a {
		font-size: 100%
	}

	.item-list--rich>li:first-child, .list--record>li:first-child {
	border:none;
	}

	.item-list--rich>li, .list--record>li {
	border:none;
	}
	.nav--search-pagination li a em {
	color: #1d70b8;
	}

	.nav--pagination li a:hover em {
		color: #003078;

	}
	 .nav--pagination li a:focus em, 	 .nav--pagination li a:active em  { 
		color: #0b0c0c;

	}

	.nav--pagination li a:visted em {
		color: #1d70b8;
	}



/***CHANGES DEC 2025 ENDS***/

/**CHANGES FROM JAN 2026**/

@media screen and (min-width: 768px) {
    .site-header__search {
        width: 32%;
        float: left;
        margin-right: 0;
        display: inline-block !important;
        left: auto;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
}


.site-header__search .form__field {
    height: 2.75rem;
    box-sizing: border-box;
    margin: -3px 10px -3px 4px;
    outline: 0;
    transition: none;
    width: 77%;
    line-height: 1;
    font-weight: 400;
    padding: 0 0.75rem;
    border: 2px solid #fff;
    border-radius: 10px;
    background: #fff;
    color: #0b0c0c;
}


.site-header__search input.form__field:focus {
    background: #fff;
    border-color: #24282a;
    outline-offset: 0px;
    box-shadow: none;
    padding-left: 0.75rem;
}


.site-header__search .button {
    height: 2.75rem;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 18%;
    border-radius: 10px;
}

.site-header__search .button {
    border: 0;
    text-align: center;
    margin: -3px 0 -3px 0 !important;
    border: 2px solid #f47b20;
    line-height: 0;
}

.site-header__search .button:hover {
    background: #003e52;
    color: #fff;
    border: 2px solid #fff;
}

.site-header__search .button:focus {
    border-color: #fff;
    box-shadow: #f47b20 0px 0px 0px 3px !important;
}

/*** CHANGES FROM JAN 2026 ENDS ***/