body, .logo, header .background, #header-right, #access, #search, #text-size li a {
background:#000;
color:#fff;
}
a, a:visited {
color:#fff !important;
}
#skiptocontent a {
color:#000 !important;
font-weight:bold;
}
.logo h1 {
background: #000 url(../img/parts/eass-logobw.png) left no-repeat;
}
#contrast-option{
background: #fff;
color: #000;
padding: 2px;
}
nav#primary-nav ul li a.rn_SelectedTab,
nav#primary-nav ul li a:hover {
background: #fff;
color: #000 !important;
}
.banner .rights,
.banner .knowledgebase {
background: #fff;
color:#000;
}
.banner ul.slider,
.banner ul.slider li {
color:#000;
}
.banner ul.slider ul li {
list-style:disc;
background:none;
padding-left:0;
margin-left:1em
}
nav#primary-nav a#pull {
background-color: #000;
font-weight:500;
border: 4px solid #fff;
}
nav#primary-nav ul li a {
color: #000 !important;
background: #fff;
}
nav#primary-nav ul li a:hover,
nav#primary-nav ul li.active a {
text-decoration:underline;
}
nav#primary-nav ul {
border-bottom:none !important;
background: none !important;
}
#search button {
background:url(../img/parts/searchbw.png) right top;
}
#search button:hover,
#search button:focus {
background:url(../img/parts/searchbw.png) right bottom;
}
#search-block {
background: #000 url(../img/parts/search-large.png) 30px center no-repeat;
}
.slider-link span {
background: url(../img/parts/slider-circle.png) right no-repeat;
display: block;
padding: 20px;
padding: 1.5rem;
padding-right: 60px;
padding-right: 4rem;
margin-right: 18px;
margin-right: 1.2rem;
}
a.slider-link,
a.slider-link:visited {
font-size: 1.429em;
display: block;
background: #000;
margin-top: 20px;
margin-top: 2rem;
color: #fff;
text-decoration: none;
text-align: right;
}
a.slider-link:hover {
background:#fff;
color:#000 !important;
}
a.widget,
article.widget,
article.widget a,
a.widget:visited,
#cymraeg {
color:#000 !important;
background: #fff;
border: 4px solid #fff;
}
a.widget:hover,
#cymraeg:hover {
border: 4px solid #000;
}
.bx-wrapper .bx-viewport {
background: #000;
}
footer {
background: #000;
border:1px solid #fff;
margin-top: 2em;
color: #fff;
padding-bottom: 1em;
margin-bottom:1em;
}
#text-size li a {
color: #000 !important;
background: #fff;
}
#text-size li a:hover,
#text-size li.selected a {
background: #000;
color: #fff !important;
}
.story-slider .caption {
color:#000;
background:#fff;
}
#stories .link {
background: #000;
color:#fff;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
}
#breadcrumbs {
background:#000 url(../img/parts/white-arrow.png) left 13px no-repeat;
}
#breadcrumbs ul li {
background:url(../img/parts/breadcrumbdivider.png) right no-repeat;
}
#breadcrumbs ul li a {
color:#fff;
}
#maincontent h2 + p {
}
/*---------------
ADVICE CENTRE
---------------*/
.advice-centre#maincontent h2 {
color:#fff;
}
#options {
background:#fff;
}
#options h3 {
color:#000;
}
#options .columns {
background:#000;
color:#fff;
}
#options .columns.next {
color:#000;
background:#fff;
background:#fff url(../img/parts/orange-arrowbw.png) 82% 52% no-repeat;
}
#options .columns:hover,
#options .columns.active {
background:#fff url(../img/parts/tickbw.png) 50% 79% no-repeat;
color:#000 !important;
border:1px solid #000;
}
#options .columns.next:hover {
background:#fff url(../img/parts/orange-arrowbw.png) 82% 52% no-repeat;
}
#options .columns:active,
#options .columns:focus {
background:#fff url(../img/parts/tick.png) 50% 79.5% no-repeat;
color:#000;
}
.maincontent ul li {
background:url(../img/parts/bulletbw.png) left 7px no-repeat;
}
#maincontent ul li {
background: url(../img/parts/bulletbw.png) left 7px no-repeat;
}
#options .columns.selected{
background:#fff url(../img/parts/tick.png) 50% 79% no-repeat;
color:#000 !important;
border:1px solid #000;
text-decoration:none;
}
#options .columns.next.not-selected {
color:#fff;
background:#000 url(../img/parts/orange-arrowbw.png) 82% 52% no-repeat;
}
.options{
background: #fff;
}
.option-bar{
background: #000;
}
.option-content p, .option-content li{
color: #000;
}
.options.section1 li.selected .option-bar, .options.section2 li.selected .option-bar, .options.section3 li.selected .option-bar{
background: #000;
}
.rn_FormSubmit input{
border: 1px solid #fff;
background: #fff;
color: #000;
}
@media only screen and (max-width: 635px) {
#breadcrumbs {
background:#000;
}
#breadcrumbs ul li {
background:url(../img/parts/breadcrumbdividermobile.png) right no-repeat;
}
}
@media only screen and (max-width: 480px) {
#options .columns:hover, #options .columns.active {
background:#fff url(../img/parts/tickbw.png) 97% center no-repeat;
color:#000 !important;
border:1px solid #000;
}
}
@media only screen and (max-width: 960px) {
.logo h1 {
background: #000 url(../img/parts/eass-logo-150bw.png) left no-repeat;
}
}
.chat-link{
color: #fff;
}
.chat-link a{
color: #fff;
}
.rn_ChatEngagementStatus, .rn_ChatQueueWaitTimeContainer, .rn_ChatQueueSearchContainer, .rn_ChatQueueSearch{
background: #000 !important;
}
/* [SW-73 20201202] Added a new class */
#contrast-option li{
background: white;
}