/* Custom styles */

* {
	font-family: 'Source Sans Pro', Arial, sans-serif !important;
	letter-spacing: 0.01em;
	font-size: 1.1rem;
	box-shadow: none !important;
}

body {
	font-weight: 400 !important;
	text-transform: none;
	color: #000 !important;
	background: #fff;
}

/* For screen readers only */

html body .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
}


/* Buttons - as per GDS */

.button {
	background: #005ea5;
	color: #fff !important;
	font-size: 1.1rem;
	padding: 0.63rem 0.55rem 0.63rem 0.55rem !important;
	height: 100% !important;
}

.button:hover {
	background: #004f8c; /* GDS */
}

button.BALaunchPad:hover {
	cursor: pointer;
}


main a.button:link,
main a.button:visited,
main a.cta:link,
main a.cta:visited {
	background-color: #00823b !important;
	color: #fff !important;
	display: inline-block;
	margin: 0.3rem 0rem;
	padding: 0.6rem 0.8rem !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;text-decoration: none;
}


main#main-content a.button:focus, main#main-content button:focus,
main#main-content a.button:active, main#main-content button:active,
main#main-content a.button:hover, main#main-content button:hover,
main#main-content a.cta:focus,
main#main-content a.cta:active,
main#main-content a.cta:hover  {
	background: #ffbf47 !important;
	color: #000 !important;
	outline: 2px solid #000 !important;	
	outline-offset: -2px;	
	text-decoration: none;
}


/* Links - these are as per GDS scheme */

a {
	text-decoration: underline; 
}

a:link  {
	color: #3344dd !important;
}

a:visited  {
	color: #884488 !important;
}

a:hover  {
	color: #003078 !important;
}

a:active  {
	color: #0b0c0c !important; 
	color: #000 !important;
}

/* Cookies message bar */

#cookies-bar {
	display: none;
	background: #f3f2f1;
	overflow: hidden;
}

div.cookies-tell-us {
	margin: 1rem 0rem 0rem 0rem;
}

div.cookies-buttons {
	margin-bottom: 1.25rem;
}


#cookies-bar h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

#cookies-bar {
	display: none;
	background: #f3f2f1;
	overflow: hidden;
}

#cookies-bar p a:link {
	color: #2436D6 !important;
}

#cookies-bar p a:hover,
#cookies-bar p a:focus,
#cookies-bar p a:active {
	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}


.cookies-accept button {
	/* background-color: #00823b !important; */
	background-color: #00662E !important;
	color: #fff !important;
	display: inline-block;
	margin: 0.3rem 0rem;
	padding: 0.6rem 0.8rem !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;text-decoration: none;
	width: 98%;
}

.cookies-accept button:hover {
	cursor: pointer;
	background-color: #005a30 !important;
	-webkit-transition: background 0.5s; /* For Safari 3.0 to 6.0 */
    transition: background 0.5s; /* For modern browsers */
}

.cookies-settings a {
	/* background-color: #00823b !important; */
	background-color: #00662E !important;
	color: #fff !important;
	display: inline-block;
	margin: 0.3rem 0rem;
	padding: 0.25rem 0.8rem !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;text-decoration: none;
	width: 98%;
	text-align: center;
}

.cookies-settings a:hover {
	background-color: #005a30 !important;
	-webkit-transition: background 0.5s; /* For Safari 3.0 to 6.0 */
    transition: background 0.5s; /* For modern browsers */
}

.cookies-confirmation {
	display: none;
	padding-top: 0rem;	
	padding-bottom: 0rem;	
}

.cookies-confirmation p {
	margin: 1.15rem 0rem 1.35rem 0rem !important;
}



/* Cookies settings */

.cookie-settings-form {
	overflow: hidden;
}

.cookie-settings-form fieldset {
	margin-bottom: 1.5rem;
}

.cookie-settings-form legend {
	font-size: 2rem;
	font-weight: 700;
	margin: 1rem 0rem;
}

div.cookies-radios {
	margin: 0rem 0rem;
}

div.cookies-radios input {
	margin: 0.5rem 0.5rem 0.5rem 0rem !important;
	border: 2px solid #000 !important;
	width: 44px !important;
	height: 44px !important;
	background: #fff !important;
	border-radius: 50%;
}

div.cookies-radios label {
	vertical-align: top !important;
	font-size: 1.15rem;
	font-weight: 400 !important;
	margin: 0.80rem 0rem 0rem 0.25rem !important; 
	padding: 0rem 0rem !important;
}

div.save-cookie-settings {
	margin: 2rem 0rem 0rem 0rem;
}


.cookie-settings-form button {
	background-color: #00823b !important;
	color: #fff !important;
	display: inline-block;
	padding: 0.55rem 0.8rem !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;text-decoration: none;	
}

#main-content .cookie-settings-form div.save-cookie-settings button:hover {
	cursor: pointer;
	-webkit-transition: background 0.5s; /* For Safari 3.0 to 6.0 */
    transition: background 0.5s; /* For modern browsers */
}

div.cookie-save-confirmation {
	display: none;
}


/* Header */

header {
	background: #000;
}

header.banner a:link,
header.banner a:visited,
header.banner a:hover,
header.banner a:active {
	color: #fff !important;
    text-decoration: underline;	
}

/* Inputs */

.menu input ::placeholder {
	display: none !important;
}


/* Skip to content */

.skip-to-main-content-container {
	padding-top: 0.5rem !important;
}

.skip-to-main-content-container a:link, 
.skip-to-main-content-container a:visited, 
.skip-to-main-content-container a:active {
	text-decoration: none !important;
}

.skip-to-main-content-container a:hover {
	text-decoration: underline !important;
}

.skip-to-main-content-container a:focus,
.logo-container a:focus {
	outline-offset: 3px;
	outline: 3px solid #ffbf47 !important;
}

/* Standard navigation */

.navigation-container {
	padding-top: 0.9rem !important;
	padding-bottom: 1.05rem !important;
}

div.logo-container img {
	width: 200px;
	height: 58px;
}

div.logo-container a:link {
	display: inline-block;
	border-bottom: 1px solid transparent;
}

div.logo-container a:hover {
	border-bottom: 1px solid #fff;
}

/* Search */

div.search-container label {
	color: #fff;
}

/* Search input */

input.search-box {  
	display: inline-block;
	height: 2.4000rem;
	margin: 0rem 0rem 0rem 0rem !important;
	overflow: hidden;
	width: 80%;
}

/* Search button */

.search-container button {
	display: inline-block;
	float: right;
	margin: 0rem 0rem 0rem 0rem !important;
	width: 20%;
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
.search-container button {
	display: inline-block;
	float: right;
	margin: 0rem 0rem 0rem 0rem !important;
	padding: 0.59rem 0.55rem 0.59rem 0.55rem !important;
	width: 20%;
}


}




/* Search focus */

.search-container input[type=search]:focus,
.search-container button:focus 
 {
	outline-offset: -3px;
	outline: 3px solid #ffbf47 !important;
}

.search-container button:focus {
	outline-offset: -3px;
	outline: 3px solid #ffbf47 !important;
}


 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
	.search-container button:focus {
		border: 3px solid #ffbf47 !important;
		outline: none !important;
		padding: 0.57rem 0.55rem 0.57rem 0.55rem !important;
	}	
}

/* Sub navigation */

div.sub-navigation {
	background: #2a75bb; /* DCC Corporate Blue - Branding */	
	padding-top: 0.15rem !important;
	padding-bottom: 0.15rem !important;
}

div.sub-navigation ul {
	margin: 0.3rem 0rem;
}

div.sub-navigation ul li a:link,
div.sub-navigation ul li a:visited,
div.sub-navigation ul li a:hover,
div.sub-navigation ul li a:active {
	color: #fff;
	/* margin: 0.5rem 0rem 0.5rem 0rem; */
	padding: 3px 5px;
	display: inline-block;
	text-decoration: none;
}

div.sub-navigation a:focus {
	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

div.sub-navigation ul li a:hover {
	text-decoration: underline;
	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

div.sub-navigation ul li:last-child a:link {
	margin-left: 0.8rem;
}

/* Breadcrumb */

nav.breadcrumb {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

nav.breadcrumb a:link,
nav.breadcrumb a:visited,
nav.breadcrumb a:active,
nav.breadcrumb span {
	margin: 2px 3px 2px 3px;
	padding: 2px 0px;
}



nav.breadcrumb a:focus {
 	outline: none !important;
	background: #ffbf47 !important;
    color: #000 !important;
}

nav.breadcrumb a:hover {
  	outline: none !important;
	background: #ffbf47 !important;
    color: #000 !important;
}

/* Main */

#main-content * {
	line-height: 1.75 !important;
}

header.page-title {
	background: #fff;
	padding: 1rem 0rem;
	margin: 0.3rem 0rem 0.8rem 0rem;
}

#main-content a {
	padding: 3px 0px;
	white-space: pre-wrap;
}

#main-content li a {
	padding-left: 0rem;
	padding-right: 0rem;
}

#main-content p a:last-child {
	white-space: pre-wrap; 
}


#main-content a:focus {
 	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

#main-content a:hover {
 	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

h1, h1 a {
	width: 100%;
	font-size: 3rem;
	font-weight: 700;
	padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

h2, h2 a {
	width: 100%;
	font-size: 2.5rem;
	font-weight: 700;
	padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.sp h3, .sp h3 a,
.map-location h3, .map-location h3 a {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 700;
	padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.sp h4, .sp h4 a,
.map-location h4, .map-location h4 a {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.sp h5, .sp h5 a,
.map-location h5, .map-location h5 a {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 700;
	padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.sp h6, .sp h6 a,
.map-location h6, .map-location h6 a {
	width: 100%;
	font-size: 1.2rem;
	font-weight: 700;
	padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}


main ol li,
main ul li {
	margin: 0.35rem 0rem 0.35rem 0rem;
}


.no-bullet, .no-bullets {
	list-style-type: none !important;
	margin-left: 0rem !important;
}



/* Images (standard pages only) */

main.sp > img {
	display: inline-block !important;
	border: 1px solid #CCC;
	padding: 0.75rem;
	margin: 0rem 1rem 1rem 0rem;
	width: 75% !important;
	max-width: 75% !important;
}

main.sp img.default,
main.map-location img.default,
main.basic img.default {
	width: auto !important;	
}

main.sp img.no-border,
main.map-location img.no-border,
main.basic img.no-border {
	border: none !important;	
}

main.sp img.no-padding,
main.map-location img.no-padding,
main.basic img.no-padding {
	padding: 0rem !important;	
}

main.sp img.third,
main.map-location img.third,
main.basic img.third {
	max-width: 30% !important;
	padding: 0rem !important;
	margin: 1rem 1rem 1rem 0rem;		
}





main.sp img.profile-photo {
	width: 150px !important;
	border: none;
	padding: 0rem;
	max-width: 150px !important;
	height: auto !important;
}

main.sp img.full-width,
main.map-location img.full-width,
main.basic img.full-width {
	padding: 0rem !important;
	width: 100% !important;
	max-width: 100% !important;
}


#main-content a.non-promo-image-link {
	overflow: hidden;
	display: inline-block !important;
	margin: 0.5rem 0rem !important;
	padding: 3px 3px !important;
	width: auto !important;
}

#main-content a.non-promo-image-link img {
	border: none !important;
	display: block !important;
	margin: 0rem 0rem !important;
	padding: 0rem !important;
	width: auto !important;	
	max-width: 100% !important;	
}

#main-content a.non-promo-image-link:focus,
#main-content a.non-promo-image-link:hover,
#main-content a.non-promo-image-link:active {
	background: none !important;
	outline: none !important;
}

#main-content a.non-promo-image-link:focus {
	outline: 3px #ffbf47 solid !important;
}


/* Remove properties from links with href e.g. bookmarks */

#main-content.sp a:not([href]), #main-content.basic a:not([href]),
#main-content.sp a:not([href]):hover, #main-content.basic a:not([href]):hover {
    text-decoration: none !important;
	cursor: default !important;
	color: #000!important;
	background: #fff !important;
}

/* Social media icon links */

a.sm {
	display: inline-block !important;
	margin: 4px 0px !important;
	padding: 1px 1px 1px 45px !important;
}

a.sm[href*="facebook.com"] {
	background: url('/site-elements/images/social-media-icons/standard/social-media-facebook-32.png') no-repeat 0% 50% !important;
}

main#main-content a.sm[href*="facebook.com"]:focus,
main#main-content a.sm[href*="facebook.com"]:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-facebook-32.png') no-repeat 0% 50% !important;
}

a.sm[href*="instagram"] {
	background: url('/site-elements/images/social-media-icons/standard/social-media-instagram-32.png') no-repeat 0% 50%;
}
#main-content a.sm[href*="instagram"]:focus,
#main-content a.sm[href*="instagram"]:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-instagram-32.png') no-repeat 0% 50% !important;
}

a.sm[href*="linkedin"] {
	background: url('/site-elements/images/social-media-icons/standard/social-media-linkedin-32.png') no-repeat 0% 50%;
}
#main-content a.sm[href*="linkedin"]:focus,
#main-content a.sm[href*="linkedin"]:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-linkedin-32.png') no-repeat 0% 50% !important;
}

a.sm[href*="twitter"] {
	background: url('/site-elements/images/social-media-icons/standard/social-media-twitter-32.png') no-repeat 0% 50%;
}
#main-content a.sm[href*="twitter"]:focus,
#main-content a.sm[href*="twitter"]:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-twitter-32.png') no-repeat 0% 50% !important;
}

a.sm[href*="wordpress"] {
	background: url('/site-elements/images/social-media-icons/standard/social-media-wordpress-32.png') no-repeat 0% 50%;
}
#main-content a.sm[href*="wordpress"]:focus,
#main-content a.sm[href*="wordpress"]:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-wordpress-32.png') no-repeat 0% 50% !important;
}

a.sm[href*="youtube"] {
	background: url('/site-elements/images/social-media-icons/standard/social-media-youtube-32.png') no-repeat 0% 50%;
}
#main-content a.sm[href*="youtube"]:focus,
#main-content a.sm[href*="youtube"]:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-youtube-32.png') no-repeat 0% 50% !important;
}


/* iframes */

.basic iframe,
.sp iframe {
	margin: 1rem 0rem;
	width: 100% !important;
	min-height: 305px;
}



/* Aside */

aside {
	margin-top: 9.5rem;
}

aside h2 {
	margin: 1rem 0rem 0.45rem 0rem;
    padding-top: 1rem !important;
	font-size: 1.35rem;
	font-weight: 600;
}

aside h2:first-child {
	border-top: 2px solid #2a75bb;
}



aside ul {
	list-style-type: none;
	margin-left: 0rem;
}

aside ul li {
	margin-top: 0.3rem;
}

aside a {
	padding: 3px 0px;
}


aside a:focus {
	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important; 

}

aside a:hover {
 	outline: none !important;
	background: #ffbf47 !important;

	color: #000 !important;

}

/* Article */


article {
	margin: 2rem 0rem;
}

.google-ad-sense-container {
	padding: 0rem 0rem;
	display: none;
}

.google-adsense-wrapper article h2 {
	font-size: 1.4rem;
	margin: 2rem 0rem;
}

div.google-ad-sense-wrapper {
	margin: 0rem 0rem;
	min-height: 100px;
	display: none !important;
}

.google-ad-sense-vertical h2 {
	border-top: 2px solid #2a75bb;
	margin: 1.1rem 0rem 1.1rem 0rem;
    padding-top: 1rem !important;
    font-size: 1.35rem;
    font-weight: 600;
}

div.google-ad-sense-container {
	display: none !important;
}

/* Footer */

footer {
	margin-top: 5rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
    background: #000;
	color: #fff;
}

footer a:link,
footer a:visited,
footer a:active {
	text-decoration: none;	
	color: #fff !important;
 	padding: 5px 5px;
	margin: 0.5rem 0.5rem;
}

footer a:hover {
	text-decoration: underline;	
}

ul.footer-links-row-01,
ul.footer-links-row-02  {
 margin: 0.5rem 0rem;
}

.footer-links-row-02 a:link,
.footer-links-row-02 a:visited,
.footer-links-row-02 a:hover,
.footer-links-row-02 a:active {
	margin-left: 1rem;
	padding-left: 2.25rem;
}

footer ul li a:first-child {
	margin-left: 0rem !important;	
}

a.footer-social-instagram {
	background: url('/site-elements/images/social-media-icons/website-footer/instagram-24.png') no-repeat 0% 50%;
}

a.footer-social-facebook {
	background: url('/site-elements/images/social-media-icons/website-footer/facebook-24.png') no-repeat 0% 50%;
}

a.footer-social-linkedin {
	background: url('/site-elements/images/social-media-icons/website-footer/linkedin-24.png') no-repeat 0% 50%;
}

a.footer-social-twitter {
	background: url('/site-elements/images/social-media-icons/website-footer/twitter-24.png') no-repeat 0% 50%;
}

a.footer-social-youtube {
	background: url('/site-elements/images/social-media-icons/website-footer/youtube-24.png') no-repeat 0% 50%;
}

/* Focus for general elements */

/* main area[href]:focus,
main input:focus,
main select:focus,
main textarea:focus,
main button:focus,
main iframe:focus,
main [tabindex]:focus,
main [contentEditable=true]:focus,
addFocus:focus {
 	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
} */

main iframe:focus {
 	background: #ffbf47 !important;
	color: #000 !important;
	font-weight: 600 !important;
	outline: 2px solid #000 !important;
} 


/* Footer focus */

footer a:link:focus,
footer a:hover:focus,
footer a:visited:focus,
footer a:active:focus {
	outline-offset: 3px;
	outline: 3px solid #ffbf47 !important;
}

/* Home page */

/* Home page banner links */

header.banner .home-my-accounts a:link,
header.banner .home-my-accounts a:visited {
	text-decoration: none;
}

header.banner .home-my-accounts a:hover,
header.banner .home-my-accounts a:active {
	text-decoration: underline;
}

.home-my-accounts a:link:focus,
.home-my-accounts a:hover:focus,
.home-my-accounts a:visited:focus,
.home-my-accounts a:active:focus {
	outline-offset: 3px;
	outline: 3px solid #ffbf47 !important;
}

.home-hero {
    background: #2a75bb; 
	padding-top: 1rem !important;
	margin-bottom: 1.3rem;
 }

.home-hero header {
    background: #2a75bb !important;
	margin: 0rem 0rem;
	padding: 0rem 0rem;
	overflow-wrap: break-word;
}



.home-hero label.sr-only {
	color: #fff;
}

.home h1 {
	background: #2a75bb !important;
	color: #fff;
	margin-top: 1.25rem !important;
	font-size: 3rem;
	font-weight: 400;
	overflow-wrap: break-word;
}

/* Home Search Box */

.home-search-box {  
	margin: 2rem 0rem;
}

.home-search-box input.search-box {  
	width: 80%;
}

.home-search-box button {  
	background: #0c3652 !important;
	margin: -0.3rem 0rem 0rem -3rem !important;
	padding: 0.25rem 0.8rem 0.25rem 0.8rem !important;
}

.home-search-box input[type=search]:focus,
.home-search-box button:focus 
 {
	outline-offset: -3px;
	outline: 3px solid #ffbf47 !important;
}

.home-search-box button:focus {
	outline-offset: -3px;
	outline: 3px solid #ffbf47 !important;
}


 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
	.home-search-box button:focus {
		border: 3px solid #ffbf47 !important;
		outline: none !important;
		padding: 0.57rem 0.55rem 0.57rem 0.55rem !important;
	}	
}



/* Popular */

.popular-box {
	background: #000;
	color: #fff;
	padding: 1rem 1rem 0.70rem 1rem;
}

.popular-box h2 {
	font-size: 1.1rem;
	margin: 0rem 0rem !important;
}

.popular-box ul {
	list-style-type: none;
	margin-left: 0rem !important;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	font-weight: bold;
}

.popular-box ul li {
	margin: 0rem 0rem;
}


.popular-box ul a {
	color: #fff !important;
	display: inline-block;
	padding: 1px 0px !important;
	text-decoration: underline;
}

header .popular-box ul a:focus {
 	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

header .popular-box ul a:hover {
 	outline: none !important;
	background: #ffbf47 !important;
	color: #000 !important;
}


/* BETA notices */

.beta-box-wrapper {
	/* display: none !important; */
	background: #58595b; /* Grey */
	/* background: #B11E31; */ /* Christmas Red */
	overflow: hidden !important;
	color: #fff !important;
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
}

.beta-box-wrapper div,
.beta-box-wrapper p {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important;
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

.beta-box-wrapper p.beta-title {
	margin-top: 0.25rem !important;
	margin-bottom: 0.5rem !important;
}

.beta-box-wrapper p.beta-tagline-01 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.beta-box-wrapper p.beta-tagline-02 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}


.beta-box-wrapper .beta-box a:link,
.beta-box-wrapper .beta-box a:visited {
	color: #fff !important;
	text-decoration: underline !important;	
}


#main-content .beta-box-wrapper .beta-box a:focus, .beta-box-wrapper .beta-box a:focus,
#main-content .beta-box-wrapper .beta-box a:hover, .beta-box-wrapper .beta-box a:hover,
#main-content .beta-box-wrapper .beta-box a:active, #main-content .beta-box-wrapper .beta-box a:active {
 	outline: none !important;
	background: #fff !important;
	color: #000 !important;
}


p strong.phase-tag {
	color: #fff !important;
    background-color: #333;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
    padding: 0.3rem 1rem 0.3rem 1rem !important;
}

/* Christmas notice */

.christmas-wrapper {
	/* display: none !important; */
	/* background: #B11E31; */
	background: #58595b !important; /* Grey */
	overflow: hidden !important;
	color: #fff !important;
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
}


.christmas-wrapper div,
.christmas-wrapper p {
	padding-top: 0.05rem !important;
	padding-bottom: 0.05rem !important;
	/* margin-top: 0.25rem !important; */
	margin-bottom: 0rem !important;
}

div.christmas-wrapper a:link,
div.christmas-wrapper a:visited {
	color: #fff !important;
	text-decoration: underline !important;	
}


div.christmas-wrapper p a:focus, 
div.christmas-wrapper p a:hover,
div.christmas-wrapper p a:active {
 	outline: none !important;
	background: #fff !important;
	color: #000 !important;
}

/* Secondary message bar */

div.secondary-message {
	/* display: none !important; */
	background: #156e8a !important; /* Teal */
	overflow: hidden !important;
	color: #fff !important;
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
}

div.secondary-message div,
div.secondary-message p {
	padding-top: 0.05rem !important;
	padding-bottom: 0.05rem !important;
	margin-bottom: 0rem !important;
}

div.secondary-message a:link,
div.secondary-message a:visited {
	color: #fff !important;	
	text-decoration: underline !important;	
}


div.secondary-message p a:focus, 
div.secondary-message p a:hover,
div.secondary-message p a:active {
 	outline: none !important;
	background: #fff !important;
	color: #000 !important;
}

/* Home page promotions */

main.home h3,
main.home h3 a,
main.home h4,
main.home h4 a {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
	font-size: 1.4rem !important;
	font-weight: bold !important;
}

main.home .grid-container {
	margin-bottom: 1.8rem;
}

main.home div.callout-box {
	margin-bottom: 0.25rem !important;
} 

#main-content .home-promotion a {
	/* overflow: hidden; */
	display: block;
	white-space: nowrap !important;
	padding: 0rem;
	padding-bottom: 0.10rem;
}

.home-promotion img {
    width: 100% !important;
    height: auto;
	display: block;
}

#main-content .home-promotion a:visited h3 {
	color: #884488 !important;
	text-decoration-color: #884488 !important;
}

#main-content .home-promotion a:hover,
#main-content .home-promotion a:hover h3,
#main-content .home-promotion a:focus,
#main-content .home-promotion a:focus h3  {
	text-decoration-color: #000 !important;
	outline: 3px solid #ffbf47 !important;
	background: #ffbf47 !important;
	color: #000 !important;

}

#main-content div.home-promotion h3 {
	white-space: pre-wrap;
	margin: 1.25rem 0rem 0.5rem 0rem !important;
}

/* My maps */

.home .maps {
	margin-bottom: 2rem;
}

.home .maps .cell {
	border: 1px solid #DDD;
	padding: 2rem;
}

/* Main feature */


/* News */

.home .news > h3,
.home .news > h4 {
	margin: 1rem 0rem 2rem 0rem !important;
}

.home .news h3 a,
.home .news h4 a {
	color: #3344dd !important;
}

.home .news {
	margin-top: 1rem;
	margin-bottom: 3rem;
	border: none;
}

.home .news .cell {
    border: 1px solid #DDD;
	height: 350px;
	padding: 2rem;
}

/* Twitter */

.twitter-feature {
	/* display: none; */
	margin: 0 auto;
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding-top: 1.3rem;
	padding-bottom: 1.5rem;
	padding-left: 6rem;
	border:1px solid #ddd;
	background: #f5f5f5 url('/site-elements/images/social-media-icons/home-page/twitter-logo.png') no-repeat 1rem 2rem;
	overflow-wrap: break-word;
 
}

.twitter-feature h3 a:link, 
.twitter-feature h3 a:visited, 
.twitter-feature h3 a:hover, 
.twitter-feature h3 a:active {
	font-size: 1.8rem !important;
}

/* Service landing pages */

.slp-page-title-wrapper {
	margin-top: 0.00rem;
	margin-bottom: 0.00rem;
}

 main.slp header.page-title {
	margin: 0.03rem 0rem 0.03rem 0rem;
} 

main.slp h1 {
	margin-bottom: 0rem;
}

main.slp .tasks {
	margin-top: 4.5rem;
}


main.slp .tasks .grid-container {
	margin-bottom: 1.75rem;
}


main.slp .tasks > :first-child {
	margin-top: 2rem !important;	
}

.slp-promotion-row {
	margin-bottom: 1.25rem;
}

main.slp .tasks .cell {
	min-height: 8rem;
}

main.slp h3,
main.slp h3 a {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
	font-size: 1.4rem !important;
	font-weight: bold !important;
}


#main-content .slp-promotion a {
	/* overflow: hidden; */
	display: block;
	white-space: nowrap !important;
	padding: 0rem;
	padding-bottom: 0.10rem;
}

.slp-promotion img {
    width: 100%;
    height: auto;
	display: block;
}




#main-content .slp-promotion a:visited h3 {
	color: #884488 !important;
	text-decoration-color: #884488 !important;
}

#main-content .slp-promotion a:hover,
#main-content .slp-promotion a:hover h3,
#main-content .slp-promotion a:focus,
#main-content .slp-promotion a:focus h3  {
	text-decoration-color: #000 !important;
	outline: 3px solid #ffbf47 !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

#main-content div.slp-promotion h3 {
	white-space: pre-wrap;
	margin: 1.25rem 0rem 0.5rem 0rem !important;
}

#main-content.basic div.cell > img,
#main-content.slp div.cell > img {
	display: inline-block;
 	margin: 1rem 0rem;
}


a.image-link {
	display: inline-block;
	overflow: hidden !important;
}


/* Contact us pages */

p.contact-header {
	margin: 3rem 0rem 1.5rem 0rem !important;
}

.contact-header a {
	background: #fff !important;
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	color: #000;
	padding: 1.3rem 1.25rem 1.3rem 1.25rem !important;
	border: #2a75bb 10px solid;
	border-top: none;
	border-right: none;
	border-bottom: none;
	margin: 1.5rem 0rem !important;
	text-decoration: none;
}


#main-content .contact-header a:active,
#main-content .contact-header a:focus,
#main-content .contact-header a:hover {
 	outline: none !important;
	background: #fff !important;
}


/* Forms */

main.forms p.guidance-required {
	margin: 2rem 0rem 0rem 0rem;
}

.sys_cms-form-body {
	padding-left: 0rem !important;
}

.sys_cms-form-item {
	padding-left: 0rem !important;
}

.sys_cms-form-body * {
	font-size: 1.2rem !important;
	color: #000 !important;
}

main.forms p.bigger strong {
	font-size: 2rem !important;
}


/* Section breaks */


span.sys_sectionbreak-header:empty {
	display: none !important;
}

.sys_cms-form-control .sys_sectionbreak-text h2,
.sys_cms-form-control .sys_sectionbreak-text h3,
.sys_cms-form-control .sys_sectionbreak-text h4 {
	font-weight: 700;
}

.sys_cms-form-control .sys_sectionbreak-text h2 {
	font-size: 2.5rem !important;
	margin: 1.5rem 0rem !important;
}

.sys_cms-form-control .sys_sectionbreak-text h3 {
	font-size: 1.5rem !important;
	margin: 0.25rem 0rem;
}



.sys_cms-form-control .sys_sectionbreak-text ul {
	margin: 1.5rem 1.5rem !important;
	list-style: disc !important;
}

.sys_cms-form-control .sys_sectionbreak-text li  {
	display: list-item !important;
	list-style: disc !important;
}





ul.sys_cms-form-body:after, .sys_cms-form-body li:after {
	content: none !important;
}

.sys_cms-form-body li {
	display: inline-block !important;
	margin-bottom: 0rem !important;
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}



/* Section headers */

.sys_sectionbreak {
	margin-top: 1.5rem !important;
	padding: 0rem 0rem !important;
	overflow: hidden !important; 
}

span.sys_sectionbreak-header {
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	color: #000;
	padding: 1rem 1.25rem 1rem 1.25rem !important;
	border: #CDCDCD 10px solid;
	border-top: none;
	border-right: none;
	border-bottom: none;
	margin: 1.5rem 0rem !important;
}

span.sys_sectionbreak-header:empty {
	border: none;	
}

.sys_sectionbreak-text {
	font-size: 1.2rem !important;
	font-weight: 400 !important;
}

/* Form labels */

.sys_cms-form-body label  {
	font-weight: 400 !important;
	margin: 0rem 0rem !important;
}

.sys_cms-form-body legend,
.sys_cms-form-body div.sys_legend {
	display: block;
	font-weight: 400 !important;
	margin: 0.3rem 0rem !important;
	width: 100% !important;
}

/* General input styles */
li.sys_cms-form-item div.sys_fieldcontent {
	margin-bottom: 1rem !important; /* 01072020 */
}


.sys_fieldcontent > input, .sys_fieldcontent > div > input,
.sys_fieldcontent > textarea {
	border: 2px solid #000 !important;
	color: #000 !important;
	font-weight: 400;
	margin: 0rem 0rem 0rem 0rem !important; /* 01072020 */
	padding-left: 0.5rem !important;
	text-transform: none;
}

.sys_fieldcontent > input {
	height: 3rem !important;
}

/* Radio buttons */

.sys_radio span input:hover {
	cursor: pointer;
}

.sys_radio span { 
	display: block !important;
	margin: 0.5rem 0rem !important;
	overflow: hidden !important;
}

.sys_cms-form-body .sys_radio label {
	font-weight: 400 !important;
	line-height: 150%;
	padding: 0.65em 0 !important;
}

.sys_radio span input[type="radio"] {
	margin: 1rem 1rem 1rem 0.5rem !important; /* Updated 12-06-2020 */
	border: 2px solid #000 !important;
	width: 44px !important;
	height: 44px !important;
	background: #fff !important;
	border-radius: 50%;
}

.sys_cms-form-body .sys_radio label {
	font-weight: 400 !important;
	line-height: 150%;
	padding: 1.15rem 0 !important; /* Updated 12-06-2020 */
}

#collection-date-request input#postcode {
	margin: 0.8rem 0rem 1.6rem 0rem !important;
	width: 300px !important;
}


/* Check boxes */

.sys_checkbox span { 
	display: block !important;
	margin: 0.5rem 0rem !important;
	/* overflow: hidden !important; */
}

.sys_cms-form-body .sys_checkbox label {
	display: inline-block;
	font-weight: 400 !important;
	line-height: 150%;
	padding: 1.25rem 0 !important; /* Updated 12-06-2020 */
	width: 90% !important;
}

.sys_checkbox span input[type="checkbox"] {
	margin: 1rem 1rem 0rem 0.5rem !important;
	border: 2px solid #000 !important;
	width: 44px !important;
	height: 44px !important;
	background: #fff !important;
}

.sys_cms-form-body .sys_checkbox span { 
	display: block !important;
}


.sys_checkbox label {
	font-weight: 400 !important;
	line-height: 200%;
	padding: 3em 0 !important;
	color: red;
	float: none !important; 
}

/* Select boxes */

#main-content .sys_cms-form-body .sys_dropdown select { 
    border: 2px solid #000 !important;
	height: 3rem !important;
	line-height: 2rem !important;
	font-weight: 400 !important;
}



/* Name combination boxes */

.sys_namesubelement {
	display: block !important;
	float: none !important;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
	text-align: left !important;
	width: 50% !important;
}

.sys_namesubelement input {
	border: 2px solid #000 !important;
	height: 3rem !important;
	width: 100% !important;
}

/* Postcode look up */

button.address-look-up {
	clear: both !important;
	display: inline-block;
	margin: 1rem 0rem;
}

.ajaxwait{
	margin-left: 0.7rem;
}

/* Address combination boxes */

.sys_address div.sys_fieldcontent div {
	display: block !important;
	float: none !important;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
	text-align: left !important;
	width: 100% !important;
}

.sys_address input {
	width: 50% !important;
	border: 2px solid #000 !important;
	height: 3rem !important;
	line-height: 1rem !important;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

/* Date element */

.sys_date input {
	width: 50% !important;
	border: 2px solid #000 !important;
	height: 3rem !important;
	line-height: 1rem !important;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

/* Time element */

div.sys_timesubelement {
	width: 6rem !important;
}

div.sys_timesubelement input  {
	border: 2px solid #000 !important;
	height: 3rem !important;
	line-height: 1rem !important;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
	width: 3rem !important;
}


div.sys_timesubelement select {
	border: 2px solid #000 !important;
	height: 3rem !important;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
	padding: 0rem 0rem 0rem 0.3rem !important;
}

input.formsuploader {
	height: 3.5rem !important;
	padding: 5px !important;
}

.sys_cms-form-body li.sys_hiddenfield {
	display: none !important;
}



/* General field content */

.sys_pagebreak {
	margin: 1rem 0rem;
	padding: 0.5rem 0.5rem;
}


/* Required */
.sys_cms-form-body .sys_legend .sys_required {
	display: inline !important;
}

/* Form buttons */

.sys_pagebreak {
	overflow: hidden !important;
	margin-top: 0.25rem !important;
}

.sys_cms-form-body button {
	background-color: #00823b;
	color: #fff !important;
	text-transform: lowercase !important;
	padding: 0.3rem 0.6rem;
	font-size: 1.3rem !important;
	font-weight: 400 !important;
	cursor: pointer;
	height: 44px !important;
}

.sys_cms-form-body button[id^="btnBack"] {
	background-color: #58595b;
}

.sys_cms-form-body button[id^="btnNext"] {
	background-color: #58595b;
	float: right;	
}

.sys_cms-form-body button[class="sys_form-submit"] {
	margin-top: 0.5rem !important;
	display: inline-block;
	background-color: #00823b;
}

.sys_cms-form-body button:first-letter {
	text-transform: capitalize !important;
}

/* Form control focus */

.sys_cms-form-body input:focus,
textarea:focus,
select:focus {
	border: 2px solid #000 !important; 
	outline-offset: 0px;
	outline: 3px solid #2a75bb !important;
	 
}

.sys_cms-form-body button:focus,
.sys_cms-form-body button:active {
	background: #ffbf47 !important;
	color: #000 !important;
	font-weight: 600 !important;
	outline: 2px solid #000 !important;	
}


.sys_cms-form-body button:hover {
	background: #005a30;
}

/* Form validation */

ul.sys_cms-form-validationsummary {
	border: 5px solid #b10e1e !important;
	padding: 1.5rem !important;
}

ul.sys_cms-form-validationsummary li {
	color: #b10e1e !important;
	font-size: 1.3rem !important;
	font-weight: 600 !important;
	margin-bottom: 0.5rem !important;
}

.sys_cms-form-body label.sys_cms-form-error,
.sys_cms-form-error span  {
	color: #b10e1e !important;
	font-size: 1.3rem !important;
	font-weight: 600 !important;
}

.sys_cms-form-body label.sys_cms-form-error:focus,
.sys_cms-form-error span:focus {
	outline: none;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
}

textarea.sys_medium {
		width: 100% !important;
}

/* Submit progress status */

.sys_form-progress {
	position: fixed !important;
	width: 200px !important;
	height: 60px !important;
	top: 30% !important;
	left: 35% !important;
}

/* reCAPTCHA */

div.grecaptcha-badge {
	left: 4px !important;
}



/* Map summary */

.map-box iframe {
	content: none !important;
	margin: 1rem 0rem;
	overflow: auto;
	width: 99% !important;
	display: inline-block;
	min-height: 400px !important;
	border: 2px solid #000 !important;	
}

.map-box a:not([href]),
.map-box a:not([href]) {
    text-decoration: none !important;
	color: #000 !important;
}

/* Map location */

.map-location img {
	border: 1px solid #CCC;
	padding: 0.75rem;
	margin: 0rem 1rem 1rem 0rem;
	width: 45%;
}


/* Embedded iShare maps */

iframe.ishare-map {
	margin: 1rem 0rem;
	overflow: auto;
	width: 99% !important;
	min-height: 732px !important;
	/* display: inline-block; */
	border: 2px solid #000 !important;
}


/* Microsite */

main.microsite header.page-title {
	margin: 1.5rem 0rem;
}

main.microsite h1 {
	padding: 0rem 0rem !important;
	margin: -1rem 0rem !important;
}

main.microsite h3,
main.microsite h3 a {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
	font-size: 1.4rem !important;
	font-weight: bold !important;
}

main.microsite .grid-container {
	margin-bottom: 1.8rem;
}

main.microsite hr {
	border: 2px solid #000;
	margin: 1.5rem 0rem;
}

#main-content .microsite-feature-main a,
#main-content .microsite-sub-feature a  {
	overflow: hidden;
	display: block;
	white-space: nowrap !important;
	padding: 0rem;
}

#main-content .microsite-feature-main img,
#main-content .microsite-sub-feature img {
    width: 100%;
    height: auto;
	display: block;
}

#main-content .microsite-feature-main a:visited h3,
#main-content .microsite-sub-feature a:visited h3 {
	color: #884488 !important;
	text-decoration-color: #884488 !important;
}

#main-content .microsite-feature-main a:hover,
#main-content .microsite-feature-main a:hover h3,
#main-content .microsite-feature-main a:focus,
#main-content .microsite-feature-main a:focus h3,
#main-content .microsite-sub-feature a:hover,
#main-content .microsite-sub-feature a:hover h3,
#main-content .microsite-sub-feature a:focus,
#main-content .microsite-sub-feature a:focus h3 {
	text-decoration-color: #000 !important;
	outline: 3px solid #ffbf47 !important;
	background: #ffbf47 !important;
	color: #000 !important;
}

#main-content div.microsite-feature-main h3,
#main-content div.microsite-sub-feature h3  {
	white-space: pre-wrap;
	margin: 1.25rem 0rem 0.5rem 0rem !important;
}

/* Social media icons */

ul.social-media {
	list-style-type: none;
	margin-left: 0rem;
}

ul.social-media li {
	margin: 1rem 0rem;
}


#main-content ul.social-media li a:link,
#main-content ul.social-media li a:visited,
#main-content ul.social-media li a:hover,
#main-content ul.social-media li a:active {
	padding-left: 45px;
	
}

a.social-media-facebook {
	background: url('/site-elements/images/social-media-icons/standard/social-media-facebook-32.png') no-repeat 0% 50% !important;
}
#main-content ul.social-media li a.social-media-facebook:focus,
#main-content ul.social-media li a.social-media-facebook:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-facebook-32.png') no-repeat 0% 50% !important;
}

a.social-media-instagram {
	background: url('/site-elements/images/social-media-icons/standard/social-media-instagram-32.png') no-repeat 0% 50%;
}
#main-content ul.social-media li a.social-media-instagram:focus,
#main-content ul.social-media li a.social-media-instagram:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-instagram-32.png') no-repeat 0% 50% !important;
}

a.social-media-linkedin {
	background: url('/site-elements/images/social-media-icons/standard/social-media-linkedin-32.png') no-repeat 0% 50%;
}
#main-content ul.social-media li a.social-media-linkedin:focus,
#main-content ul.social-media li a.social-media-linkedin:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-linkedin-32.png') no-repeat 0% 50% !important;
}

a.social-media-twitter {
	background: url('/site-elements/images/social-media-icons/standard/social-media-twitter-32.png') no-repeat 0% 50%;
}
#main-content ul.social-media li a.social-media-twitter:focus,
#main-content ul.social-media li a.social-media-twitter:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-twitter-32.png') no-repeat 0% 50% !important;
}

a.social-media-wordpress {
	background: url('/site-elements/images/social-media-icons/standard/social-media-wordpress-32.png') no-repeat 0% 50%;
}
#main-content ul.social-media li a.social-media-wordpress:focus,
#main-content ul.social-media li a.social-media-wordpress:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-wordpress-32.png') no-repeat 0% 50% !important;
}

a.social-media-youtube {
	background: url('/site-elements/images/social-media-icons/standard/social-media-youtube-32.png') no-repeat 0% 50%;
}
#main-content ul.social-media li a.social-media-youtube:focus,
#main-content ul.social-media li a.social-media-youtube:hover {
	background: #ffbf47 url('/site-elements/images/social-media-icons/standard/social-media-youtube-32.png') no-repeat 0% 50% !important;
}

/* Accordion */

div.accordion {
	margin: 1.75rem 0rem;
}

.map-location div.accordion {
	width: 75% !important;
	margin: 2rem 0rem;
}


#main-content .accordion-item {
	background: #005ea5 !important;
	color: #fff !important;
	margin: 0.25rem 0rem;
}

.accordion-item a.accordion-title {
	color: #fff !important;
	font-size: 1.5rem !important;
	/* padding: 0.75rem 2.5rem 0.75rem 1rem !important; */
	padding: 0.75rem 3.15rem 0.75rem 1rem !important;
	text-decoration: none !important;
}

.accordion-item a.accordion-title:before {
	content: " " !important;
}


.accordion-item a.accordion-title[aria-expanded=false] {
	background: url('/site-elements/images/icons/accordion-plus-icon.png') no-repeat 97% 50%;
}

#main-content .accordion-item a.accordion-title[aria-expanded=false]:focus,
#main-content .accordion-item a.accordion-title[aria-expanded=false]:hover,
#main-content .accordion-item a.accordion-title[aria-expanded=false]:active {
	background: #ffbf47 url('/site-elements/images/icons/accordion-plus-icon-black.png') no-repeat 97% 50% !important;
	color: #000 !important;
}

.accordion-item a.accordion-title[aria-expanded=true] {
	background: url('/site-elements/images/icons/accordion-minus-icon.png') no-repeat 97% 50%;
}

#main-content .accordion-item a.accordion-title[aria-expanded=true]:focus,
#main-content .accordion-item a.accordion-title[aria-expanded=true]:hover,
#main-content .accordion-item a.accordion-title[aria-expanded=true]:active {
	background: #ffbf47 url('/site-elements/images/icons/accordion-minus-icon-black.png') no-repeat 97% 50% !important;
	color: #000 !important;
}

div.accordion-content {
	overflow: hidden !important;
}

div.accordion-content img {
	display: inline-block;
	margin: 2rem 0rem;
} 



/* Callouts */

.callout,
.sys_theme-simple div.callout {
	/* background: #fff; */
	border-width: 2px;
	margin: 1rem 0rem;
	padding: 1rem !important;
}

div.callout h2, div.callout h2 a {
	font-size: 1.4rem !important;
}


div.callout h3, div.callout h3 a {
	font-size: 1.25rem !important;
}

div.callout h4, div.callout h4 a,
div.callout h5, div.callout h5 a {
	font-size: 1.225rem !important;
}





.callout.secondary,
.sys_theme-simple div.callout.secondary {
    background-color: #eaeaea;
    color: #000;
}

.home .callout-box .callout {
	margin-top: 0rem;
}

/* Insets */

div.inset {
	margin: 3rem 0rem;
	padding: 1.25rem 1.25rem;
	border: #BCBCBC 10px solid;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

div.inset p {
	margin-bottom: 0rem;
}

/* Warning text */

div.warning-text {
	font-weight: 600;
	margin: 3rem 0rem;
	padding: 1.25rem 1.25rem 1.25rem 3rem;
	background: #fff url('/site-elements/images/icons/warning-text-icon.png') no-repeat 0% 50% !important;
}

div.warning-text p {
	margin-bottom: 0rem;
}

/* Tables */

table {
	margin: 1.75rem 0rem;
	width: 100%;
}

table caption {
	font-size: 1.5rem;
	text-align: left !important;
}

table th {
	font-size: 1.25rem;
	font-weight: 700;
	text-align: left !important;
}

table tr {
	border-bottom: 1px solid #b1b4b6 !important;
}

table tr, table td {
	text-align: left !important;
}

/* Documents */

ul.documents {
	list-style-type: none !important;
	margin: 2rem 0rem !important;
}

ul.documents li {
	display: block; 
	margin: 0rem 0rem;
}


div.documents {
	border: 1px solid #ccc;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
}

#main-content div.documents h3 a:link,
#main-content div.documents h3 a:visited {
	background: url('/site-elements/images/icons/document-icon-32.png') no-repeat 0% 50% !important;
	font-size: 1.3rem;
	font-weight: 600;
	padding: 1rem 1rem 1rem 3rem !important;
}

.document-icon,
#main-content a:link[href$=".pdf"], #main-content a:link[href$=".PDF"],	#main-content a:visited[href$=".pdf"], #main-content a:visited[href$=".PDF"], 
#main-content a:link[href$=".doc"], #main-content a:visited[href$=".doc"], #main-content a:link[href$=".DOC"], #main-content a:visited[href$=".DOC"],
#main-content a:link[href$=".docx"],#main-content a:visited[href$=".docx"], #main-content a:link[href$=".DOCX"],#main-content a:visited[href$=".DOCX"],
#main-content a:link[href$=".xls"], #main-content a:visited[href$=".xls"], #main-content a:link[href$=".XLS"], #main-content a:visited[href$=".XLS"],
#main-content a:link[href$=".xlsx"],#main-content a:visited[href$=".xlsx"], #main-content a:link[href$=".XLSX"],#main-content a:visited[href$=".XLSX"],
#main-content a:link[href$=".ppt"], #main-content a:visited[href$=".ppt"], #main-content a:link[href$=".PPT"], #main-content a:visited[href$=".PPT"],
#main-content a:link[href$=".pptx"],#main-content a:visited[href$=".pptx"], #main-content a:link[href$=".PPTX"],#main-content a:visited[href$=".PPTX"],
#main-content a:link[href$=".csv"],#main-content a:visited[href$=".csv"], #main-content a:link[href$=".CSV"],#main-content a:visited[href$=".CSV"] {
	background: url('/site-elements/images/icons/document-icon-32.png') no-repeat 0% 50% !important;
	display: inline-block !important;
	font-size: 1.3rem;
	font-weight: 700;
	padding: 1rem 0rem 1rem 3rem !important;
}

.document-icon {
 font-weight: 400;
}

#main-content a:link.no-document-icon,
#main-content a:visited.no-document-icon,
#main-content a:hover.no-document-icon,
#main-content a:active.no-document-icon,
#main-content a:focus.no-document-icon {
	padding: 3px 0px !important;
	background: none !important;
	font-size: 1.1rem !important;
	font-weight: 400 !important;
}

div.small-document-icon a,
#main-content a:link.small-document-icon,
#main-content a:visited.small-document-icon,
#main-content a:hover.small-document-icon,
#main-content a:active.small-document-icon,
#main-content a:focus.small-document-icon {
	font-size: 1.1rem !important;
	font-weight: 400 !important;
}




#main-content div.documents h3 a:focus,
#main-content div.documents h3 a:hover,
#main-content div.documents h3 a:active {
	background: #ffbf47 url('/site-elements/images/icons/document-icon-32.png') no-repeat 0% 50% !important;
    color: #000 !important;
	font-size: 1.3rem;
	font-weight: 700;
	padding: 1rem 1rem 1rem 3rem !important;
}

#main-content a:focus[href$=".pdf"],	#main-content a:hover[href$=".pdf"], #main-content a:active[href$=".pdf"], 
#main-content a:focus[href$=".PDF"],	#main-content a:hover[href$=".PDF"], #main-content a:active[href$=".PDF"], 
#main-content a:focus[href$=".doc"],	#main-content a:hover[href$=".doc"], #main-content a:active[href$=".doc"],
#main-content a:focus[href$=".DOC"],	#main-content a:hover[href$=".DOC"], #main-content a:active[href$=".DOC"],
#main-content a:focus[href$=".docx"],	#main-content a:hover[href$=".docx"],#main-content a:active[href$=".docx"],
#main-content a:focus[href$=".DOCX"],	#main-content a:hover[href$=".DOCX"],#main-content a:active[href$=".DOCX"],
#main-content a:focus[href$=".xls"], 	#main-content a:hover[href$=".xls"], #main-content a:active[href$=".xls"],
#main-content a:focus[href$=".XLS"], 	#main-content a:hover[href$=".XLS"], #main-content a:active[href$=".XLS"],
#main-content a:focus[href$=".xlsx"],	#main-content a:hover[href$=".xlsx"],#main-content a:active[href$=".xlsx"],
#main-content a:focus[href$=".XLSX"],	#main-content a:hover[href$=".XLSX"],#main-content a:active[href$=".XLSX"],
#main-content a:focus[href$=".ppt"], 	#main-content a:hover[href$=".ppt"], #main-content a:active[href$=".ppt"],
#main-content a:focus[href$=".PPT"], 	#main-content a:hover[href$=".PPT"], #main-content a:active[href$=".PPT"],
#main-content a:focus[href$=".pptx"],	#main-content a:hover[href$=".pptx"],#main-content a:active[href$=".pptx"],
#main-content a:focus[href$=".PPTX"],	#main-content a:hover[href$=".PPTX"],#main-content a:active[href$=".PPTX"],
#main-content a:focus[href$=".csv"],	#main-content a:hover[href$=".csv"],#main-content a:active[href$=".csv"],
#main-content a:focus[href$=".CSV"],	#main-content a:hover[href$=".CSV"],#main-content a:active[href$=".CSV"]  {
	background: #ffbf47 url('/site-elements/images/icons/document-icon-32.png') no-repeat 0% 50% !important;
    color: #000 !important;
	font-size: 1.3rem;
	font-weight: 700;
	padding: 1rem 0rem 1rem 3rem !important;
}

#main-content a:link.no-document-icon,
#main-content a:visited.no-document-icon {
	padding: 3px 0px !important;
	background: none !important;
	font-size: 1.1rem !important;
	font-weight: 400 !important;
}

#main-content a:hover.no-document-icon,
#main-content a:active.no-document-icon,
#main-content a:focus.no-document-icon {
	background: #ffbf47 !important;
    color: #000 !important;	
}

div.documents p.metadata {
	color: #444;
}

ul.documents {
	list-style-type: none !important;
}

.acrobat-reader-download {
	margin: 1rem 0rem;	
}

/* Pagination */

.pagination li {
    font-size: 1.1rem;
	margin-right: 0.5rem;
}

.pagination .disabled {
	color: #555555;
}

.pagination li button {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 1.1rem;
    cursor: pointer;
}

 
.pagination li  button:focus,
.pagination li  button:active,
.pagination li  button:hover {
	background: #ffbf47 !important;
	color: #000 !important;
	font-weight: 600 !important;
	outline: 2px solid #000 !important;	
}



/* Figure */

figure {
	display: inline-block;
	text-align: left;
	font-size: smaller;
	text-indent: 0;
	margin-bottom: 2em;
	padding: 0.95rem 0.85rem;
	border: 1px solid #CDCDCD;
}


figcaption {
	padding: 0.8rem 0rem;
	display: none;
}

main.sp figure {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-bottom: 2em;
	margin: 1.75rem 0rem;
	padding: 0rem;
	border: none;
	width: 100%;
}

main.sp figure img {
	width: 100%;
	height: auto;	
}


main.sp p.caption, 
main.sp figcaption {
	/* background: #EFEFEF; */
	color: #000;
	display: block;
	padding: 1rem;
	border-left: 10px solid #DDD;
}

/* Contact information */

p.address {
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: 1px solid #b1b4b6;
    padding-left: 15px;
}


/* Tooltip */

.tip {
        display: inline-block !important;
		position: relative;
        content: attr(title);
        color:white;
        background: #005ea5;
		padding: 2px 14px;
		border-radius: 70px;
		margin-left: 4px;
}
    
.tip:hover, .tip:focus {
        background: #ffbf47;
        color: black;
        outline: none;
		cursor: pointer;
	}

.tip:hover:after, .tip:focus:after {
        background: black !important;
        background: rgba(0,0,0,.8);
        bottom: 26px;
        color: white;
        content: attr(title);
	    left: 0;
		overflow: visible;
        padding: 5px 5px;
        position: absolute;
        z-index: 98;
	    width: 12em;
		white-space: normal;
		margin-left: -5em;
}

.tip:hover:before, .tip:focus:before {
        border: solid;
        border-color: black transparent;
        border-width: 6px 6px 0 6px;
        bottom: 20px;
        content: "";
        left: 50%;
        position: absolute;
        z-index: 99;
}

/* Events */

#events-results-container h3 a:link,
#events-results-container h3 a:visited,
#events-results-container h3 a:hover,
#events-results-container h3 a:active {
	font-size: 1.1rem;
	font-weight: 700;
} 


#events-results-container h4 {
	font-size: 1.1rem;
	font-weight: 600;
}

div.events-field-container {
	padding: 0.25rem 0rem;
    width: 70% !important;
}

.keywords {
    width: 72%;
    display: inline-block !important;
    margin-right: 2%;
}

.date-field {
    width: 34%;
    display: inline-block;
}

.date-field-from {
    margin-right: 3%;
}

#event-search-btn {
	margin: 1.25rem 0rem !important;
}


/* Basic container */

.basic-container h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

.prow-landing-page input {
	padding: 0rem 0.5rem;
}

.prow-landing-page .sys_checkbox label{
	vertical-align:top;
}

/* Home page news */
.news .news-item {
	/* overflow: hidden; */
	position: relative;
}

.news .news-loader {
	display: none;
	position: absolute;
	left: 30%;
	top: 30%;
}

/* News article */

blockquote {
	margin: 2rem 0rem !important;
	border-left: 5px solid #cacaca !important;
	color: #464646 !important;
	padding: .5625rem 1.25rem .5625rem 1.1875rem !important;
}

blockquote p {
	color: #464646 !important;
}




/* Trading standards advice pack */

iframe.trading-standards-advice-pack {
	border: none !important;
	width: 99% !important;
	margin: 1.5rem 0rem;
	min-height: 500px !important
}

/*PROW*/
.prow-search-fields{
	margin-bottom: 1rem;
}

/*bin collections*/
#collection-date-results #results-table{
	margin-top: 0rem;
}


div#pdf-calendars {
	/* display: none !important; */
}

/*non focusable elements*/
p:focus, table caption:focus {
	outline: 0;
}

/* Generic style to remove object from page */

.hide-this,
.hide-this * {
  display: none !important;
}

#btn_domestic {
	position: fixed !important;
	right: 150px !important;
	bottom: 0% !important;
	/* overflow: hidden; */
	white-space: nowrap;
}

#btn_domestic a {
	/* background: #00823b url('/site-elements/images/icons/external-link-16-px.png') 7.5% 50% no-repeat !important; */
    /* background: #aa1111 url('/site-elements/images/icons/external-link-16-px.png') 90% 55% no-repeat !important; */
	background: #aa1111;
	color: #fff !important;
	display: block !important;
	padding: 0.85rem 2.5rem 0.75rem 2.5rem !important;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	font-weight: 400;
}

/* Web Chat */

/* Hide Web Chat facility when page loads */

#web-chat-benefits,
#web-chat-council-tax {
	display: none;
}


button.btn-web-chat {
	background: #00823b url('/site-elements/images/icons/chat-default.png') no-repeat 90% 55%;
	color: #fff !important;
	display: inline-block;
	padding: 0.55rem 0.8rem !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;text-decoration: none;
	padding-right: 3.75rem !important;
}

main#main-content button.btn-web-chat:hover,
main#main-content button.btn-web-chat:active,
main#main-content button.btn-web-chat:focus {
	cursor: pointer;
	background: #ffbf47 url('/site-elements/images/icons/chat-hover.png') no-repeat 90% 55% !important;
}

/* Videos */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



div.accordion.transcript a.accordion-title {
	padding: 0.75rem !important;
	padding-left: 4.25rem !important;
}


.transcript .accordion-item  a.accordion-title[aria-expanded=false] {
	background: url('/site-elements/images/icons/right-arrow.png') no-repeat 3% 50%;
}


#main-content .transcript .accordion-item a.accordion-title[aria-expanded=false]:focus,
#main-content .transcript .accordion-item a.accordion-title[aria-expanded=false]:hover,
#main-content .transcript .accordion-item a.accordion-title[aria-expanded=false]:active {
	background: #ffbf47 url('/site-elements/images/icons/right-arrow-black.png') no-repeat 3% 50% !important;
	color: #000 !important;
}

.transcript .accordion-item a.accordion-title[aria-expanded=true] {
		background: url('/site-elements/images/icons/down-arrow-white.png') no-repeat 3% 50%;
}

#main-content .transcript .accordion-item a.accordion-title[aria-expanded=true]:focus,
#main-content .transcript .accordion-item a.accordion-title[aria-expanded=true]:hover,
#main-content .transcript .accordion-item a.accordion-title[aria-expanded=true]:active {
	background: #ffbf47 url('/site-elements/images/icons/down-arrow.png') no-repeat 3% 50% !important;
	color: #000 !important;
}

/* Logos */

div.partner-logos {
	padding: 1rem 0rem;
	overflow: hidden;	
}

div.partner-logos img {
	float: left;
}

/* A to Z Recycling Guide */

p.recycling-icon {
	padding: 40px 0px 40px 115px !important;
	margin: 1.8rem 0rem;
}

p.blue-mixed-recycling-bin {
	background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/blue-mixed-recycling-bin-small.png') no-repeat  0% 50% !important;
}

p.black-general-waste-bin {
	background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/black-general-waste-bin.png') no-repeat  0% 50% !important;
}

p.pink-sacks {
    background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/pink-sack.png') no-repeat 0% 50% !important;
}

p.clear-recycling-sacks {
    background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/clear-recycling-sack-small.png') no-repeat 0% 50% !important;
}

p.green-bin {
    background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/green-bin-small.png') no-repeat 0% 50% !important;
}

p.green-sacks {
    background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/green-sack-small.png') no-repeat 0% 50% !important;
}

p.orange-food-waste-caddy {
    background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/orange-food-waste-caddy.png') no-repeat 0% 50% !important;
}

p.recycling-waste-parks {
    background: transparent url('/en/images/bins-and-recycling/a-to-z-recycling-guide/containers/recycling-waste-parks.png') no-repeat 0% 50% !important;
}

div.recycling-hero {
	margin: 0rem 0rem 3.5rem 0rem;
	padding-top: 1rem !important;
	padding-bottom: 1.25rem !important;	
}


/* Hero background colours */

.hero-blue-001 {
    background: #2f6468;	
	color: #fff;	
}

.hero-blue-001 img {
	margin: 0rem !important;	
}

.hero-blue-002 {
	background: #1674b2;	
	color: #fff;	
} 

.hero-blue-002 img {
	margin: 0rem !important;	
}


/* Recycling A to Z */

div.recycling-a-to-z-top-nav {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

div.recycling-a-to-z-top-nav a {
	font-size: 1.4rem;
	padding: 0.5rem 0.45rem !important;
	font-weight: bold;
}

/* What we spend */

div.hero-spend {
	padding-top: 1.5rem;
	padding-bottom: 0.75rem;
	margin: 0rem 0rem 3.5rem 0rem;
}






/* Temporary CSS Start */


/* Temporary CSS End */