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; }