/* ------------------------------------------------------------------------------------------

	Financial Ombudsman Service
	Reversed Style Sheet
	last update: 26 February 2018
	author: info@ecru.co.uk

------------------------------------------------------------------------------------------ */

input[type="button"] {
	background-color: #a5c8e6 !important;
	color: #333;
}

/* !LAYOUT ------------------------------------------------------------------------------- */

body {
	font-size: 100%;
	line-height: 1.6666em;
	color: #fff;
	background-color: #333;
}


#header {
	background-color: #333;
	border-top: 4px solid #666;
	border-bottom: 1px solid #999;
}

#breadcrumb {
	background-image: url("../images/horizontal_rule_reversed.gif");
}

/* !TYPOGRAPHY --------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #215077 !important;
}

#mainContent h1 {
	font-size: 2.5em;
	line-height: 1.3333em;
	color: #fff;
	background-image: url("../images/horizontal_rule_reversed.gif");
}

#mainContent h2 {
	font-size: 2em;
	line-height: 1.6666em;
}

#mainContent h3 {
	font-size: 1.5em;
	line-height: 1.1111em;
}

#mainContent h4 {
	font-size: 1.25em;
	line-height: 1.3333em;
}

#mainContent h5 {
	font-size: 1em;
	line-height: 1.6666em;
}

#mainContent h6 {
	font-size: 0.9em;
	line-height: 1.9999em;
	color: #a5c8e6;
}

#mainContent ul li {
	background: url("../images/bullet_blue_reversed.gif") no-repeat 0 0.65em;
	padding-left: 12px;
}

#mainContent .alert ul li {
	background: url("../images/bullet_red_contrast.gif") no-repeat 0 0.65em;
	padding-left: 12px;
}

#mainContent a:link, #mainContent a:visited {
	border-bottom: 1px solid #999;
}

#mainContent a:hover, #mainContent a:active {
	border-bottom: 1px solid #333;
}

p.date {
	color: #ccc;
}

.rule {
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
}

/* hyperlinks */

a:link, a:visited {
	color: #afd34d;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#mainContent a:link, #mainContent a:visited,
#rightColumn .panel a:link, #rightColumn .panel a:visited {
	color: #afd34d;
	border-bottom: 1px solid #afd34d;
}

#mainContent a:hover, #mainContent a:active,
#rightColumn .panel a:hover, #rightColumn .panel a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* blockquote */

blockquote {
	background-image: url("../images/quote_open_reversed.png");
}

blockquote p {
	background-image: url("../images/quote_close_reversed.png");
	color: #fff;
}

blockquote p.author {
	color: #A5C8E6;
}

/* !DATA TABLES -------------------------------------------------------------------------- */

#mainContent table {
	border-top: 1px solid #a5c8e6;
	border-left: 1px solid #a5c8e6;
	background-color: #333;
}

#mainContent table caption {
	color: #a5c8e6;
}

#mainContent th {
	background-color: #a5c8e6;
	border-right: 1px solid #a5c8e6;
	border-bottom: 1px solid #a5c8e6;
	color: #333;
}

#mainContent td {
	color: #fff;
	border-right: 1px solid #a5c8e6;
	border-bottom: 1px solid #a5c8e6;
}

#mainContent .trHighlight,
#mainContent .trHighlight2,
#mainContent .trHighlight3,
#mainContent .trHighlight4,
#mainContent .trHighlight5 {
	background-color: #555;
}

#mainContent .trHighlight td {
	color: #fff;
	background-color: #555;
}

#mainContent .trHighlight2 td {
	border-bottom: 1px solid #333;
	color: #fff;
}

#mainContent .trHighlight3 td {
	border-bottom: 1px solid #333;
	color: #fff;
}

#mainContent .trHighlight3 td {
	border-bottom: 1px solid #333;
	color: #fff;
}

#mainContent .trHighlight4 td {
	border-bottom: 3px double #333;
	color: #fff;
}

#mainContent .trHighlight5 td {
	border-bottom: 3px double #333;
	color: #fff;
}

tr.ruleBelow td {
	border-bottom: 1px solid #333;
}

tr.doubleRuleBelow td {
	border-bottom: 3px double #333;
}

tr.ruleBelowBold td {
	border-bottom: 1px solid #333;
}

tr.doubleRuleBelowBold td {
	border-bottom: 3px double #333;
}

/* !COOKIE BAR --------------------------------------------------------------------------- */

#cookiebar {
	background-color: #a5c8e6;
}

.cookiebar-inner {
	padding-left: 250px;
	margin: 20px;
	background: #333 url("../images/fos_logo_reversed.png") no-repeat 25px 25px;
	height: 126px;
	padding: 0 20px 0 250px;
}

#cookiebar span.info {
	color: #000;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #fff;
}

#cookiebar span.info a {
	color: #afd34d;
	border-bottom: 1px solid #afd34d;
}

#cookiebar span.info a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#cookiebar label.check {
	font-size: 0.9em;
}

#cookiebar p.understand {
	right: 10px;
	bottom: 10px;
}

/* !HEADER ------------------------------------------------------------------------------- */

#strapline {
	bottom: 4px;
}

/* accessibility menu */

#accessMenu {
	top: 7px;
}

#accessMenu li {
	font-size: 0.9em;
}

#accessMenu li a:link,
#accessMenu li a:visited {
	padding-top: 3px;
	color: #a5c8e6;
}

#accessMenu li a:hover,
#accessMenu li a:active {
	text-decoration: underline;
	color: #fff;
	border-bottom: none;
}

#formSearch #search {
	width: 112px;
	padding: 5px 3px 5px;
	font-size: 1em;
	color: #000;
}

#accessMenu li a:link, #accessMenu li a:visited {
	background-image: url("../images/menu_icons_reversed.png") !important;
	_background-image: url("../images/menu_icons_reversed.gif") !important;
}

#logo {
	width: 193px;
	height: 77px;
	background-image: url("../images/fos_logo_reversed.png");
}

#logo img {
	display: none;
}

#strapline {
	background-image: url("../images/strapline_reversed.gif") !important;
}

#accessMenu #styleSwitcher {
	margin-top: 3px;
}

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

#mainNavigation {
	background-image: none !important;
	background-color: #333 !important;
	background-position: -100px -100px !important;
	border-bottom-color: #333 !important;
}

#mainNavigation li {
	font-size: 1em;
	line-height: 1.4285em;
}

#mainNavigation a:link, #mainNavigation a:visited {
	padding: 7px 7px 2px !important;
	color: #fff !important;
	border-right-color: #999 !important;
	border-left-color: #333 !important;
}

#mainNavigation a:hover, #mainNavigation a:active {
	background-color: #444 !important;
	color: #fff !important;
	border-left-color: #000 !important;
}

#mainNavigation #navHome {
border-left-color: #999 !important;
}

/* selected */

#home #mainNavigation #navHome,
#about #mainNavigation #navAbout,
#news #mainNavigation #navNews,
#complain #mainNavigation #navComplain,
#FAQs #mainNavigation #navFAQ,
#publications #mainNavigation #navPublications,
#contact #mainNavigation #navContact {
	background-color: #333 !important;
}

#home #mainNavigation li#navHome a,
#home #mainNavigation li#navHome a:hover,
#about #mainNavigation li#navAbout a,
#about #mainNavigation li#navAbout a:hover,
#news #mainNavigation li#navNews a,
#news #mainNavigation li#navNews a:hover,
#complain #mainNavigation li#navComplain a,
#complain #mainNavigation li#navComplain a:hover,
.ppi #mainNavigation li#navPPI a,
.ppi #mainNavigation li#navPPI a:hover,
#FAQs #mainNavigation li#navFAQ a,
#FAQs #mainNavigation li#navFAQ a:hover,
#publications #mainNavigation li#navPublications a,
#publications #mainNavigation li#navPublications a:hover,
#contact #mainNavigation li#navContact a,
#contact #mainNavigation li#navContact a:hover {
	background-image: none !important;
	background-color: #a5c8e6 !important;
	border-left-color: #a5c8e6 !important;
	color: #333 !important;
}

#mainNavigation button {
	background-color: #215ead !important;
}

#btnSearch {
	background-color: #215ead;
	border: 5px solid #215ead;
}

#mainNavigation .rule {
	border-bottom-color: #999;
}

/* !SEARCH PANEL ------------------------------------------------------------------------- */

.search-container {
	margin: 3px 2px 0 0;
}

.search-container input[type=search] {
	padding: 8px 10px 7px;
	font-size: 16px;
}

#mainNavigation .search-container button {
	padding: 5px 9px;
	border-color: #A6CE39;
	background-color: #A6CE39 !important;
}

#mainNavigation .search-container {
	position: absolute;
	top: 1px;
	right: 8px;
}

/* !SUB NAVIGATION ----------------------------------------------------------------------- */

#subNavigation {
	border-color: #999;
	background-color: #333;
}

#subNavigation h2 {
	background-color: #A5C8E6 !important;
	border-top-color: #A5C8E6;
	background-image: none !important;
	color: #333 !important;
}

/* level 1 */

#subNavigation li {
	border-top: 1px solid #999;
}

#subNavigation li a:link,
#subNavigation li a:visited {
	color: #fff;
}

#subNavigation li a:hover,
#subNavigation li a:active {
	color: #A5C8E6;
	background-color: #444;
	border-bottom: none;
}

/* level 2 */

#subNavigation li li {
	border-top: none;
	font-size: 1em;
	line-height: 2em;	
}

#subNavigation li li a:link,
#subNavigation li li a:visited {
	background: url("../images/arrow_white.gif") no-repeat 20px 0.95em;
}

#subNavigation li li a:hover,
#subNavigation li li a:active {
	background: #444 url("../images/arrow_light_blue.gif") no-repeat 20px 0.95em;
	color: #A5C8E6;
}

/* level 3 */

#subNavigation li li li a:link,
#subNavigation li li li a:visited {
	padding: 3px 8px 3px 45px;
	background-position: 35px 0.95em;
}

#subNavigation li li li a:hover,
#subNavigation li li li a:active {
	padding: 3px 8px 3px 45px;
	background-position: 35px 0.95em;
}

/* !MODULES ------------------------------------------------------------------------------- */

#mainContent .highlight {
	border-color: #999;
	background-color: #333;
}

#mainContent .highlight h2,
#mainContent .alert h2 {
	background-image: none !important;
}

#mainContent .highlight h2 {
	background-color: #a5c8e6 !important;
	color: #333 !important;
}

#mainContent .alert {
	background-color: #333 !important;
}

#mainContent .alert h2 {
	color: #fff !important;
}

/* !FEEDBACK PANEL ----------------------------------------------------------------------- */

.feedback {
	border: 1px solid #999;
	background-color: #333;
}

.feedback #leavecomment {
	border-top: 1px solid #DEDEDE !important;
}

.feedback #comment {
	width: 100%;
	border: 1px solid #999;
	background-color: #444;
	color: #eee;
}

.feedback #comment:focus {
	background-color: #444;
	color: #fff;
	border: 1px solid #fff;
}

.feedback .button {
	background-color: #a5c8e6;
	color: #333;
}

.feedback .button:hover {
	background-color: #fff;
}

.not-useful {
	float: left;
	margin: 0 4px 10px 0;
	line-height: 1.3em;
}

.very-useful {
	float: left;
	margin: 0 0 10px 4px;
	line-height: 1.3em;
}

.not-useful span,
.very-useful span {
	display: none;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

div.rating-cancel,div.star-rating {
	float: left;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}

div.rating-cancel,div.rating-cancel a {
	background: url("../images/delete_reversed.gif") no-repeat 0 -16px;
}

div.star-rating,div.star-rating a {
	background: url("../images/star_reversed.gif") no-repeat 0 0px;
}

div.rating-cancel a,div.star-rating a {
	display: block;
	width: 16px;
	height: 100%;
	background-position: 0 0px;
	border: 0;
}

div.star-rating-on a {
	background-position: 0 -16px!important;
}

div.star-rating-hover a {
	background-position: 0 -32px;
}

/* Read Only CSS */
div.star-rating-readonly a {
	cursor:default !important;
}

/* Partial Star CSS */
div.star-rating {
	background:transparent!important;
	overflow:hidden!important;
}

/* END jQuery.Rating Plugin CSS */

/* !SECONDARY CONTENT -------------------------------------------------------------------- */

#rightColumn .panel {
	border-color: #999;
	background-color: #333;
}

#rightColumn .panel h2 {
	background-color: #a5c8e6 !important;
	color: #333 !important;
	background-image: none !important;
}

#rightColumn .panel h2 a,
#rightColumn .myStory a:link,
#rightColumn .myStory a:visited {
	color: #333 !important;
	border-bottom-color: #333 !important;
}

#rightColumn .panel h2 a:hover,
#rightColumn .myStory a:hover {
	border-bottom-color: #fff !important;
}

#rightColumn .myStory {
	background-image: none !important;
	background-color: #afd34d;
}

#rightColumn .myStory h2 {
	color: #333 !important;
	padding-right: 15px;
}

#rightColumn .panel li a:hover, #rightColumn .panel li a:active {
	color: #fff;
	border-bottom-color: #fff;
}

#rightColumn blockquote {
	background-color: #333;
	border: 1px solid #999;
}

#rightColumn blockquote p {
	color: #fff;
}

/* !HOME --------------------------------------------------------------------------------- */

#home #banner {
	min-height: 180px;
	margin: 0 0 20px;
}

#home #contentWrap #banner #panel1,
#home #contentWrap #banner #panel2,
#home #contentWrap #banner #panel3,
#home #contentWrap #banner #panel3.banner1,
#home #contentWrap #banner #panel3.banner2,
#home #contentWrap #banner #panel3.banner3 {
	min-height: 180px;
	background: #a5c8e6 url("../images/v_rule_reversed.gif") repeat-y 0 0 !important;
}

#home #contentWrap #banner h1,
#home #contentWrap #banner h2,
#home #contentWrap #banner p {
	margin: 15px 15px 5px 15px !important;
	color: #333 !important;
}

#home #contentWrap #banner #panel1 a,
#home #contentWrap #banner #panel2 a,
#home #contentWrap #banner #panel3 a {
	color: #333;
	border-bottom-color: #333;
}

#home #contentWrap #banner #panel1 a:hover,
#home #contentWrap #banner #panel2 a:hover,
#home #contentWrap #banner #panel3 a:hover {
	border-bottom-color: #fff;
}

#home #banner #panel1 h1, #home #banner #panel2 h2, #home #banner #panel3 h2 {
	font-size: 1.25em !important;
	line-height: 1.3333em;
}

#home #contentWrap .panel {
	border-color: #999;
	background-color: #333;
}

#home #contentWrap .panel p {
	color: #fff;
}

#home #contentWrap .panel h2 {
	color: #333 !important;
	padding: 9px 15px;
	border-bottom: 1px solid #a5c8e6;
	background-color: #a5c8e6;
	background-image: none !important;
}

#home .consumers .image,
#home #contentWrap .business {
	background-image: none !important;
}

#home .panel h3 {
	margin-right: 0;
	padding-right: 0;
	color: #a5c8e6;
}

#home .panel li {
	background: url("../images/arrow_white.gif") no-repeat 0 0.7em;
}

#home .findinfo ul.col2 {
	background-image: none !important;
	background-color: transparent;
	padding-right: 0;
}

#home .panel a:link,
#home .panel a:visited {
	border-bottom: 1px solid #afd34d !important;
}

#home .accessibility a:link,
#home .accessibility a:visited {
	color: #333;
	border-bottom: 1px solid #333 !important;
}

#home .panel a:hover,
#home .panel a:active {
	border-bottom-color: #fff !important;
}

#home #leftColumn .accessibility {
	background-color: #A6CE39;
	background-image: none !important;
	border: 1px solid #A6CE39;
	min-height: 130px;
}

#home #leftColumn .accessibility h2 {
	background-color: #A6CE39;
	border: none;
	padding: 0 15px;
	margin-right: 0;
}

#home #leftColumn .panel ul {
	margin-right: 15px;
	padding-right: 0;
}

#home .webfocus .video a:link,
#home .webfocus .video a:visited {
	border: none !important;
}

#synthetixgroupArea {
    background-color: #333;
    border: 1px solid #999;
}

.fa-question-circle {
	color: #fff !important;
}

#synthetix_widget li a {
  font-size: 1em;
  color: #A6CE39;
}

#synthetix_widget li a:hover {
	background-color: transparent;
	color: #fff;
	border-bottom: none;
}

.fa_autosuggest_input {
    background-color: #fff;
    font-size: 1em;
}

.synthetixSubmitArea .syn-submit-button {
    background-color: #A6CE39;
}

#synthetix_widget li:before {
		border: none;
    border-bottom: 1px solid #999;
}

/* !FOOTER ------------------------------------------------------------------------------- */

#footer {
	border-top: 1px solid #999;
	background-image: none !important;
	padding: 15px 0;
}

#footerMenu li a:link,
#footerMenu li a:visited {
	color: #a5c8e6 !important;
	background: transparent url("../images/menu_icons_reversed.png") no-repeat 10px -100px !important;
	_background: #333 url("../images/menu_icons_reversed.gif") no-repeat 10px -100px !important;
}

#footer p a:link,
#footer p a:visited {
	color: #a5c8e6 !important;
}

#footerMenu li a:hover,
#footerMenu li a:active,
#footer p a:hover,
#footer p a:active {
	text-decoration: underline;
	color: #fff !important;
	border-bottom: none;
}

#footerContent #footerMenu li a span { display: none; }

#footerMenu li a:link,
#footerMenu li a:visited { background-position: 10px -90px !important; }
#footerContent #footerMenu li.menuAccess a { background-position: 10px -498px !important; }
#footerContent #footerMenu li.menuFollow a { background-position: 10px -548px !important; }
#footerContent #footerMenu li.menuHelp a { background-position: 10px -248px !important; }
#footerContent #footerMenu li.menuListen a { background-position: 10px -298px !important; }
#footerContent #footerMenu li.menuPDF a { background-position: 10px -348px !important; }
#footerContent #footerMenu li.menuCareers a { background-position: 10px -398px !important; }
#footerContent #footerMenu li.menuNewsEmail a { background-position: 10px -198px !important; }
#footerContent #footerMenu li.menuSitemap a { background-position: 10px -448px !important; }
#footerContent #footerMenu li.menuAccess a:hover { background-position: -490px -498px !important; }
#footerContent #footerMenu li.menuFollow a:hover { background-position: -490px -548px !important; }
#footerContent #footerMenu li.menuHelp a:hover { background-position: -490px -248px !important; }
#footerContent #footerMenu li.menuListen a:hover { background-position: -490px -298px !important; }
#footerContent #footerMenu li.menuPDF a:hover { background-position: -490px -348px !important; }
#footerContent #footerMenu li.menuCareers a:hover { background-position: -490px -398px !important; }
#footerContent #footerMenu li.menuNewsEmail a:hover { background-position: -490px -198px !important; }
#footerContent #footerMenu li.menuSitemap a:hover { background-position: -490px -448px !important; }
#toplink a:link, #toplink a:visited { background: transparent url("../images/menu_icons_reversed.png") no-repeat 0px -595px !important; }
#toplink a:link, #toplink a:visited { _background: transparent url("../images/menu_icons_reversed.gif") no-repeat 0px -595px !important; }
#toplink a:hover, #toplink a:active { background-position: -500px -595px !important; }

#footer p {
	color: #fff;
}

/* !PPI TOOL ----------------------------------------------------------------------------- */

.ppi-landing #mainContent .panel {
    background-color: #444;
    background-image: none;
}

.ppi-landing #mainContent .panel .panel-content {
    background-color: #404041;
}

.ppi-landing #mainContent .panel h2 {
	font-size: 1.15em;
	line-height: 1.4em;
}

.ppi-landing #mainContent .panel h2 a:link,
.ppi-landing #mainContent .panel h2 a:visited {
	color: #333;
}

.ppi-landing #mainContent .panel h2 a:hover,
.ppi-landing #mainContent .panel h2 a:active {
	color: #000;
	border-color: #333;
}

.ppi-landing .panel-content p {
    font-size: 1em;
}

.ppi-landing #mainContent .panel-content p a:link,
.ppi-landing #mainContent .panel-content p a:visited {
	color: #afd34d;
	border-color: #afd34d;
}

.ppi-landing #mainContent .panel-content p a:hover,
.ppi-landing #mainContent .panel-content p a:active {
	color: #fff;
	border-color: #fff;
}

#mainContent .current-question h3,
#mainContent .current-question p,
#rightColumn.answer-history h3,
#rightColumn.answer-history p {
    color: #fff !important;
}

#rightColumn.answer-history .item {
    border-bottom: 1px solid #555;
    background: none;
}

#rightColumn.answer-history .answer .answer-yes {
    background: #afd34d url("../images/icon-tick-small-reverse.png") no-repeat 8px 12px;
    color: #333;
}

#rightColumn.answer-history .answer .answer-no {
    background: #ffb3b3 url("../images/icon-cross-small-reverse.png") no-repeat 8px 12px;
    color: #333;
}

.current-question input[type="submit"], .reset input[type="submit"] {
	background: #A5C8E6 url("../images/icon-back-reverse.png") no-repeat 11px 17px;
	color: #333;
}

#mainContent #btnEnterReceiptSummaryNames, #mainContent #btnShowPrintReceiptSummary {
    background: #A5C8E6 url("../images/icon-print-reverse.png") no-repeat 11px 19px;
}

#mainContent #btnShowPDFReceiptSummary {
    background: #ffb3b3 url("../images/pdf-icon-reverse.png") no-repeat 11px 16px;
}

#mainContent #btnEnterReceiptSummaryNames:hover,
#mainContent #btnShowPrintReceiptSummary:hover,
#mainContent #btnShowPDFReceiptSummary:hover {
    background-color: #fff;
}

.current-question input[type="submit"]#Button1 {
    background: #afd34d url("../images/icon-tick-reverse.png") no-repeat 11px 17px;
}

.current-question input[type="submit"]#Button2 {
    background: #ffb3b3 url("../images/icon-cross-reverse.png") no-repeat 11px 17px;
}

.current-question input[type="submit"]#Button1:hover,
.current-question input[type="submit"]#Button2:hover,
.current-question input[type="submit"]:hover,
.reset input[type="submit"]:hover {
    background-color: #fff;
}

.current-question label {
    width: 100%;
    display: block;
    text-align: left;
}

.current-question input[type="text"] {
    width: 95%;
}

#rightColumn.answer-history .help-note {
	background-color: #444;
	border: 1px solid #444;
}

#rightColumn.answer-history .help-note h3 {
	font-size: 1.25em;
	color: #2B6198;
}

/* careers & ppi pages */

.careers-banner__heading,
.careers-teaser__heading,
.ppi-banner__heading,
.ppi-teaser__heading {
  font-size: 24px;
}

.careers-banner__subheading,
.careers-teaser__subheading,
.ppi-banner__subheading,
.ppi-teaser__subheading {
  font-size: 15px;
}

.careers .intro,
.ppi .intro {
  font-size: 20px;
}

.purple {
  color: #fff !important;
}

.ppi-teaser { background-color: #444 !important; }

.careers__heading, {
  background-image: url("../images/careers-heading-small-reversed.png");
}

.careers #rightColumn .careers-teaser a:link,
.careers #rightColumn .careers-teaser a:visited,
.careers-teaser__heading a:link,
.careers-teaser__heading a:visited,
.ppi #rightColumn .ppi-teaser a:link,
.ppi #rightColumn .ppi-teaser a:visited,
.ppi-teaser__heading a:link,
.ppi-teaser__heading a:visited {
  color: #A6CE39;
  border-bottom: 1px solid #A6CE39;
}

.careers #rightColumn .careers-teaser a:hover,
.careers #rightColumn .careers-teaser a:active,
.careers-teaser__heading a:hover,
.careers-teaser__heading a:active,
.ppi #rightColumn .ppi-teaser a:hover,
.ppi #rightColumn .ppi-teaser a:active,
.ppi-teaser__heading a:hover,
.ppi-teaser__heading a:active {
  color: #fff;
  border-bottom-color: #fff;
}

.careers-banner__heading,
.careers-teaser__heading,
.careers-teaser__subheading,
.careers .col-group #mainContent h2,
.careers #mainContent ul.recruiting-list p.salary,
.careers-banner__subheading,
.careers-teaser__subheading,
.ppi-banner__heading,
.ppi-teaser__heading,
.ppi-teaser__subheading,
.ppi .col-group #mainContent h2,
.ppi-banner__subheading,
.ppi-teaser__subheading {
  color: #fff !important;
}

.careers .button {
  background-color: #A6CE39 !important;
  color: #333 !important;
}

.careers .button:hover {
  background-color: #2b7abf;
}

.careers .button--pdf {
  padding-left: 44px !important;
}

.careers .button--apply {
  padding-left: 40px !important;
}

.slick-dots li.slick-active button:before {
    color: #A6CE39;
}

.diversity-logos {
  background-image: url("../images/diversity-logos-small-reversed.png");
}

/* 600px */
@media only screen and (min-width: 600px) {

  .careers--landing .banner--careers,
  .ppi--landing .banner--ppi {
    background-color: #444;
  }

  .diversity-logos {
    background-image: url("../images/diversity-logos-medium-reversed.png");
  }

}

/* 768px */
@media only screen and (min-width: 768px) {

	.ppi-landing #mainContent .panel h2 {
		font-size: 1.5em;
	}

	.careers__heading {
    background-image: url("../images/careers-heading-large-reversed.png");
  }

  /* !SEARCH PANEL ---------------------------- */

	.search-container {
		margin: 41px 8px 0 0;
	}

}

/* 928px */
@media only screen and (min-width: 928px) {

	.search-container {
		margin: 1px 12px 0 0;
	}

	/* !OMBUDSMANS NEWS ---------------------------------------------------------------------- */

	.ombudsman-news #contentWrap .panel-latest-issue,
	.ombudsman-news #contentWrap .panel-previous-issues,
	.ombudsman-news #contentWrap .panel-digital-mag,
	.ombudsman-news #rightColumn .panel h2 {
		background-color: #444 !important;
	}

	.ombudsman-news #contentWrap .panel-digital-mag h2
	.ombudsman-news #contentWrap .panel-previous-issues h2,
	.ombudsman-news #contentWrap .panel-previous-issues p {
		color: #fff !important;
	}

	.ombudsman-news #contentWrap .panel-latest-issue {
		background-image: none;
	}

	.ombudsman-news #contentWrap .panel-latest-issue a {
		color: #afd34d;
    border-bottom: 1px solid #afd34d;
	}

	.ombudsman-news #contentWrap .panel-latest-issue a:hover {
		color: #fff;
    border-bottom: 1px solid #fff;
	}

	.ombudsman-news .panel-latest-issue .corner-flash {
    display: none;
	}

	.ombudsman-news .panel-latest-issue .latest-content {
		margin-left: 0;
	}

	.ombudsman-news #contentWrap .issue-contents li {
		background-image: url("../images/bullet_white.gif") !important;
		background-position: 0 13px !important;
	}

	.ombudsman-news #leftColumn .intro li,
	.ombudsman-news #contentWrap .panel-previous-issues .issue-contents li {
		background-image: url("../images/bullet_white.gif") !important;
		background-position: 0 13px !important;
	}

	#contentWrap .panel-previous-issues .issue {
    border-bottom: 1px solid #666;
	}

	.ombudsman-news #contentWrap .viewing-options .view-online {
	    background-position: 0 5px;
	}

	.ombudsman-news #contentWrap .viewing-options .download-pdf {
	    background-position: 0 -49px;
	}

	/* !PUBLICATION SUPER INDEX -------------------------------------------------------------- */

	.super-template.landing #mainContent .panel-pink,
	.super-template.landing #mainContent .panel-blue,
	.super-template.landing #mainContent .panel-green,
	.super-template.landing #mainContent .panel-yellow {
		background-color: #444 !important;
	}

	.super-template #mainContent .banner2 h1 {
    position: absolute;
    bottom: 16px !important;
	}

	.super-template.landing #mainContent .panel h2 {
		line-height: 1.2;
		color: #fff;
	}

	.super-template.landing #mainContent .panel p,
	.super-template.landing #mainContent .panel li {
		color: #fff !important;
	}

	.super-template.landing #mainContent .panel a {
		color: #afd34d !important;
		border-bottom-color: #afd34d !important;
	}

	.super-template.landing #mainContent .panel a:hover {
		color: #fff !important;
		border-bottom-color: #fff !important;
	}

	.super-template #mainContent .panel li {
    background-image: url("../images/bullet_white.gif");
    background-position: 6px 0.7em !important;
	}

	/* !COMPLAINTS --------------------------------------------------------------------------- */

	#complain #contentWrap .panel {
		background-color: #444 !important;
		background-image: none !important;
	}

	#complain #contentWrap .panel h2 {
		padding-top: 0.8em;
	 	background-color: #444 !important;
	 	line-height: 1.2em;
	 	color: #a5c8e6 !important;
	}

	#complain #contentWrap .panel p {
		color: #fff !important;
	}

	#complain #contentWrap .panel h3 span {
	 	color: #a5c8e6 !important;
	}

	#complain #contentWrap  .panel li {
    background: url("../images/bullet_white.gif") no-repeat 6px 0.7em;
	}

	#complain #contentWrap .panel-complain .pull,
	#complain #contentWrap .panel-need-help .pull,
	#complain #contentWrap .panel-people-helped .pull {
		margin: 0 !important;
	}

	#complain #contentWrap .panel-awake .push,
	#complain #contentWrap .panel-ppi .push {
    display: none;
	}

	#complain #contentWrap .panel-awake h2,
	#complain #contentWrap .panel-awake h3,
	#complain #contentWrap .panel-awake p {
	    color: #333;
	}

	#complain #contentWrap .panel a:link,
	#complain #contentWrap .panel a:visited {
    color: #afd34d !important;
    border-bottom: 1px solid #afd34d !important;
	}

	#complain #contentWrap .panel a:hover,
	#complain #contentWrap .panel a:active {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
	}

	/* !POWER OF ATTORNEY -------------------------------------------------------------------- */

	.power #contentWrap #rightColumn .panel {
    background-color: #333;
    background-image: none;
    min-height: 120px;
    padding-bottom: 0;
    border: 1px solid #dedede;
	}

	.power #contentWrap #rightColumn .panel a:link,
	.power #contentWrap #rightColumn .panel a:visited {
    color: #afd34d;
    border-bottom: 1px solid #afd34d;
	}

	.power #contentWrap #rightColumn .panel a:hover,
	.power #contentWrap #rightColumn .panel a:active {
    color: #fff;
    border-bottom: 1px solid #fff;
	}

	.power #contentWrap #rightColumn p {
    color: #fff !important;
	}

	.power #contentWrap #rightColumn .panel h2 {
		background-color: #a5c8e6 !important;
    color: #333 !important;
    font-size: 1.1666em;
    line-height: 1.4285em;
    margin: 0;
    padding: 9px 15px;
	}

	.power #mainContent .case .speech-bubble {
    background: #444 url("../images/quote_open.png") no-repeat 11px 18px;
	}

	.power #mainContent .case blockquote {
    background: #444 url("../images/quote_close.png") no-repeat bottom right;
	}

	.power #mainContent h3.how-we-helped {
    background-color: #333;
	}

}

@media only screen and (min-width: 1248px) {

  .diversity-logos {
    background-image: url("../images/diversity-logos-large-reversed.png");
  }

}

/* !NEW HOMEPAGE STYLES 26 FEBRUARY 2018 ------------------------------------------------- */

.section--white {
  background-color: #333;
}

.home-info-panel__heading {
	color: #fff !important;
}

.news-slider {
  background-color: #222;
}

.news-slider__heading {
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: 15px;
}

.news-slider__heading a,
.news-slider p a {
  border-bottom: 1px solid transparent;
}

.news-slider__heading a:hover,
.news-slider p a:hover {
  border-bottom-color: #DEDEDE;
}

.slide-1 .news-slider__heading,
.slide-1 .news-slider__heading a,
.slide-2 .news-slider__heading,
.slide-2 .news-slider__heading a,
.slide-3 .news-slider__heading,
.slide-3 .news-slider__heading a {
  color: #afd34d;
}

.news-slider__date {
  color: #fff;
}

.news-slider p {
  font-size: 1.2em;
  margin: 0 0 1em;
}

.home-teaser {
  padding-bottom: 100%;
  background-image: none;
  background-color: #222;
	 margin-bottom: 20px
}

.home-teaser__heading {
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #fff;
}

.home-teaser__link:hover {
  background-color: #111;
  border: none;
}

.home-teaser__content {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  max-width: 310px;
}

.home-teaser__heading {
  color: #afd34d !important;
}

.home-teaser p {
  font-size: 1.2em;
  line-height: 1.4;
  margin-top: 1em;
  color: #fff;
}

/* 768px ---------------------------------------------------- */

@media only screen and (min-width: 768px) {

	.home-teaser {
	  padding-bottom: 200%;
	}

}

/* 880px ---------------------------------------------------- */

@media only screen and (min-width: 880px) {

	.home-teaser {
	  padding-bottom: 150%;
	}

}

/* 1024px ---------------------------------------------------- */

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

	.home-teaser {
	  padding-bottom: 110%;
	}

}

/* 1248px ---------------------------------------------------- */

@media only screen and (min-width: 1248px) {

	.home-teaser {
	  padding-bottom: 100%;
	}

}