@charset "UTF-8";
/* Layout variables */
/* Font variables */
/* Colour variables */
/* Font variables */
/* Colour variables */
/*-- base file --*/
body, p, span, div {
  font-family: Arial, Arial, sans-serif;
  color: #000;
}

::selection {
  background: #B62B60;
  color: #fff;
}

::-moz-selection {
  background: #B62B60;
  color: #fff;
}

main {
  background-color: #fff;
}

dt {
  font-family: Arial, "Arial", sans-serif;
}

caption {
  color: #0065bd;
}

.bold, strong {
  font-family: Arial, "Arial", sans-serif;
}

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

h1 {
  color: #333535;
}

h2 {
  color: #333535;
}

h3 {
  color: #333535;
}

h4 {
  color: #333535;
}

h5 {
  color: #000;
}

h6 {
  color: #000;
  font-family: Arial, "Arial", sans-serif;
}

a {
  font-family: Arial, "Arial", sans-serif;
  color: #fff;
  border-bottom: 1px solid #fff;
}

a:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
}

table caption {
  color: #0065bd;
}

@media screen and (max-width: 992px) { /* change this breakpoint if required - ideally JavaScript should calculate this
to discover when width of table > viewport width */
  table:not(.not-responsive):not(.ui-datepicker-calendar) tr {
    border: 1px solid #D2E1E4;
    box-shadow: 0px 1px 6px rgba(9, 62, 82, 0.35);
  }
  table:not(.not-responsive):not(.ui-datepicker-calendar) td,
  table:not(.not-responsive) th[scope=row] {
    border-bottom: 1px solid #D2E1E4;
  }
  table:not(.not-responsive):not(.ui-datepicker-calendar) td::before,
  table:not(.not-responsive) th[scope=row]::before {
    font-family: Arial, "Arial", sans-serif;
    color: #000;
  }
}
p {
  color: #000;
}

input[disabled] {
  background-color: #D2E1E4;
  border-color: #849EA8;
  color: #849EA8;
}

input[disabled]::placeholder {
  color: #849EA8;
}

footer {
  background-color: #fff;
  border-top: 3px solid #D2E1E4;
}

.inset-text {
  border-left: 6px solid #0065bd;
}

.jumbotron {
  background-color: #F6F8F9;
}

.bg-light {
  background-color: #F6F8F9;
}

textarea {
  font-family: Arial, "Arial", sans-serif;
  color: #000;
  border: 1px solid #7591A9;
  background-color: #fff;
}

textarea:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000;
}

.form-label, label {
  font-family: Arial, "Arial", sans-serif;
  color: #000;
}

input {
  font-family: Arial, "Arial", sans-serif;
  color: #000;
  border: 1px solid #7591A9;
  background-color: #fff;
}

input:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000;
}

.header-content {
  height: 3.5em;
}

.display-1 {
  font-family: Arial, "Arial", sans-serif;
}

.display-2 {
  font-family: Arial, "Arial", sans-serif;
}

.display-3 {
  font-family: Arial, "Arial", sans-serif;
}

@media (max-width: 992px) {
  .display-1 {
    font-family: Arial, "Arial", sans-serif;
  }
  .display-2 {
    font-family: Arial, "Arial", sans-serif;
  }
  .display-3 {
    font-family: Arial, "Arial", sans-serif;
  }
}
.secondary-colour, .secondary-colour:before {
  color: #0065bd;
}

.tertiary-colour, .tertiary-colour:before {
  color: #37424A;
}

.accent-1, .accent-1:before {
  color: #B62B60;
}

.accent-2, .accent-2:before {
  color: #F1614E;
}

.accent-3, .accent-3:before {
  color: #fbb040;
}

.accent-4, .accent-4:before {
  color: #8CCFB7;
}

.accent-5, .accent-5:before {
  color: #764897;
}

select {
  font-family: Arial, "Arial", sans-serif;
  color: #000;
  border: 1px solid #7591A9;
  background-color: #fff;
}

select:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000;
}

select[disabled] {
  background-color: #D2E1E4;
  border-color: #849EA8;
  color: #849EA8;
}

select[disabled]::placeholder {
  color: #849EA8;
}

input[readonly] {
  border-bottom: 1px solid #D2E1E4;
}

input[readonly]:focus {
  background-color: #F6F8F9;
  border-bottom: 2px solid #D2E1E4;
}

select[readonly] {
  border-bottom: 1px solid #D2E1E4;
}

select[disabled][readonly] {
  color: #000;
}

select[readonly]:focus {
  background-color: #F6F8F9;
  border-bottom: 2px solid #D2E1E4;
}

textarea[readonly] {
  border-bottom: 1px solid #D2E1E4;
}

textarea[readonly]:focus {
  background-color: #F6F8F9;
  border-bottom: 2px solid #D2E1E4;
}

fieldset legend {
  font-family: Arial, "Arial", sans-serif;
}

fieldset.not-valid {
  border-left: 3px solid #A92131;
}

input[readonly] + .checkmark, input[readonly] + .radio-checkmark {
  border-bottom: 1px solid #D2E1E4;
}

input[readonly]:focus + .checkmark, input[readonly]:focus + .radio-checkmark {
  border-color: #D2E1E4;
  background-color: #F6F8F9;
}

/* Mode testing */
.bg-light {
  background-color: #F6F8F9 !important;
}

.homepage-card .card-image {
  background-color: #fff !important;
}

/*--//base file--*/
/*--component file--*/
/* Accordion */
.accordion-header-btn {
  border-top: 1px solid #D2E1E4;
  border-bottom: 1px solid #D2E1E4;
  background-color: #fff;
}

.accordion-header-btn:hover {
  background-color: #F6F8F9;
  cursor: pointer;
}

.accordion-header-btn:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  outline: 0;
}

.accordion-text {
  color: #0065bd;
  font-family: Arial, "Arial", sans-serif;
}

@media (min-width: 800px) {
  .accordion-text {
    color: #0065bd;
    font-family: Arial, "Arial", sans-serif;
  }
}
.accordion-content {
  background-color: #fff;
}

.account-header {
  border-top: 1px solid #D2E1E4;
  border-bottom: 1px solid #D2E1E4;
  background-color: #fff;
}

.no-contents .account-header:not([href]):not([tabindex]) {
  border-bottom: 1px solid #D2E1E4;
}

.no-contents .account-header:hover {
  border-top: 1px solid #D2E1E4;
  border-bottom: 1px solid #D2E1E4;
}

.account:not(.no-contents) .account-header:hover {
  background-color: #F6F8F9;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
}

.account-header:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000 !important;
}

.account-text {
  color: #000;
  font-family: Arial, "Arial", sans-serif;
}

@media (min-width: 800px) {
  .account-text {
    color: #000;
    font-family: Arial, "Arial", sans-serif;
  }
}
.account-header.secondary {
  background-color: #0065bd;
  border-top: 1px solid #0065bd;
  border-bottom: 1px solid #0065bd;
}

.account-header.secondary .account-text, .account-header.secondary .account-info {
  color: #fff;
}

.account-header.secondary:hover {
  background-color: #37424A !important;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
}

.modal-content {
  border: 1px solid #D2E1E4;
  box-shadow: 0px 5px 10px -1px rgba(9, 62, 82, 0.35);
}

.close:not(:disabled):not(.disabled):focus {
  border: 2px solid #000;
  box-shadow: 0 0 0 3px #fbcd0b;
}

.breadcrumb-link a {
  border-bottom: 1px solid #000;
  color: #000;
}

.breadcrumb-link a:hover {
  color: #000;
  border-bottom: 2px solid #000;
}

.breadcrumb-link.current {
  font-family: Arial, "Arial", sans-serif;
}

/* Cards */
.card, .card-1, .card-2 {
  background-color: #fff;
}

.card {
  box-shadow: 0 2px 10px rgba(9, 62, 82, 0.35);
}

.card-subtitle {
  color: #0065bd;
  font-family: Arial, "Arial", sans-serif;
}

.card-header {
  background-color: #0065bd;
  color: #fff;
  border-bottom: 1px solid #0065bd;
  font-family: Arial, "Arial", sans-serif;
}

.card-footer {
  background-color: #F6F8F9;
  border-top: 1px solid #0065bd;
}

.card .blockquote p {
  color: #0065bd;
}

.blockquote-footer {
  border-top: 1px solid #37424A;
}

.card.slide-right {
  box-shadow: -30px 0px 40px -35px rgba(9, 62, 82, 0.35);
}

.card.slide-left {
  box-shadow: 30px 0px 40px -35px rgba(9, 62, 82, 0.35);
}

.card-1 {
  box-shadow: 0 2px 20px -2px rgba(9, 62, 82, 0.35);
}

.card-2 {
  box-shadow: 0 5px 40px -5px rgba(9, 62, 82, 0.35);
}

.card.with-hover:hover {
  box-shadow: 0 2px 20px rgba(9, 62, 82, 0.35) !important;
}

.card-1.with-hover:hover {
  box-shadow: 0 5px 40px rgba(9, 62, 82, 0.35) !important;
}

.card-2.with-hover:hover {
  box-shadow: 0 10px 60px rgba(9, 62, 82, 0.35) !important;
}

.card.no-shadow.with-hover:hover {
  box-shadow: 0 2px 10px rgba(9, 62, 82, 0.35) !important;
}

.with-background-hover:hover {
  background-color: #EBF7FF;
}

.card .card-image-full {
  margin-bottom: 0;
}

/* Hint text */
.hint-info {
  color: #0065bd;
}

.hint {
  color: #0065bd;
}

/* Checkboxes and radios */
.choice-container {
  font-family: Arial, "Arial", sans-serif;
}

.checkmark {
  background-color: #fff;
  border: 1px solid #7591A9;
}

.choice-container:hover input ~ .checkmark {
  background-color: #F6F8F9;
}

.choice-container input:focus ~ .checkmark {
  box-shadow: 0 0 0 3px #fbcd0b;
  border-color: #000;
}

.choice-container .checkmark:after {
  color: #000;
}

.radio-checkmark {
  background-color: #fff;
  border: 1px solid #7591A9;
}

.choice-container .radio-checkmark:after {
  background: #000;
}

.choice-container:hover input ~ .radio-checkmark {
  background-color: #F6F8F9;
}

.choice-container input:focus ~ .radio-checkmark {
  box-shadow: 0 0 0 3px #fbcd0b;
  border-color: #000;
}

.choice-container.small:hover input ~ .checkmark {
  box-shadow: 0 0 0 6px #fbcd0b;
}

.choice-container.small:hover input ~ .radio-checkmark {
  box-shadow: 0 0 0 6px #fbcd0b;
}

.choice-container input[disabled] ~ .radio-checkmark {
  background-color: #D2E1E4;
  border-color: #849EA8;
}

.choice-container input[disabled] ~ .checkmark {
  background-color: #D2E1E4;
  border-color: #849EA8;
}

.choice-container input[disabled] ~ .radio-checkmark:after {
  color: #849EA8;
}

.choice-container input[disabled] ~ .checkmark:after {
  color: #849EA8;
}

fieldset[disabled] .radio-checkmark {
  background-color: #D2E1E4;
  border-color: #849EA8;
}

fieldset[disabled] .choice-container:hover .radio-checkmark {
  background-color: #D2E1E4;
}

fieldset[disabled] .radio-checkmark:after {
  background: #849EA8;
}

.checkbox-wrapper label {
  font-family: Arial, "Arial", sans-serif;
}

.checkbox-wrapper.small label {
  font-family: Arial, "Arial", sans-serif;
}

/*style and hide original checkbox*/
/*position new box*/
.checkbox-wrapper input + label::before {
  border: 1px solid #7591A9;
}

.checkbox-wrapper input[readonly] + label::before {
  border-bottom: 1px solid #D2E1E4;
}

.checkbox-wrapper input[disabled] + label::before {
  background-color: #D2E1E4;
  border-color: #849EA8;
}

.checkbox-wrapper input[disabled] + label:after {
  color: #849EA8;
}

.checkbox-wrapper input:focus + label::before {
  box-shadow: 0 0 0 3px #fbcd0b;
  border-color: #000;
}

.checkbox-wrapper input[readonly]:focus + label::before {
  border-color: #D2E1E4;
  background-color: #F6F8F9;
}

.radio-wrapper label {
  font-family: Arial, "Arial", sans-serif;
}

.radio-wrapper.small label {
  font-family: Arial, "Arial", sans-serif;
}

/*style and hide original radio button*/
/*position new box*/
.radio-wrapper input + label::before {
  border: 1px solid #7591A9;
}

.radio-wrapper input[readonly] + label::before {
  border-bottom: 1px solid #D2E1E4;
}

.radio-wrapper input[disabled] + label::before {
  background-color: #D2E1E4;
  border-color: #849EA8;
}

.radio-wrapper input[disabled] + label:after {
  color: #849EA8;
}

/*create check symbol with pseudo element*/
.radio-wrapper input:focus + label::before {
  box-shadow: 0 0 0 3px #fbcd0b;
  border-color: #000;
}

.radio-wrapper input[readonly]:focus + label::before {
  border-color: #D2E1E4;
  background-color: #F6F8F9;
}

.skip-link:focus, .skip-link:active {
  background-color: #EBF7FF;
  box-shadow: 0 0 0 3pt #fbcd0b;
  color: #000;
}

/* Circular progress */
circular .progress:after {
  background: #37424A;
}

.circular .progress:before {
  background: #37424A;
}

.circular .progress-line {
  border: 10px solid #D2E1E4;
}

.circular .progress {
  border-color: #37424A transparent;
}

.circular.animated.progress:after {
  background: #37424A;
}

.circular.animated.progress:before {
  background: #37424A;
}

@keyframes linear-bounce {
  0% {
    left: 0%;
    width: 30%;
    background-color: #37424A;
  }
  50% {
    left: 75%;
    width: 25%;
    background-color: #37424A;
  }
  100% {
    left: 0%;
    width: 30%;
    background-color: #37424A;
  }
}
/* Linear progress */
.progress.complete {
  background-color: #098765;
}

.progress.failed {
  background-color: #A92131;
}

.progress-line {
  background-color: #D2E1E4;
}

.progress {
  background-color: #37424A;
}

/* Content breaker */
.content-breaker {
  background-color: #D2E1E4;
}

.details-summary:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.details-summary-text {
  border-bottom: 1px solid #0065bd;
  color: #0065bd;
}

.details-summary-text:hover {
  border-bottom: 2px solid #37424A;
  color: #37424A;
}

.details-text {
  border-left: 6px solid #0065bd;
}

.search-box input {
  border: 1px solid #fff;
  font-family: Arial, "Arial", sans-serif;
  color: #000;
}

.search-box input:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #fff;
}

/* More search */
.more-search {
  background-color: #0065bd;
  box-shadow: 0px 5px 20px -5px rgba(9, 62, 82, 0.35);
}

.more-search .btn-icon .icon-close:before {
  color: #fff !important;
}

/* More navigation */
.module-more-navigation {
  background-color: #fff !important;
  box-shadow: 0px 5px 20px -5px rgba(9, 62, 82, 0.35);
}

.module-more-navigation a {
  border-bottom: 1px solid #fff;
}

.module-more-navigation a:hover {
  border-bottom: 2px solid #fff;
  color: #fff;
}

.module-more-navigation .btn .icon {
  color: #0065bd;
}

.btn-dropdown:after {
  color: #37424A;
}

.dropdown-item {
  color: #0065bd;
}

.dropdown-item:hover {
  background-color: #EBF7FF;
}

/* Date pickers */
.date-divider {
  font-family: Arial, "Arial", sans-serif;
}

.ui-datepicker-trigger img {
  color: #0065bd;
}

.ui-widget-content {
  border: 1px solid #D2E1E4;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  background-color: #F6F8F9 !important;
  border: 1px solid #D2E1E4 !important;
}

.ui-datepicker a.ui-state-default {
  color: #000;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover {
  border: 2px solid #000;
}

.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus {
  border: 2px solid #000 !important;
  box-shadow: 0 0 0 3px #fbcd0b;
}

.ui-datepicker {
  background-color: #fff;
}

.ui-datepicker .ui-state-active {
  background-color: #0065bd !important;
  color: #fff !important;
}

.ui-datepicker .ui-datepicker-header {
  background-color: #EBF7FF;
  border: 1px solid #D2E1E4 !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  border: 2px solid #000 !important;
}

.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-next:focus {
  border: 2px solid #000 !important;
  box-shadow: 0 0 0 3px #fbcd0b;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  background-color: transparent !important;
  border-color: #0065bd !important;
  color: #0065bd !important;
  font-family: Arial, "Arial", sans-serif;
}

.ui-datepicker-buttonpane button:hover {
  background-color: #37424A !important;
  border-color: #37424A;
  color: #fff !important;
}

.ui-datepicker .ui-datepicker-buttonpane button:focus {
  background-color: #0065bd !important;
  border: 2px solid #000 !important;
  box-shadow: 0 0 0 3px #fbcd0b !important;
  color: #fff !important;
}

button.ui-datepicker-trigger:focus,
button.ui-datepicker-trigger:active {
  border: 2px solid #000 !important;
  box-shadow: 0 0 0 3px #fbcd0b;
}

button.ui-datepicker-trigger:hover {
  background-color: #F6F8F9 !important;
}

/* Error summary */
.error-summary {
  border: 3px solid #A92131;
  background-color: #FCF3F3;
}

.error-summary-title {
  color: #A92131;
}

.error-summary-list li a {
  color: #A92131;
  border-bottom-color: #A92131;
}

/* Alerts */
.alert {
  border: 1px solid #0096EF;
  background-color: #F1FAFF;
}

.alert * {
  font-family: Arial, "Arial", sans-serif;
}

.alert:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.alert > .icon {
  color: #0096EF;
}

.alert p {
  color: #000;
}

.alert-success {
  border-color: #098765;
  background-color: #EBFAF5;
}

.alert-success .icon {
  color: #098765;
}

.alert-warning {
  border-color: #B75F00;
  background-color: #FFFAF5;
}

.alert-warning .icon {
  color: #B75F00;
}

.alert-error {
  border-color: #A92131;
  background-color: #FCF3F3;
}

.alert-error .icon {
  color: #A92131;
}

.alert-error a {
  color: #000;
}

/* Left menu */
.left-menu {
  height: calc(100vh - 3.5em);
  top: 3.5em;
  border-right: 1px solid #F0F0F0;
  background-color: #fff;
  box-shadow: 20px 0 40px rgba(9, 62, 82, 0.35);
}

.left-menu-header {
  background-color: #F6F8F9;
  border-bottom: 1px solid #F0F0F0;
}

.menu-header-text {
  color: #0065bd;
  font-family: Arial, "Arial", sans-serif;
}

.left-menu-header .icon {
  color: #0065bd;
}

.left-menu-header .icon-chevron-left, .left-menu-header .icon-chevron-right {
  color: #0065bd;
}

.left-menu-item {
  color: #000;
  background-color: #fff;
}

.left-menu-item div, .left-menu-item span, .left-menu-item p {
  color: #000;
}

.left-menu-item .icon {
  color: #000;
}

.left-menu-item:hover {
  background-color: #EBF7FF;
}

.left-menu-item:hover .menu-item-text, .left-menu-link:focus .left-menu-item .menu-item-text {
  border-bottom: 1px solid #37424A;
  color: #37424A;
}

.left-menu-link:focus .left-menu-item {
  background-color: #EBF7FF;
  border: 3px solid #fbcd0b;
}

.left-menu-link:focus .left-menu-header {
  background-color: #F6F8F9;
  border-left: 4px solid #fbcd0b;
}

.left-menu-item.open {
  background-color: #0065bd;
}

.left-menu-item.open:hover .menu-item-text {
  border-bottom: 1px solid #fff;
  color: #fff;
}

.left-menu-item.open div, .left-menu-item.open span, .left-menu-item.open p {
  color: #fff;
}

.left-menu-item.open .icon {
  color: #fff;
}

.left-menu-link:focus .left-menu-item.open .icon {
  color: #000;
}

.left-menu-link:focus .left-menu-item.open .menu-item-text {
  color: #000;
  border-bottom: 1px solid #000;
}

.left-menu-item .text-with-badge {
  display: inline-block;
}

.left-menu-item .text-with-badge .badge {
  top: 5px;
}

/* Accordion menus */
.left-menu .accordion-header-btn:focus {
  box-shadow: none;
  border: 3px solid #fbcd0b;
  outline: 0;
}

.left-menu .accordion-header-btn:hover {
  background-color: #fff;
}

.left-menu .accordion-header-btn {
  border: 0;
  min-height: 44px;
  background-color: #F6F8F9;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}

/* Right menu */
.right-menu {
  background-color: #fff;
  padding-top: 3.5em;
  box-shadow: -15px 5px 20px -15px rgba(9, 62, 82, 0.35);
}

.slide-right-container {
  box-shadow: -15px 5px 20px -15px rgba(9, 62, 82, 0.35);
}

.right-item-panel {
  background-color: #fff;
  box-shadow: -15px 5px 20px -15px rgba(9, 62, 82, 0.35);
}

.image-panel {
  background-color: #fff;
  box-shadow: -15px 5px 20px -15px rgba(9, 62, 82, 0.35);
}

@media (max-width: 1200px) {
  .image-panel {
    box-shadow: 0px 50px 200px 0px rgba(9, 62, 82, 0.35);
  }
}
#main-and-footer {
  background-color: #fff;
  margin-top: 3.5em;
}

/* Header */
.header-logo img {
  height: 3.5em;
}

.nav-items {
  height: 3.5em;
}

.nav-item-list {
  height: 3.5em;
}

.nav-item {
  height: 3.5em;
  line-height: 3.5em;
}

.nav-link {
  color: #fff;
  font-family: Arial, "Arial", sans-serif;
  height: 3.5em;
  line-height: 3.5em;
}

.nav-link:hover {
  color: #37424A;
}

.nav-item.emphasised .nav-link {
  color: #0065bd;
}

.nav-items-row {
  height: 3.5em;
  margin-bottom: 0;
}

.nav-item.active {
  border-bottom: 6px solid #37424A;
}

.nav-link:focus {
  border-bottom: 6px solid #fbcd0b;
}

.nav-item.view-more {
  color: #fff;
  font-family: Arial, "Arial", sans-serif;
}

@media (max-width: 767.5px) {
  .nav-item.view-more {
    font-family: Arial, "Arial", sans-serif;
  }
}
@media (max-width: 400px) {
  .nav-item.view-more {
    font-family: Arial, "Arial", sans-serif;
  }
}
.nav-item.emphasised {
  background-color: #fff;
}

.top-header {
  background-color: #0065bd;
}

.top-header .logo {
  height: 3.5em;
}

.top-header .logo a {
  color: #fff;
  font-family: Arial, "Arial", sans-serif;
  line-height: calc(3.5em / 1.5);
}

.dark-logo-text {
  color: #000 !important;
  text-shadow: 0 2px 2px rgba(9, 62, 82, 0.35);
}

.top-header .icon {
  color: #fff;
}

.top-header a {
  line-height: 3.5em;
}

.top-header .header-content h1, .top-header .header-content h2, .top-header .header-content h3, .top-header .header-content h4, .top-header .header-content h5 {
  color: #fff;
}

.header-dropdown-content {
  background-color: #0065bd;
  top: 3.5em;
  max-height: calc(568px - 3.5em);
}

.header-dropdown-content li .nav-text {
  color: #fff;
}

.header-dropdown-content li a:focus {
  border: 4px solid #fbcd0b;
}

.top-header .dropdown-divider {
  background-color: #D2E1E4;
}

.navigation-menu {
  width: 3.5em;
  height: 3.5em;
  background-color: #0065bd;
}

a:focus .navigation-menu {
  box-shadow: 0 0 0 3pt #fbcd0b;
  background-color: #fff;
}

a:focus .navigation-menu .icon {
  color: #0065bd;
}

.top-nav-left {
  height: 3.5em;
}

.right-navigation-icons a {
  height: 3.5em;
}

.right-navigation-icons a:focus {
  border: 3px solid #fbcd0b;
}

.top-header .logo-centered a {
  line-height: 3.5em;
}

#scrollOn .icon, #scrollBack .icon {
  color: #fff;
}

#scrollOn .btn, #scrollBack .btn {
  height: 3.5em;
}

/* Badges */
.badge {
  color: #fff;
  font-family: Arial, "Arial", sans-serif;
  background-color: #000;
}

.badge-alert {
  background-color: #A92131;
}

.badge-warning {
  background-color: #B75F00;
}

.badge-good {
  background-color: #098765;
}

.text-with-badge .badge {
  color: #fff;
}

/* Buttons */
.btn {
  background-color: #fff;
  color: #0065bd;
  font-family: Arial, "Arial", sans-serif;
  border: 1px solid #D2E1E4;
}

.btn:hover {
  background-color: #F6F8F9;
  border: 1px solid #D2E1E4;
}

.btn:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000 !important;
}

.btn.disabled, .btn[disabled] {
  background-color: #D2E1E4;
  color: #849EA8;
  border-color: #D2E1E4;
}

/* Secondary button */
.btn-secondary {
  background-color: #0065bd;
  border-color: #0065bd;
  color: #fff;
  border: 1px solid #0065bd;
}

.btn-secondary:hover {
  background-color: #37424A;
  border-color: #37424A;
}

.btn-secondary:not(:disabled):not(.disabled):active {
  border: 2px solid #37424A !important;
  background-color: #0065bd;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.btn-secondary:focus {
  background-color: #37424A !important;
}

/* Primary button */
.btn-primary {
  background-color: #0065bd;
  color: #fff;
  border: 1px solid #0065bd;
}

.btn-primary:hover {
  background-color: #37424A;
  border: 1px solid #37424A;
}

.btn-primary:not(:disabled):not(.disabled):active {
  border: 2px solid #37424A !important;
  background-color: #0065bd;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.btn-primary:focus {
  background-color: #37424A !important;
}

/* Link button */
.btn-link {
  font-family: Arial, "Arial", sans-serif;
  color: #fff;
}

.btn-link:hover {
  border: 1px solid #fff;
}

.btn-link.disabled {
  color: #849EA8;
}

/* Negative/warning button */
.btn-warning {
  color: #fff;
  border-color: #A92131;
  background-color: #A92131;
}

.btn-warning .icon {
  color: #fff;
}

.btn-warning:hover {
  color: #A92131;
  border-color: #A92131;
  background-color: #fff;
}

.btn-warning:not(:disabled):not(.disabled):active {
  border-color: #A92131 !important;
  background-color: #fff;
}

.btn-warning:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.btn-warning:focus {
  color: #A92131;
  border-color: #A92131 !important;
  background-color: #fff !important;
}

.btn-warning.disabled {
  background-color: #FCF3F3;
  color: #A92131;
  border-color: #A92131;
}

/* Ghost button */
.btn-ghost {
  border-color: #0065bd;
  color: #0065bd;
}

.btn-ghost:hover {
  background-color: #0065bd;
  border-color: #0065bd;
  color: #fff;
}

.btn-ghost:active {
  border-color: #0065bd !important;
}

.btn-ghost:focus {
  border: 2px solid #000 !important;
}

/* Previous and next buttons */
.btn-prev:before {
  color: #37424A;
}

.btn-next:after {
  color: #37424A;
}

.btn-secondary.btn-next:after {
  color: #fff;
}

.btn-secondary.btn-prev:after {
  color: #fff;
}

.btn-reveal, .btn-contract {
  color: #0065bd;
}

.btn-reveal:after {
  border-top: 5px solid #37424A;
}

.btn-contract:after {
  border-bottom: 5px solid #37424A;
}

.btn-expand:after {
  border-top: 5px solid #37424A;
}

.btn-hide:after {
  border-bottom: 5px solid #37424A;
}

.btn-table {
  color: #0065bd;
  background-color: #F6F8F9;
}

.btn-table:hover {
  background-color: #fff;
}

.pagination a.btn {
  font-family: Arial, "Arial", sans-serif;
}

.pagination a.active {
  background-color: #37424A;
  color: #fff;
}

/* Button icons */
.btn .icon {
  color: #0065bd;
}

.btn-primary .icon, .btn-secondary .icon {
  color: #fff;
}

.btn-ghost .icon {
  color: #0065bd;
}

.btn-ghost:hover .icon {
  color: #fff;
}

/* Panel */
.panel {
  background-color: #0065bd;
}

.panel-title, .panel-body {
  color: #fff;
}

.panel-success {
  background-color: #098765;
}

.panel-warning {
  background-color: #B75F00;
}

.panel-error {
  background-color: #A92131;
}

.panel-note {
  background-color: #0096EF;
}

.notification .progress-line {
  background-color: #F6F8F9;
  border: 2px solid #fff;
}

.notification .progress {
  background-color: #B75F00;
  border: 2px solid #fff;
}

.notification {
  background-color: #0065bd;
}

.notification a {
  color: #fff;
}

.notification p {
  color: #fff;
  font-family: Arial, "Arial", sans-serif;
}

.notification-success {
  background-color: #098765;
}

.notification span.icon {
  color: #fff;
}

.notification-with-link a {
  border-bottom: 1px solid #fff;
}

.notification-with-link a:hover, .notification-with-link a:focus {
  border-bottom: 2px solid #fff;
}

.notification-error {
  background-color: #A92131;
}

.notification-warning {
  background-color: #B75F00;
}

.notification .btn span {
  color: #fff;
}

/* Tables */
table.alternating {
  font-family: Arial, "Arial", sans-serif;
  color: #000;
  box-shadow: 0px 1px 6px rgba(9, 62, 82, 0.35);
  border: 1px solid #D2E1E4;
}

.alternating tr:nth-child(2n+1) {
  background-color: #F6F8F9;
}

.alternating tr:nth-child(2n) {
  background-color: #fff;
}

.alternating tr:hover {
  background-color: #EBF7FF;
  color: #000;
}

table .actions {
  border-left: 1px solid #D2E1E4;
}

.alternating th:not([scope=row]) {
  border-bottom: 2px solid #D2E1E4;
  background-color: #fff;
  color: #000;
  font-family: Arial, "Arial", sans-serif;
}

@media screen and (max-width: 992px) {
  .alternating:not(.not-responsive) tr > *:nth-child(2n+1) {
    background-color: #F6F8F9;
  }
  .alternating:not(.not-responsive) tr > *:nth-child(2n) {
    background-color: #fff;
  }
  .alternating:not(.not-responsive) tr:nth-child(2n+1) {
    background-color: #fff;
  }
  .alternating:not(.not-responsive) tr:nth-child(2n) {
    background-color: #F6F8F9;
  }
  .alternating:not(.not-responsive) tr:hover {
    background-color: #fff;
  }
}
table.white {
  font-family: Arial, "Arial", sans-serif;
  color: #000;
  background-color: #fff;
}

.white th:not([scope=row]) {
  border-bottom: 1px solid #D2E1E4;
  background-color: #fff;
  color: #37424A;
  font-family: Arial, "Arial", sans-serif;
}

.options-col:after {
  color: #37424A;
}

.sort-col:after {
  color: #37424A;
}

.options-col:focus, .sort-col:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000 !important;
}

table tr.active td {
  background-color: #EBF7FF !important;
}

@media (max-width: 991.5px) {
  table tr.active {
    border: 1px solid #0065bd;
    box-shadow: 0 2px 10px rgba(9, 62, 82, 0.35);
  }
}
@media (min-width: 992px) {
  tr.active td:first-child:before {
    background-color: #0065bd;
  }
}
/* Chips */
.chip {
  background-color: #F6F8F9;
  color: #0065bd;
  border: 1px solid #0065bd;
}

.chip:hover {
  background-color: #A92131;
  color: #fff;
}

.btn-icon-chip .close {
  color: #0065bd;
}

.btn-icon-chip .close:not(:disabled):not(.disabled):hover, .btn-icon-chip .close:not(:disabled):not(.disabled):focus {
  color: #fff;
}

.btn-icon-chip {
  color: #000;
}

.btn-icon-chip:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000;
}

.btn-icon-chip:hover .close::before {
  color: #fff;
}

/* Summary list */
.summary-list-row {
  border-bottom: 1px solid #D2E1E4;
}

.summary-list-key a {
  font-family: Arial, "Arial", sans-serif;
}

/* Tag */
.tag {
  background-color: #0065bd;
  color: #fff;
}

.tag-green {
  background-color: #098765;
}

.tag-red {
  background-color: #A92131;
}

.tag-amber {
  background-color: #B75F00;
}

/* Form validity */
.validity-text {
  color: #A92131;
  font-family: Arial, "Arial", sans-serif;
}

.view-more-link {
  font-family: Arial, "Arial", sans-serif;
  color: #0065bd;
}

.view-more-button {
  background-color: #fff;
  border: 2px solid #D2E1E4;
  box-shadow: 0 2px 2px rgba(9, 62, 82, 0.35);
}

.view-more-button:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.view-more-button:hover {
  background-color: #F6F8F9;
  box-shadow: 0 2px 4px rgba(9, 62, 82, 0.35);
}

.view-more-icon {
  color: #37424A;
}

.progressbar li:before {
  color: #000;
  border: 2px solid #37424A;
  background-color: #fff;
}

.progressbar li:after {
  background-color: #37424A;
}

.progressbar li.active:after, .progressbar li.complete:after {
  background-color: #000;
}

.progressbar li a {
  color: #000;
}

.progressbar li.complete:before {
  background-color: #000;
  color: #fff !important;
  border: 2px solid #000 !important;
}

.progressbar li.active:before {
  color: #000 !important;
  border: 2px solid #000 !important;
  background-color: #8CCFB7;
  box-shadow: 0 0 0 2px #37424A;
}

.progressbar li.active a {
  font-family: Arial, "Arial", sans-serif;
}

.progressbar.counter li:before {
  font-family: Arial, "Arial", sans-serif;
}

@media (max-width: 992px) {
  .progressbar li:after {
    font-family: Arial, "Arial", sans-serif;
  }
}
/* Banner */
.banner {
  background-color: #0065bd;
}

.banner-text {
  color: #fff;
  font-family: Arial, "Arial", sans-serif;
}

.banner:hover {
  background-color: #37424A;
}

.banner:hover .banner-button {
  background-color: #37424A;
}

.banner a {
  color: #fff;
  font-size: 1rem;
  font-family: Arial, "Arial", sans-serif;
  border-bottom: 1px solid #fff;
}

.banner a:hover {
  font-family: Arial, "Arial", sans-serif;
  border-bottom: 2px solid #fff;
}

/* Toggle switch */
.slider {
  background-color: #D2E1E4;
}

.slider:before {
  background-color: #fff;
  border: 1px solid #849EA8;
}

input:checked + .slider {
  background-color: #098765;
}

input:focus + .slider {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

input:checked + .slider:before {
  border-color: #000;
}

input + .slider:after {
  color: #000;
  font-family: Arial, "Arial", sans-serif;
}

input:checked + .slider:after {
  content: "ON";
  color: #fff;
}

/* Tooltips */
.tooltip-indicator {
  border-bottom: 1px dashed #000;
}

.tooltip .tooltip-text-bottom {
  background-color: #0065bd;
  color: #fff;
}

.tooltip .tooltip-text-bottom::after {
  border-color: transparent transparent #0065bd transparent;
}

.tooltip .tooltip-text-top {
  background-color: #0065bd;
  color: #fff;
}

.tooltip .tooltip-text-top::after {
  border-color: transparent transparent #0065bd transparent;
}

.tooltip .tooltip-text-right {
  background-color: #0065bd;
  color: #fff;
}

.tooltip .tooltip-text-right::after {
  border-color: transparent transparent #0065bd transparent;
}

.tooltip .tooltip-text-left {
  background-color: #0065bd;
  color: #fff;
}

.tooltip .tooltip-text-left::after {
  border-color: transparent transparent #0065bd transparent;
}

.tooltip-indicator:hover {
  border-bottom: 2px dashed #000;
}

.tooltip:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

/* Lightbox */
.lightbox {
  background-color: rgba(9, 62, 82, 0.35);
}

/* Select fields */
.select-wrapper:before {
  color: #37424A;
}

.select-wrapper[readonly]:before {
  display: none;
}

/* Tabs */
/* ui tabs */
.ui-tabs-tab.ui-state-default:hover {
  background-color: #F6F8F9 !important;
}

.ui-tabs-anchor {
  color: #000;
}

.ui-tabs-active .ui-tabs-anchor {
  font-family: Arial, "Arial", sans-serif;
  color: #37424A;
}

.ui-tabs-tab:hover {
  background-color: #F6F8F9;
}

.ui-tabs-tab:hover .ui-tabs-anchor {
  color: #37424A;
}

.ui-tabs-tab:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
}

.ui-tabs-active:after {
  background-color: #37424A;
}

.ui-tabs-nav {
  border-bottom: 3px solid #D2E1E4;
}

/* Page list */
.page-list .icon {
  color: #0065bd;
}

.page-list a {
  color: #000;
}

.page-list .text-with-icon:hover {
  background-color: #F6F8F9;
}

.page-list a:focus .text-with-icon {
  box-shadow: 0 0 0 3px #fbcd0b;
  background-color: #F6F8F9;
}

/* adapted from GDS autocomplete example */
.autocomplete__hint {
  color: #7591A9;
}

.autocomplete__menu {
  background-color: #fff;
  border: 1px solid #7591A9;
}

.autocomplete__option--focused,
.autocomplete__option:hover {
  background-color: #0065bd;
  border-color: #0065bd;
  color: #fff;
}

.autocomplete__option--no-results {
  background-color: #F6F8F9;
  color: #000;
}

#searchclear {
  color: #F6F8F9;
}

/*--//component file--*/
/*--Utiliies--*/
/* Shadow utilities */
/* Background utilities - VISUAL */
.background {
  background-color: #F6F8F9 !important;
}

/* Border utilities - VISUAL */
.border {
  border: 1px solid #D2E1E4 !important;
}

.border-top {
  border-top: 1px solid #D2E1E4 !important;
}

.border-right {
  border-right: 1px solid #D2E1E4 !important;
}

.border-bottom {
  border-bottom: 1px solid #D2E1E4 !important;
}

.border-left {
  border-left: 1px solid #D2E1E4 !important;
}

.border-walls {
  border-left: 1px solid #D2E1E4 !important;
  border-right: 1px solid #D2E1E4 !important;
}

.border-floors {
  border-top: 1px solid #D2E1E4 !important;
  border-bottom: 1px solid #D2E1E4 !important;
}

/* Not valid */
.not-valid {
  border: 3px solid #A92131;
}

.not-valid:focus {
  box-shadow: 0 0 0 3pt #fbcd0b;
  border: 2px solid #000;
}

/* Priority utilities - TYPOGRAPHY */
.priority-high {
  color: #000;
  background-color: #FCF3F3;
  border-color: #A92131;
}

.priority-medium {
  color: #000;
  background-color: #FFFAF5;
  border-color: #B75F00;
}

.priority-low {
  color: #000;
  background-color: #EBFAF5;
  border-color: #098765;
}

.priority-none {
  background-color: #D2E1E4;
  color: #000;
  border-color: #D2E1E4;
}

/*--//Utiliies--*/
/* Useful Changes*/
/*Ensure breadcrumb is visible*/
.body-content {
  margin-top: 70px;
}

/*Position green box below header*/
.itemaddedtobasket {
  top: 149px;
}

/*Move mobile open hamburger menu to be below the hamburger icon*/
.left-menu {
  top: 200px;
}

/* Put Privacy Notice in bold */
.sys_footer_row2_break {
  padding: 5px, 0px, 5px, 0px;
  clear: left;
  margin: 0;
  font-weight: bold;
  text-align: center;
  height: 5px;
}

.sys_footer_row2_Bold {
  font-weight: bold;
  background-color: Transparent;
  color: #fff;
}

/*Set colours for payment pages progress bar if #tertiary-col = white*/
/*.progressbar li::before {
    color: #093e52 !important;
    border: 2px solid #367F8C !important;
    background-color: #fff;
}

.progressbar li::after {
    background-color: #367F8C !important;
}*/
/* Set fund boxes to have borders with the same size */
.catalogue-results-item-standard, .catalogue-results-item-ext-standard {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.item-service-resultline-even, .item-parking-resultline-odd {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.item-service-resultline-odd, .item-parking-resultline-odd {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.item-school-resultline-odd, .item-school-resultline-even {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.row.catalogue-results-item-standard.item-standard-resultline-even {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.row.catalogue-results-item-standard.item-standard-resultline-odd {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.row.catalogue-results-item-service.item-service-resultline-even {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

.row.catalogue-results-item-parking.item-parking-resultline-odd {
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
  padding-bottom: 20px;
  margin-bottom: -20px;
  min-height: 368px;
  margin-right: 1px;
}

/* Redcar Specific */
#RCBC_header {
  height: 97px;
  background-color: #fff;
  position: relative;
  top: 0;
  width: 100%;
  min-height: 100px;
  background: #FFF;
  padding-top: 10px;
}

#RCBC_logo {
  background-image: url(../images/Customers/logo.svg);
  background-size: contain;
  float: left;
  height: 90px;
  width: 20em;
  background-repeat: no-repeat;
}

.RCBCcontainer {
  position: relative;
  box-sizing: border-box;
  max-width: 73.75em;
  margin: 0 auto;
  clear: both;
  padding-bottom: 20px;
}

#RCBC_text {
  float: right;
  padding-top: 20px;
  padding-right: 20px;
  font-size: x-large;
}

#pageHeaderInner {
  padding-top: 15px;
}

/* Footer */
#RCBCfooter {
  background: url("../images/Customers/RCBC_footer.png") center top;
  background-size: auto auto;
  color: #000;
  padding: 90px 0 20px;
  min-height: 275px;
  background-size: cover;
  min-width: 1230px;
}

.RCBCrow {
  margin-right: -15px;
  margin-left: 30px;
}

#RCBCfooter .indexSection {
  list-style: none;
  list-style-type: none !important;
}

#footer .indexSection li {
  display: inline-block;
  margin-bottom: 25px;
}

.col-md-1 {
  float: left;
  width: 3.7% !important;
  list-style-type: none;
  padding-right: 22px;
}

#RCBCfooter .indexSection li a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  line-height: 16px;
  font-size: 16px;
  text-decoration: none !important;
}

#RCBCfooter .indexSection li a:hover {
  display: block;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  line-height: 16px;
  font-size: 18px;
  text-decoration: underline !important;
}

.col-sm-9 {
  width: 100% !important;
  padding-top: 50px;
}

.lcol img#TVCA {
  height: 47px;
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  padding-left: 35px;
}

.mcol {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}

#rcbclogo-footer {
  width: 100%;
  height: auto;
  padding-top: 18px;
  margin-left: 170px;
}

.rcol {
  display: inline-block;
  width: 330px;
  vertical-align: top;
  float: right;
}

.rcol ul li {
  list-style-type: none;
  display: inline-block;
}

.rcol ul li a.twitterIcon.iconFooter, .rcol ul li a.youtubeIcon.iconFooter, .rcol ul li a.facebookIcon.iconFooter, .rcol ul li a.instaIcon.iconFooter {
  display: block;
  width: 47px;
  height: 47px;
  margin-right: 5px;
  float: left;
  border-bottom: none;
}

.twitterIcon {
  background: url(../images/Customers/social-twitter-ss.png) no-repeat left center;
}

.twitterIcon:hover {
  background: url(../images/Customers/social-twitter-ss.png) no-repeat left center;
  background-position-x: -47px;
}

.youtubeIcon {
  background: url(../images/Customers/youtube-social-ss.png) no-repeat left center;
}

.youtubeIcon:hover {
  background: url(../images/Customers/youtube-social-ss.png) no-repeat left center;
  background-position-x: -47px;
}

.facebookIcon {
  background: url(../images/Customers/social-facebook-ss.png) no-repeat left center;
}

.facebookIcon:hover {
  background: url(../images/Customers/social-facebook-ss.png) no-repeat left center;
  background-position-x: -47px;
}

.instaIcon {
  background: url(../images/Customers/insta-social-ss.png) no-repeat left center;
  background-size: 95px;
}

.instaIcon:hover {
  background: url(../images/Customers/insta-social-ss.png) no-repeat left center;
  background-size: 95px;
  background-position-x: -48px;
}

.footer-menu {
  width: 190%;
  display: block;
  padding: 0;
  color: #FFF;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-weight: bold;
  position: relative;
  /*padding: 15px 0 25px;*/
  margin: 0 auto -41px;
}

.footer-menu span {
  display: inline-block;
  width: 19% !important;
}

.footer-menu a {
  color: #FFF;
  font-size: 1em;
  text-align: center;
  display: block;
  text-decoration: none;
  border-bottom: none;
}

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

#iconfooter {
  margin-right: -10px;
  margin-left: -10px;
}

#footer-wrapper-inner {
  width: 100% !important;
}

.RCBCrow ul.indexSection {
  z-index: 9999;
  position: relative;
}

.item-service-resultline.result-line.catalog-item-titles div.catalogue-results-item-ext-standard-text-shopText {
  padding-top: 15px;
}

.sys_footer_row2 {
  padding-bottom: 10px;
}

.sys_footer_row2 span {
  color: #fff;
}

footer .container {
  max-width: 1663px;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

footer {
  border-top: 0px;
}

.footSection {
  width: 1120px;
}

#portal-pagebody .ui-dialog-titlebar, #portal-pagebody .ui-dialog-title {
  background: #0065bd !important;
  color: #fff !important;
}

#portal-pagebody .ui-widget-header {
  border: 1px solid #0065bd !important;
}

.ui-dialog-buttonset button {
  background-color: #0065bd;
  color: #fff;
  border: 1px solid #0065bd;
}

.ui-dialog-buttonset button:hover {
  background-color: #37424A;
  border: 1px solid #37424A;
  transition: ease all 0.2s;
}

.header-content {
  max-width: 73.75em;
  margin: 0 auto;
  clear: both;
}

.container {
  max-width: 73.75em;
  margin: 0 auto;
  clear: both;
}

@media screen and (max-width: 767px) {
  .top-header .logo {
    display: none;
  }
  #RCBC_header {
    height: 43px;
  }
  #RCBC_logo {
    height: 65px;
    width: 100%;
    margin-top: 2px;
  }
  .left-menu {
    top: 103px;
  }
}
#loginRegisterLink {
  display: none !important;
}

#logo-text {
  display: none !important;
}

#loginRegLink {
  color: #333;
  display: none;
}

.accordion {
  display: none;
}

.right-navigation-icons .icon.icon-basket {
  margin-top: -30px;
}

#filter-shop {
  display: none;
}

.top-header {
  position: absolute;
  background-color: #0e2044;
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), #008b95);
}

.nav-link:hover {
  color: #fbcd0b;
}

.top-header .icon:hover {
  color: #fbcd0b;
}

/*START OF REDCAR VARIABLE DEFINITIONS*/
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.ia-block {
  margin-block-end: var(--spacing);
  background-color: var(--ia-block-bg-color);
}

.ia-block--promoted {
  padding: var(--spacing);
  border: var(--border-large);
  border-color: var(--color-accent);
  background-color: var(--ia-block-bg-color-promoted);
}

.ia-block__title {
  margin-block-start: 0;
}

.ia-block li {
  margin-block-end: 0.5rem;
}

.ia-block li:last-of-type {
  margin-block-end: 0;
}

.lgd-page-section {
  color: var(--color-page-section-text-color);
  background-color: var(--color-page-section-background-color);
}

.lgd-page-section--bg-colour-1 {
  --color-page-section-background-color: var(--color-page-section-background-color-1);
  --color-page-section-text-color: var(--color-page-section-background-color-1-text-color);
}

.lgd-page-section--bg-colour-2 {
  --color-page-section-background-color: var(--color-page-section-background-color-2);
  --color-page-section-text-color: var(--color-page-section-background-color-2-text-color);
}

.lgd-page-section--bg-colour-3 {
  --color-page-section-background-color: var(--color-page-section-background-color-3);
  --color-page-section-text-color: var(--color-page-section-background-color-3-text-color);
}

.lgd-page-section--bg-colour-4 {
  --color-page-section-background-color: var(--color-page-section-background-color-4);
  --color-page-section-text-color: var(--color-page-section-background-color-4-text-color);
}

.lgd-page-section--bg-colour-5 {
  --color-page-section-background-color: var(--color-page-section-background-color-5);
  --color-page-section-text-color: var(--color-page-section-background-color-5-text-color);
}

.lgd-page-section--bg-colour-6 {
  --color-page-section-background-color: var(--color-page-section-background-color-6);
  --color-page-section-text-color: var(--color-page-section-background-color-6-text-color);
}

.lgd-page-section--padding-top-small {
  padding-block-start: var(--spacing-small);
}

.lgd-page-section--padding-top-medium {
  padding-block-start: var(--spacing);
}

.lgd-page-section--padding-top-large {
  padding-block-start: var(--spacing-large);
}

.lgd-page-section--padding-top-larger {
  padding-block-start: var(--spacing-larger);
}

.lgd-page-section--padding-top-largest {
  padding-block-start: var(--spacing-largest);
}

.lgd-page-section--padding-bottom-small {
  padding-block-end: var(--spacing-small);
}

.lgd-page-section--padding-bottom-medium {
  padding-block-end: var(--spacing);
}

.lgd-page-section--padding-bottom-large {
  padding-block-end: var(--spacing-large);
}

.lgd-page-section--padding-bottom-larger {
  padding-block-end: var(--spacing-larger);
}

.lgd-page-section--padding-bottom-largest {
  padding-block-end: var(--spacing-largest);
}

.lgd-page-section--bg-colour-1, .lgd-page-section--bg-colour-1 h2, .lgd-page-section--bg-colour-1 h3, .lgd-page-section--bg-colour-1 h4, .lgd-page-section--bg-colour-1 h5, .lgd-page-section--bg-colour-1 h6 {
  color: var(--color-page-section-background-color-1-text-color);
}

.lgd-page-section--bg-colour-1 a, .lgd-page-section--bg-colour-1 h2 a, .lgd-page-section--bg-colour-1 h3 a, .lgd-page-section--bg-colour-1 h4 a, .lgd-page-section--bg-colour-1 h5 a, .lgd-page-section--bg-colour-1 h6 a {
  color: var(--color-page-section-background-color-1-link-color);
}

.lgd-page-section--bg-colour-2, .lgd-page-section--bg-colour-2 h2, .lgd-page-section--bg-colour-2 h3, .lgd-page-section--bg-colour-2 h4, .lgd-page-section--bg-colour-2 h5, .lgd-page-section--bg-colour-2 h6 {
  color: var(--color-page-section-background-color-2-text-color);
}

.lgd-page-section--bg-colour-2 a, .lgd-page-section--bg-colour-2 h2 a, .lgd-page-section--bg-colour-2 h3 a, .lgd-page-section--bg-colour-2 h4 a, .lgd-page-section--bg-colour-2 h5 a, .lgd-page-section--bg-colour-2 h6 a {
  color: var(--color-page-section-background-color-2-link-color);
}

.lgd-page-section--bg-colour-3, .lgd-page-section--bg-colour-3 h2, .lgd-page-section--bg-colour-3 h3, .lgd-page-section--bg-colour-3 h4, .lgd-page-section--bg-colour-3 h5, .lgd-page-section--bg-colour-3 h6 {
  color: var(--color-page-section-background-color-3-text-color);
}

.lgd-page-section--bg-colour-3 a, .lgd-page-section--bg-colour-3 h2 a, .lgd-page-section--bg-colour-3 h3 a, .lgd-page-section--bg-colour-3 h4 a, .lgd-page-section--bg-colour-3 h5 a, .lgd-page-section--bg-colour-3 h6 a {
  color: var(--color-page-section-background-color-3-link-color);
}

.lgd-page-section--bg-colour-4, .lgd-page-section--bg-colour-4 h2, .lgd-page-section--bg-colour-4 h3, .lgd-page-section--bg-colour-4 h4, .lgd-page-section--bg-colour-4 h5, .lgd-page-section--bg-colour-4 h6 {
  color: var(--color-page-section-background-color-4-text-color);
}

.lgd-page-section--bg-colour-4 a, .lgd-page-section--bg-colour-4 h2 a, .lgd-page-section--bg-colour-4 h3 a, .lgd-page-section--bg-colour-4 h4 a, .lgd-page-section--bg-colour-4 h5 a, .lgd-page-section--bg-colour-4 h6 a {
  color: var(--color-page-section-background-color-4-link-color);
}

.lgd-page-section--bg-colour-5, .lgd-page-section--bg-colour-5 h2, .lgd-page-section--bg-colour-5 h3, .lgd-page-section--bg-colour-5 h4, .lgd-page-section--bg-colour-5 h5, .lgd-page-section--bg-colour-5 h6 {
  color: var(--color-page-section-background-color-5-text-color);
}

.lgd-page-section--bg-colour-5 a, .lgd-page-section--bg-colour-5 h2 a, .lgd-page-section--bg-colour-5 h3 a, .lgd-page-section--bg-colour-5 h4 a, .lgd-page-section--bg-colour-5 h5 a, .lgd-page-section--bg-colour-5 h6 a {
  color: var(--color-page-section-background-color-5-link-color);
}

.lgd-page-section--bg-colour-6, .lgd-page-section--bg-colour-6 h2, .lgd-page-section--bg-colour-6 h3, .lgd-page-section--bg-colour-6 h4, .lgd-page-section--bg-colour-6 h5, .lgd-page-section--bg-colour-6 h6 {
  color: var(--color-page-section-background-color-6-text-color);
}

.lgd-page-section--bg-colour-6 a, .lgd-page-section--bg-colour-6 h2 a, .lgd-page-section--bg-colour-6 h3 a, .lgd-page-section--bg-colour-6 h4 a, .lgd-page-section--bg-colour-6 h5 a, .lgd-page-section--bg-colour-6 h6 a {
  color: var(--color-page-section-background-color-6-link-color);
}

.lgd-page-section--bg-colour-1 .newsroom-teaser {
  color: var(--color-page-section-background-color-1-newsroom-teaser-text-color);
  background-color: var(--color-page-section-background-color-1-newsroom-teaser-background-color);
}

.lgd-page-section--bg-colour-1 .newsroom-teaser a {
  color: var(--color-page-section-background-color-1-newsroom-teaser-link-color);
}

.lgd-page-section--bg-colour-2 .newsroom-teaser {
  color: var(--color-page-section-background-color-2-newsroom-teaser-text-color);
  background-color: var(--color-page-section-background-color-2-newsroom-teaser-background-color);
}

.lgd-page-section--bg-colour-2 .newsroom-teaser a {
  color: var(--color-page-section-background-color-2-newsroom-teaser-link-color);
}

.lgd-page-section--bg-colour-3 .newsroom-teaser {
  color: var(--color-page-section-background-color-3-newsroom-teaser-text-color);
  background-color: var(--color-page-section-background-color-3-newsroom-teaser-background-color);
}

.lgd-page-section--bg-colour-3 .newsroom-teaser a {
  color: var(--color-page-section-background-color-3-newsroom-teaser-link-color);
}

.lgd-page-section--bg-colour-4 .newsroom-teaser {
  color: var(--color-page-section-background-color-4-newsroom-teaser-text-color);
  background-color: var(--color-page-section-background-color-4-newsroom-teaser-background-color);
}

.lgd-page-section--bg-colour-4 .newsroom-teaser a {
  color: var(--color-page-section-background-color-4-newsroom-teaser-link-color);
}

.lgd-page-section--bg-colour-5 .newsroom-teaser {
  color: var(--color-page-section-background-color-5-newsroom-teaser-text-color);
  background-color: var(--color-page-section-background-color-5-newsroom-teaser-background-color);
}

.lgd-page-section--bg-colour-5 .newsroom-teaser a {
  color: var(--color-page-section-background-color-5-newsroom-teaser-link-color);
}

.lgd-page-section--bg-colour-6 .newsroom-teaser {
  color: var(--color-page-section-background-color-6-newsroom-teaser-text-color);
  background-color: var(--color-page-section-background-color-6-newsroom-teaser-background-color);
}

.lgd-page-section--bg-colour-6 .newsroom-teaser a {
  color: var(--color-page-section-background-color-6-newsroom-teaser-link-color);
}

.lgd-page-section--bg-colour-1 .box-link {
  color: var(--color-page-section-background-color-1-box-link-text-color);
  border-color: var(--color-page-section-background-color-1-box-link-border-color);
  background-color: var(--color-page-section-background-color-1-box-link-background-color);
}

.lgd-page-section--bg-colour-1 .box-link a {
  color: var(--color-page-section-background-color-1-box-link-link-color);
}

.lgd-page-section--bg-colour-2 .box-link {
  color: var(--color-page-section-background-color-2-box-link-text-color);
  border-color: var(--color-page-section-background-color-2-box-link-border-color);
  background-color: var(--color-page-section-background-color-2-box-link-background-color);
}

.lgd-page-section--bg-colour-2 .box-link a {
  color: var(--color-page-section-background-color-2-box-link-link-color);
}

.lgd-page-section--bg-colour-3 .box-link {
  color: var(--color-page-section-background-color-3-box-link-text-color);
  border-color: var(--color-page-section-background-color-3-box-link-border-color);
  background-color: var(--color-page-section-background-color-3-box-link-background-color);
}

.lgd-page-section--bg-colour-3 .box-link a {
  color: var(--color-page-section-background-color-3-box-link-link-color);
}

.lgd-page-section--bg-colour-4 .box-link {
  color: var(--color-page-section-background-color-4-box-link-text-color);
  border-color: var(--color-page-section-background-color-4-box-link-border-color);
  background-color: var(--color-page-section-background-color-4-box-link-background-color);
}

.lgd-page-section--bg-colour-4 .box-link a {
  color: var(--color-page-section-background-color-4-box-link-link-color);
}

.lgd-page-section--bg-colour-5 .box-link {
  color: var(--color-page-section-background-color-5-box-link-text-color);
  border-color: var(--color-page-section-background-color-5-box-link-border-color);
  background-color: var(--color-page-section-background-color-5-box-link-background-color);
}

.lgd-page-section--bg-colour-5 .box-link a {
  color: var(--color-page-section-background-color-5-box-link-link-color);
}

.lgd-page-section--bg-colour-6 .box-link {
  color: var(--color-page-section-background-color-6-box-link-text-color);
  border-color: var(--color-page-section-background-color-6-box-link-border-color);
  background-color: var(--color-page-section-background-color-6-box-link-background-color);
}

.lgd-page-section--bg-colour-6 .box-link a {
  color: var(--color-page-section-background-color-6-box-link-link-color);
}

.lgd-page-section--bg-colour-1 .featured-subsite {
  color: var(--color-page-section-background-color-1-featured-subsite-text-color);
  background-color: var(--color-page-section-background-color-1-featured-subsite-background-color);
}

.lgd-page-section--bg-colour-1 .featured-subsite a {
  color: var(--color-page-section-background-color-1-featured-subsite-link-color);
}

.lgd-page-section--bg-colour-2 .featured-subsite {
  color: var(--color-page-section-background-color-2-featured-subsite-text-color);
  background-color: var(--color-page-section-background-color-2-featured-subsite-background-color);
}

.lgd-page-section--bg-colour-2 .featured-subsite a {
  color: var(--color-page-section-background-color-2-featured-subsite-link-color);
}

.lgd-page-section--bg-colour-3 .featured-subsite {
  color: var(--color-page-section-background-color-3-featured-subsite-text-color);
  background-color: var(--color-page-section-background-color-3-featured-subsite-background-color);
}

.lgd-page-section--bg-colour-3 .featured-subsite a {
  color: var(--color-page-section-background-color-3-featured-subsite-link-color);
}

.lgd-page-section--bg-colour-4 .featured-subsite {
  color: var(--color-page-section-background-color-4-featured-subsite-text-color);
  background-color: var(--color-page-section-background-color-4-featured-subsite-background-color);
}

.lgd-page-section--bg-colour-4 .featured-subsite a {
  color: var(--color-page-section-background-color-4-featured-subsite-link-color);
}

.lgd-page-section--bg-colour-5 .featured-subsite {
  color: var(--color-page-section-background-color-5-featured-subsite-text-color);
  background-color: var(--color-page-section-background-color-5-featured-subsite-background-color);
}

.lgd-page-section--bg-colour-5 .featured-subsite a {
  color: var(--color-page-section-background-color-5-featured-subsite-link-color);
}

.lgd-page-section--bg-colour-6 .featured-subsite {
  color: var(--color-page-section-background-color-6-featured-subsite-text-color);
  background-color: var(--color-page-section-background-color-6-featured-subsite-background-color);
}

.lgd-page-section--bg-colour-6 .featured-subsite a {
  color: var(--color-page-section-background-color-6-featured-subsite-link-color);
}

.sticky-header--sticky .lgd-header {
  z-index: 1000;
  top: var(--lgd-sticky-header-position);
  width: 100%;
}

.sticky-header--sticky .lgd-header + * {
  margin-block-start: calc(var(--lgd-sticky-header-position) + var(--lgd-sticky-header-height));
  scroll-padding: var(--lgd-sticky-header-height);
}

.sticky-header-html, .sticky-header--sticky {
  scroll-padding-block-start: var(--lgd-sticky-header-height);
}

.region-header-links .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.region-header-links .menu-item a {
  padding: 0.8rem 0;
  display: block;
}

body {
  --width-extra-large: 73.75rem;
  --width-large: 60rem;
  --width-medium: 48rem;
  --width-small: 30rem;
  --width-container: var(--width-extra-large);
  --width-restricted-width-section: var(--width-medium);
  --spacing-smallest: 0.25rem;
  --spacing-smaller: 0.5rem;
  --spacing-small: 0.75rem;
  --spacing: 1rem;
  --spacing-large: 1.5rem;
  --spacing-larger: 2rem;
  --spacing-largest: 2.5rem;
  --spacing-mega: 3rem;
  --spacing-padding-horizontal: var(--spacing);
  --line-height: 1.6;
  --vertical-rhythm-spacing: calc(var(--line-height) * 1rem);
  --color-orange: #e98300;
  --color-blue: #0065bd;
  --color-teal: #008b95;
  --color-grey: #37424a;
  --color-red: #d52b1e;
  --color-accent: var(--color-blue);
  --color-yellow: #fbcd0b;
  --color-purple: #522398;
  --color-pink: #ca005d;
  --color-lilac: #ac98db;
  --color-pale-blue: #a0cfeb;
  --color-winter-blue: #f4f9ff;
  --color-green: #009b48;
  --color-lime: #58a618;
  --color-bronze: #c27515;
  --color-ochre: #85421e;
  --color-dark-blue: #0e2044;
  --color-grey-darkest: #333535;
  --color-white: #fff;
  --color-grey-lightest: #f4f4f4;
  --color-grey-lighter: #eaeaea;
  --color-grey-light: #96918b;
  --color-grey-medium: #b1b4b6;
  --color-grey-dark: #505a5f;
  --color-black: var(--color-grey-darkest);
  --color-info: var(--color-blue);
  --color-success: var(--color-accent);
  --color-danger: var(--color-red);
  --color-warning: var(--color-orange);
  --color-minor: var(--color-pale-blue);
  --color-link: var(--color-blue);
  --color-focus: var(--color-yellow);
  --color-bg: var(--color-winter-blue);
  --font-secondary: -apple-system,blinkmacsystemfont,"Segoe UI","Ubuntu","Roboto","Noto Sans","Droid Sans",sans-serif;
  --font-primary: -apple-system,blinkmacsystemfont,"Segoe UI","Ubuntu","Roboto","Noto Sans","Droid Sans",sans-serif;
  --font-size: 17px;
  --font-size-smallest: calc(var(--font-size) * 0.43);
  --font-size-smaller: calc(var(--font-size) * 0.75);
  --font-size-small: calc(var(--font-size) * 0.85);
  --font-size-medium: calc(var(--font-size) * 1);
  --font-size-large: calc(var(--font-size) * 1.329);
  --font-size-larger: calc(var(--font-size) * 1.835);
  --font-size-largest: calc(var(--font-size) * 3.35);
  --font-size-h1: clamp(var(--font-size-larger),10vw,var(--font-size-largest));
  --font-size-h2: clamp(var(--font-size-large),8vw,var(--font-size-larger));
  --font-size-h3: clamp(var(--font-size-medium),6vw,var(--font-size-large));
  --font-size-h4: var(--font-size-large);
  --font-size-h5: var(--font-size-medium);
  --font-size-h6: var(--font-size-medium);
  --border-width: 1px;
  --border-width-medium: 2px;
  --border-width-large: 3px;
  --border-width-larger: 5px;
  --border-color: var(--color-grey-lightest);
  --border-color-dark: var(--color-grey-dark);
  --border-color-alert: var(--color-info);
  --border-style: solid;
  --border-radius: 6px;
  --border: var(--border-width) var(--border-style) var(--border-color);
  --border-large: var(--border-width-larger) var(--border-style) var(--border-color);
  --border-dark: var(--border-width) var(--border-style) var(--border-color-dark);
  --border-thick: var(--border-width-larger) var(--border-style) var(--color-accent);
  --shadow-primary: 0 0.4rem 0.8rem 0 rgba(0,0,0,0.15);
  --shadow-darker: 0 0.4rem 0.8rem 0 rgba(0,0,0,0.39);
  --transition-time: 0.3s;
  color: var(--color-grey-darkest);
}

body {
  --grid-column-spacing: var(--spacing-large);
  --breadcrumbs-background-color: var(--color-dark-blue);
  --breadcrumbs-divider: "›";
  --breadcrumbs-link-color: var(--color-white);
  --breadcrumbs-spacing-bottom: 0;
  --color-section-header-bg: var(--color-winter-blue);
  --header-link-color: var(--color-accent);
  --header-services-button-color: var(--color-white);
  --header-services-button-bg-color: var(--color-dark-blue);
  --header-services-button-bg-color-hover: var(--color-focus);
  --header-services-button-color-hover: var(--color-dark-blue);
  --header-search-button-color: var(--color-white);
  --header-search-button-bg-color: var(--color-dark-blue);
  --header-search-button-color-hover: var(--color-dark-blue);
  --header-search-button-bg-color-hover: var(--color-focus);
  --header-logo-width: 20rem;
  --secondary-menu-bg-color-second: var(--color-winter-blue);
  --header-toggle-padding: 0.8rem;
  --page-title-width: 100%;
  --overlap-spacing: -3rem;
  --color-section-pre-footer-bg: var(--color-dark-blue);
  --section-spacing-vertical-post-footer: 0;
  --button-border-radius: 6px;
  --button-border-width: 2px;
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-dark-blue);
  --button-bg-color-hover: var(--color-yellow);
  --button-text-color-hover: var(--color-dark-blue);
  --sidebar-exposed-form-bg-color: var(--color-white);
  --sidebar-exposed-form-padding-vertical: var(--spacing);
  --sidebar-exposed-form-padding-horizontal: var(--spacing);
  --sidebar-exposed-form-item-spacing: var(--spacing);
  --section-spacing-horizontal-guide-nav: var(--spacing-large);
  --guide-nav-column-count: 3;
  --ia-block-bg-color: transparent;
  --ia-block-bg-color-promoted: var(--color-accent);
  --box-link-border: var(--border-dark);
  --fact-box-bg-light: var(--color-grey-lighter);
  --fact-box-bg-dark: var(--color-green);
  --fact-box-border-color: var(--color-accent);
  --fact-box-red: var(--color-red);
  --fact-box-blue: var(--color-blue);
  --image-with-caption-border: none;
  --image-with-caption-border-color: var(--color-lime);
  --image-with-caption-bg-color: var(--color-white);
  --table-border: var(--border);
  --table-padding: var(--spacing);
  --table-bg-color: var(--color-white);
  --call-out-box-bg-color: var(--color-dark-blue);
  --call-out-box-text-color: var(--color-white);
  --call-out-box-link-color: var(--color-accent);
  --service-statuses-container-bg-color: var(--color-accent);
  --banner-content-bg-color: var(--color-dark-blue);
  --banner-content-text-color: var(--color-white);
  --banner-title-size: var(--font-size-larger);
  --banner-content-padding: var(--spacing);
  --banner-button-padding: 1.13rem;
  --teaser-featured-border: none;
  --teaser-featured-border-color: var(--color-teal);
  --tabs-button-bg-color: var(--color-dark-blue);
  --tabs-bg-color: var(--color-white);
  --tabs-text-color: var(--color-accent);
  --quote-bg-color: var(--color-grey-lighter);
  --quote-border: var(--border-thick);
  --input-bg-color: var(--color-white);
  --input-border-color: var(--color-dark-blue);
  --input-border-color-hover: var(--color-yellow);
  --input-border-width: 2px;
  --input-border-radius: var(--border-radius);
  --select-border-width: 2px;
  --search-results-item-spacing: 0;
  --layout-gap: 1.5rem;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin-top: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body, .main {
  background-color: var(--color-bg);
}

body {
  margin: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

h1, h2, h3, h4, h5, h6, .heading {
  margin-bottom: var(--vertical-rhythm-spacing);
  font-family: var(--font-secondary);
  line-height: 1.3;
}

h1, .h1 {
  font-size: var(--font-size-h1);
  font-weight: normal;
}

h2, .h2 {
  font-size: var(--font-size-h2);
  font-weight: normal;
}

h3, .h3 {
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: var(--font-size-h4);
  font-weight: bold;
}

h5, .h5 {
  font-size: var(--font-size-h5);
  font-variant: small-caps;
}

h6, .h6 {
  text-decoration: underline;
  font-size: var(--font-size-h6);
  font-variant: small-caps;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

p, ul, ol, pre, table, blockquote {
  margin-bottom: var(--vertical-rhythm-spacing);
}

blockquote {
  padding-left: var(--spacing-largest);
  border-left: var(--border-thick);
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

li::marker {
  color: var(--color-yellow);
  font-size: var(--spacing-large);
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  line-height: 0;
}

sup {
  top: -0.5rem;
}

sub {
  bottom: -0.25rem;
}

table {
  width: 100%;
  text-align: left;
  border: var(--table-border);
  border-collapse: collapse;
  background-color: var(--color-white);
  border-top: var(--border-thick);
}

thead th {
  padding: var(--table-padding);
  background-color: var(--table-bg-color);
}

tbody td {
  padding: var(--table-padding);
}

tbody tr {
  border-bottom: var(--table-border);
}

.lgd-row {
  display: flex;
  flex-wrap: wrap;
}

.layout--threecol-33-34-33 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-gap);
}

.layout--threecol-33-34-33 > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40rem) {
  .layout--threecol-33-34-33 > .layout__region--first, .layout--threecol-33-34-33 > .layout__region--second, .layout--threecol-33-34-33 > .layout__region--third {
    flex: 0 1 calc(33.3333333333% - var(--layout-gap) / 3 * 2);
  }
}
.paragraph--type--page-section .layout--threecol-33-34-33 .layout__region--first, .paragraph--type--page-section .layout--threecol-33-34-33 .layout__region--second, .paragraph--type--page-section .layout--threecol-33-34-33 .layout__region--third {
  padding-right: 0;
  padding-left: 0;
}

.layout--twocol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-gap);
}

.layout--twocol > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    flex: 0 1 calc(50% - var(--layout-gap) / 2);
  }
}
.paragraph--type--page-section .layout--twocol .layout__region--first, .paragraph--type--page-section .layout--twocol .layout__region--second {
  padding-right: 0;
  padding-left: 0;
}

.sidebar, .lgd-region--content {
  margin-top: var(--spacing-large);
}

.page-node-type-localgov-news-article .main {
  padding-top: var(--spacing-mega);
}

.region-content-top {
  padding-bottom: var(--spacing);
  padding-top: var(--spacing);
  color: var(--color-white);
  background-color: var(--color-dark-blue);
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), var(--color-teal));
}

.region-content-top h1, .region-content-top .h1, .region-content-top h2, .region-content-top .h2, .region-content-top h3, .region-content-top .h3, .region-content-top h4, .region-content-top .h4, .region-content-top h5, .region-content-top .h5, .region-content-top h6, .region-content-top .h6, .region-content-top .heading {
  color: var(--color-white);
}

.lgd-region--breadcrumb + main > .lgd-region--content-top {
  padding-top: 0;
}

.sidebar .lgd-region__inner > *, .newsroom__sidebar > * {
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-primary);
}

.lgd-region__inner--sidebar-first > *, .lgd-region__inner--sidebar-second > * {
  border-top: var(--border-thick);
}

@media screen and (min-width: 48rem) {
  .sidebar--second .lgd-region__inner > * {
    margin-left: var(--spacing-mega);
  }
}
.field--label-inline {
  display: flex;
  flex-direction: row;
  gap: var(--spacing);
}

.field__label {
  font-weight: bold;
}

legend {
  padding: 0 !important;
  font-weight: normal;
}

button, input[type=submit] {
  border-radius: var(--border-radius);
  font-size: var(--font-size-medium);
  -webkit-appearance: none;
}

button:focus, button:hover, input[type=submit]:focus, input[type=submit]:hover {
  -webkit-appearance: none;
}

.views-exposed-form .form-text {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.views-exposed-form .form-submit {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

#views-exposed-form-localgov-directory-channel-node-embed-in-a-search-block, #views-exposed-form-localgov-news-search-page-search-news {
  display: flex;
}

#views-exposed-form-localgov-directory-channel-node-embed-in-a-search-block .form-item, #views-exposed-form-localgov-news-search-page-search-news .form-item {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

#views-exposed-form-localgov-directory-channel-node-embed-in-a-search-block label, #views-exposed-form-localgov-news-search-page-search-news label {
  padding-right: var(--spacing);
  color: var(--color-accent);
  font-weight: bold;
}

.btn {
  padding: var(--spacing);
  cursor: pointer;
  color: var(--header-services-button-color);
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  font-size: var(--font-size-medium);
  line-height: 1;
}

.path-frontpage .layout--onecol__flexible .layout__region--content {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  align-items: stretch;
  gap: var(--grid-column-spacing);
}

.path-frontpage .layout--onecol__flexible .layout__region--content .ia-block {
  width: calc(33.3% - var(--grid-column-spacing) / 1.5);
  margin: 0;
}

@media screen and (max-width: 48rem) {
  .path-frontpage .layout--onecol__flexible .layout__region--content .ia-block {
    width: calc(50% - var(--grid-column-spacing) / 2);
  }
}
@media screen and (max-width: 30rem) {
  .path-frontpage .layout--onecol__flexible .layout__region--content {
    gap: unset;
  }
  .path-frontpage .layout--onecol__flexible .layout__region--content .ia-block {
    width: 100%;
  }
}
#CookiebotWidget {
  box-shadow: none !important;
}

.CookiebotWidget-logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem !important;
  background: #333 url(/themes/custom/rcbc/assets/images/anrt-gdpr.svg) no-repeat center !important;
  background-size: 2rem !important;
  color: #fff !important;
  margin: 0;
  padding: 0;
}

.CookiebotWidget-logo:focus, .CookiebotWidget-logo:hover {
  text-decoration: underline;
  background-image: url(/themes/custom/rcbc/assets/images/anrt-gdpr-dark.svg) !important;
  background-color: #fff !important;
  color: #333 !important;
  border-color: #333 !important;
  cursor: pointer;
}

.CookiebotWidget-logo svg {
  display: none !important;
}

.banner__image {
  display: none;
}

@media screen and (min-width: 30rem) {
  .banner__image {
    display: block;
  }
}
.banner__image img {
  width: 100%;
  object-fit: cover;
}

.banner--primary .banner__content {
  position: relative;
  max-width: 100%;
  margin: var(--spacing) 0;
  color: var(--banner-content-text-color);
  border-radius: var(--border-radius);
  background-color: var(--banner-content-bg-color);
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), var(--color-teal));
  font-weight: bold;
}

@media screen and (min-width: 30rem) {
  .banner--primary .banner__content {
    padding: var(--spacing-larger) var(--spacing);
  }
}
.banner--primary .banner__link {
  text-decoration: none;
  color: var(--banner-content-text-color);
}

@media screen and (min-width: 73.75rem) {
  .banner--primary .lgd-container > * {
    position: absolute;
    bottom: 6rem;
    min-width: 450px;
    max-width: 35%;
  }
}
.lgd-region__inner--banner {
  position: relative;
}

.lgd-region__inner--banner .block-localgov-search, .lgd-region__inner--banner .block-views-exposed-filter-blocklocalgov-news-search-page-search-news {
  margin: var(--spacing-larger) var(--spacing);
}

@media screen and (min-width: 30rem) {
  .lgd-region__inner--banner .block-localgov-search, .lgd-region__inner--banner .block-views-exposed-filter-blocklocalgov-news-search-page-search-news {
    position: absolute;
    z-index: 1;
    margin-top: calc(var(--spacing-larger) * 4);
  }
  .lgd-region__inner--banner .block-localgov-search .form-item-s, .lgd-region__inner--banner .block-views-exposed-filter-blocklocalgov-news-search-page-search-news .form-item-s {
    flex-grow: initial;
  }
  .lgd-region__inner--banner .block-localgov-search form, .lgd-region__inner--banner .block-views-exposed-filter-blocklocalgov-news-search-page-search-news form {
    justify-content: center;
  }
}
@media screen and (min-width: 73.75rem) {
  .banner--primary .lgd-container > .banner__content {
    bottom: 2rem;
  }
  .lgd-region__inner--banner .block-localgov-search form, .lgd-region__inner--banner .block-views-exposed-filter-blocklocalgov-news-search-page-search-news form {
    justify-content: flex-start;
  }
  .lgd-region__inner--banner .block-localgov-search, .lgd-region__inner--banner .block-views-exposed-filter-blocklocalgov-news-search-page-search-news {
    margin-top: var(--spacing-larger);
  }
}
@media screen and (min-width: 80rem) {
  .banner--primary .lgd-container > .banner__content {
    bottom: 4rem;
  }
}
.lgd-region__inner--content-top {
  position: relative;
}

.lgd-region__inner--content-top .block-localgov-search {
  position: absolute;
  z-index: 1;
  top: 0;
  right: var(--spacing-larger);
  left: var(--spacing-larger);
  margin: var(--spacing-larger);
  padding: 0.2rem;
  border-radius: var(--border-radius);
}

@media screen and (min-width: 48rem) {
  .lgd-region__inner--content-top .block-localgov-search {
    right: initial;
  }
}
.lgd-search form {
  display: flex;
  align-items: center;
}

.lgd-search label {
  display: block;
  color: var(--header-search-button-color);
}

.block-localgov-search .form-item-s {
  flex-grow: 1;
  margin-bottom: 0;
}

@media screen and (min-width: 48rem) {
  .block-localgov-search .form-item-s {
    flex-grow: initial;
  }
}
.block-localgov-search .form-text {
  width: 100%;
  border: var(--header-search-input-border);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.block-localgov-search .form-actions {
  margin-top: auto;
}

.block-localgov-search .form-submit {
  color: var(--header-search-button-color);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background-color: var(--header-search-button-bg-color);
}

.block-localgov-search .form-submit:hover, .block-localgov-search .form-submit:focus {
  color: var(--header-search-button-color-hover);
  background-color: var(--header-search-button-bg-color-hover);
}

.block-localgov-search .form-text, .block-views-exposed-filter-blocklocalgov-news-search-page-search-news .form-text {
  border: var(--border-width-medium) var(--border-style) var(--header-search-button-bg-color);
}

.block-localgov-search .form-text:hover, .block-localgov-search .form-text:focus, .block-views-exposed-filter-blocklocalgov-news-search-page-search-news .form-text:hover, .block-views-exposed-filter-blocklocalgov-news-search-page-search-news .form-text:focus {
  border: var(--border-width-medium) var(--border-style) var(--header-search-button-bg-color-hover);
}

.lgd-region--search .form-submit, .block-localgov-search button, .block-localgov-search input[type=submit], .block-views-exposed-filter-blocklocalgov-news-search-page-search-news input[type=submit] {
  margin-left: 0;
  padding: var(--banner-button-padding);
  border: none;
  -webkit-appearance: none;
}

.localgov-alert-banner__close {
  border-radius: var(--border-radius);
}

.alert-success {
  border-color: var(--color-lime);
}

.box-links-listing {
  margin-bottom: 0;
}

@media screen and (min-width: 73.75rem) {
  .path-frontpage #main-content {
    margin-top: var(--overlap-spacing);
  }
}
.box-links-listing--boxes .box-links-listing__list-item + .box-links-listing__list-item, .box-links-listing__list .box-links-listing__list-item + .box-links-listing__list-item {
  display: flex;
  align-items: stretch;
  margin-bottom: 0;
}

.box-links-listing__list.lgd-row {
  display: grid;
}

.box-links-listing--boxes .box-links-listing__list-item, .box-links-listing__list .box-links-listing__list-item {
  margin-bottom: unset;
}

.box-links-listing__list {
  align-items: stretch;
  justify-content: space-between;
  gap: var(--spacing);
}

.box-links-listing__list-item {
  margin: 0;
  text-align: center;
}

@media screen and (max-width: 48rem) {
  .box-links-listing__list-item {
    width: 100%;
  }
}
.box-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 5rem;
  border: 0;
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--shadow-primary);
}

.box-link--has-image {
  display: block;
}

.box-link__image {
  padding: var(--spacing);
}

.box-link a {
  color: var(--color-grey-darkest);
}

.box-link:hover {
  border-left: var(--border-width-large) var(--border-style) var(--color-link);
  background-color: var(--color-yellow);
}

.box-link__title {
  margin-top: var(--box-link-content-spacing);
}

.box-link__link {
  text-decoration: none;
}

.box-links-listing__list-item:nth-child(n+5) .box-link__image {
  padding: 0 5rem;
}

body .lgd-row {
  display: grid;
}

body .btn.btn-start {
  border: var(--btn-start-border);
  border-color: var(--btn-start-border-color);
  background-color: var(--btn-start-bg-color);
}

body .btn.btn-start:hover, body .btn.btn-start:focus {
  color: var(--btn-start-color-hover);
  background-color: var(--btn-start-bg-color-hover);
}

.lgd-region--breadcrumb {
  padding: 0;
  color: var(--color-white);
  border-top: var(--border-width) var(--border-style) var(--color-dark-blue);
  border-bottom: var(--border-width) var(--border-style) var(--color-dark-blue);
  background-color: var(--breadcrumbs-background-color);
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), var(--color-teal));
}

.breadcrumbs {
  border: none;
}

div#sliding-popup {
  padding: 25px 20px 20px;
  max-width: 100%;
  background-color: var(--color-blue);
}

div#sliding-popup .popup-content {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div#sliding-popup button {
  background: 0;
  box-shadow: none;
  text-shadow: none;
}

div#sliding-popup .eu-cookie-compliance-buttons {
  display: flex;
  margin: 0;
  padding: 15px 0 5px;
  flex-direction: row-reverse;
  justify-content: center;
  max-width: none;
}

div#sliding-popup .eu-cookie-compliance-buttons .agree-button {
  background: var(--color-dark-blue);
  color: var(--color-white);
  padding: 18px 32px;
  width: 100%;
}

div#sliding-popup .eu-cookie-compliance-buttons .agree-button:hover {
  background: var(--color-focus);
  color: var(--color-black);
}

div#sliding-popup .eu-cookie-compliance-buttons .decline-button {
  background: var(--color-white);
  color: var(--color-black);
  padding: 18px 32px;
  font-weight: 400;
  margin-right: 20px;
}

div#sliding-popup .eu-cookie-compliance-buttons .decline-button:hover {
  background: var(--color-focus);
  color: var(--color-black);
}

div#sliding-popup .eu-cookie-compliance-message {
  margin: 0;
  max-width: 100%;
}

div#sliding-popup .eu-cookie-compliance-message p {
  font-weight: normal;
  font-size: 13px;
  margin: 0;
}

div#sliding-popup .eu-cookie-compliance-message h2 {
  font-size: 23px;
}

@media (min-width: 48em) {
  div#sliding-popup .popup-content {
    max-width: 50%;
  }
}
@media (min-width: 64em) {
  div#sliding-popup .popup-content {
    max-width: 48.75em;
  }
  div#sliding-popup .eu-cookie-compliance-message {
    width: 60%;
  }
  div#sliding-popup .eu-cookie-compliance-message p {
    font-size: 16px;
  }
}
@media (min-width: 68.75em) {
  div#sliding-popup .popup-content {
    max-width: 69.375em;
  }
}
.fact-box--fact-box-dark {
  color: var(--color-white);
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), var(--color-teal));
}

.lgd-footer {
  margin-top: 0;
}

.lgd-footer__pre-footer {
  padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-pre-footer));
  padding-bottom: clamp(1rem, 10vw, var(--section-spacing-vertical-pre-footer));
  color: var(--color-white);
  background-color: var(--color-section-pre-footer-bg);
}

.lgd-footer__pre-footer .lgd-footer__housekeeping-menu ul {
  list-style: none;
  padding: 0;
}

@media screen and (min-width: 30rem) {
  .lgd-footer__logo {
    width: calc(30% - var(--grid-column-spacing));
  }
  .lgd-footer__housekeeping-menu {
    width: calc(70% - var(--grid-column-spacing));
  }
  .lgd-footer__housekeeping-menu {
    width: calc(70% - var(--grid-column-spacing));
  }
  .lgd-footer__housekeeping-menu ul {
    columns: 2;
  }
}
.lgd-footer__pre-footer a {
  color: var(--color-white);
}

.lgd-footer__pre-footer a:focus, .footercontainer a:focus {
  color: var(--color-grey-dark);
  text-decoration: none;
  outline: 3px solid transparent;
  background-color: var(--color-focus);
  box-decoration-break: clone;
  box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
  border-bottom: 0px;
}

.lgd-footer__footer {
  padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
  padding-bottom: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
  background-color: var(--color-section-footer-bg);
}

.lgd-footer__post-footer {
  padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-post-footer));
  padding-bottom: clamp(1rem, 10vw, var(--section-spacing-vertical-post-footer));
  background-color: var(--color-section-post-footer-bg);
}

.footer-image__wrapper {
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.footer-image__wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.footer-image__scroller {
  display: flex;
  width: 600vw;
  height: clamp(3rem, 15vw, 5rem);
  -webkit-animation: footerMarquee 45s linear infinite;
  animation: footerMarquee 45s linear infinite;
}

@media (prefers-reduced-motion) {
  .footer-image__scroller {
    animation-play-state: paused;
  }
}
@media screen and (min-width: 48rem) {
  .footer-image__scroller {
    width: 200vw;
  }
}
@media screen and (min-width: 73.75rem) {
  .footer-image__scroller {
    width: 100%;
    height: auto;
    animation-play-state: paused;
    display: block;
  }
}
.footer-image {
  height: clamp(3rem, 15vw, 5rem);
  margin-bottom: -12px;
  display: inline-block;
}

@media screen and (min-width: 73.75rem) {
  .footer-image {
    height: auto;
    width: 100%;
  }
  .footer-image:last-child {
    display: none;
  }
}
.logo-tagline {
  text-align: right;
}

.lgd-footer__pre-footer li::marker {
  color: var(--color-white);
}

.lgd-footer__pre-footer svg path {
  fill: var(--color-white);
}

@keyframes footerMarquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-300vw);
    transform: translateX(-300vw);
  }
}
@media screen and (min-width: 48rem) {
  @keyframes footerMarquee {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-100vw);
      transform: translateX(-100vw);
    }
  }
}
.lgd-guide-nav {
  background-color: transparent;
}

.lgd-guide-nav__list-item > a {
  color: var(--color-yellow);
}

.lgd-guide-nav .lgd-topic-list-builder__service {
  border-top: var(--border-thick);
}

.ia-block {
  margin: var(--spacing-smaller);
  margin-bottom: var(--spacing-larger);
  background-color: var(--ia-block-bg-color);
}

.ia-block--promoted {
  padding: var(--spacing);
  border: var(--border-large);
  border-color: var(--color-accent);
  background-color: var(--ia-block-bg-color-promoted);
}

.ia-block__title {
  margin-top: var(--spacing-smaller);
  margin-bottom: var(--spacing-smaller);
}

.ia-block a {
  text-decoration: none;
}

.ia-block a:hover {
  text-decoration: underline;
  text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
}

.ia-block a:focus {
  transition: var(--transition-time);
  text-decoration: none;
  color: var(--color-black);
  outline: var(--border-width-large) var(--border-style) transparent;
  background-color: var(--color-focus);
  -webkit-box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
  box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
}

.ia-block li {
  margin-bottom: 0;
}

.ia-block ul li::marker {
  content: "› ";
  color: var(--color-yellow);
}

.ia-block li:last-of-type {
  margin-bottom: 0;
}

.lgd-image--has-caption {
  border: none;
  border-bottom: var(--image-with-caption-border);
  border-color: var(--image-with-caption-border-color);
}

.block-views-blocklatest-news-sapi-latest-news-sapi .view-content {
  margin-bottom: var(--vertical-rhythm-spacing);
}

.block-views-blocklatest-news-sapi-latest-news-sapi .views-row {
  padding: var(--spacing-smaller) 0;
  border-bottom: var(--border-width) var(--border-style) var(--color-yellow);
}

.block-views-blocklatest-news-sapi-latest-news-sapi .view-content a {
  text-decoration: none;
  border-radius: var(--border-radius);
  display: block;
  padding: var(--spacing) var(--spacing-smallest);
}

@media screen and (min-width: 40em) {
  .block-views-blocklatest-news-sapi-latest-news-sapi .view-content a {
    padding: 0 var(--spacing-smallest);
  }
}
.block-views-blocklatest-news-sapi-latest-news-sapi .view-content a:hover {
  color: var(--color-grey-darkest);
  background-color: var(--header-services-button-bg-color-hover);
}

.block-views-blocklatest-news-sapi-latest-news-sapi .view-footer a {
  display: inline-block;
}

.link-block {
  padding: var(--spacing);
  box-shadow: var(--shadow-primary);
  border-top: var(--border-large);
  border-top-color: var(--color-accent);
  background-color: var(--color-white);
}

.lgd-page-title-block {
  margin-bottom: 0;
  border: none;
}

.lgd-page-title-block__title, .lgd-page-title-block__subheader {
  font-family: var(--font-secondary);
}

.pager__item {
  padding: var(--spacing-small);
  line-height: 1;
  background-color: var(--color-white);
}

.lgd-header {
  padding-top: 0;
  padding-bottom: 0;
}

.lgd-header__inner {
  flex-wrap: wrap;
  margin-top: var(--spacing-smaller);
  margin-bottom: var(--spacing);
  justify-content: space-between;
}

.lgd-header__nav--primary {
  margin-top: var(--spacing);
  margin-right: 0;
  margin-left: 0;
}

@media screen and (min-width: 48rem) {
  .lgd-header__nav--primary {
    align-items: flex-end;
  }
}
@media screen and (min-width: 48rem) {
  .lgd-header__nav--primary {
    margin-left: var(--spacing);
  }
}
.lgd-header__toggles {
  display: flex;
  margin-right: 0;
  margin-left: var(--spacing);
}

@media screen and (min-width: 48rem) {
  .lgd-header__toggles {
    margin-bottom: 0;
    margin-top: var(--spacing);
  }
}
.lgd-header__toggle {
  margin-left: 0;
  padding: var(--header-toggle-padding);
  border: none;
  border-radius: var(--border-radius);
}

.lgd-header__toggle:focus, .lgd-header__toggle:hover {
  border-color: var(--header-services-button-bg-color-hover);
}

@media screen and (max-width: 48rem) {
  .lgd-header__toggle--primary {
    display: flex;
  }
}
@media screen and (max-width: 38rem) {
  .lgd-region--header {
    width: 100%;
    margin-bottom: var(--spacing);
  }
}
.branding__item--logo {
  max-width: calc(100vw - var(--grid-column-spacing));
  width: var(--header-logo-width);
}

body:not(.path-frontpage) .lgd-region__inner--search .lgd-search {
  max-width: 20rem;
}

.block-localgov-search form {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 38rem) {
  .lgd-region--header-links {
    margin-left: auto;
  }
}
@media screen and (min-width: 48rem) {
  .lgd-region--header-links {
    margin-top: var(--spacing);
  }
}
.branding__item.branding__item--logo a:focus {
  outline-width: 1px;
  outline: 3px solid transparent;
  outline-color: var(--color-focus);
  background-color: transparent;
  box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
}

.call-out-box__content {
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), var(--color-teal));
}

.call-out-box__link {
  color: var(--call-out-box-link-color);
}

.service-cta-block__list {
  padding-left: 0;
  list-style: none;
  border-bottom: 0;
  gap: var(--spacing);
}

.service-cta-block__list-item {
  margin: 0;
  margin-bottom: var(--vertical-rhythm-spacing);
}

.service-cta-block__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing);
  text-decoration: none;
  color: var(--color-dark-blue);
  border-radius: var(--border-radius);
  background-color: var(--color-blue);
}

.service-cta-block__link:hover {
  text-decoration: underline;
  color: var(--color-black);
  background-color: var(--color-focus);
}

.service-cta-block__link--cta-action {
  background-color: var(--color-winter-blue);
}

.service-cta-block__link-icon {
  position: relative;
  left: 0;
  transition: var(--transition-time);
  line-height: 1;
}

.service-cta-block__link-icon svg path {
  fill: var(--color-dark-blue);
}

.service-cta-block__link:focus .service-cta-block__link-icon, .service-cta-block__link:hover .service-cta-block__link-icon {
  left: var(--spacing-smallest);
}

.service-cta-block__link:focus .service-cta-block__link-icon svg path {
  fill: var(--color-accent);
}

.node--view-mode-service-teaser a {
  text-decoration: none;
}

.social {
  display: flex;
  justify-content: flex-end;
}

.social-link {
  padding-left: var(--spacing);
}

.lgd-icon svg {
  fill: var(--color-yellow);
}

.tabs--initialised .tab-panel {
  display: none;
  padding: 1rem;
  border: var(--tabs-border);
  border-color: var(--tabs-border-color);
}

.tabs--initialised .tab-panel--active {
  display: block;
  background-color: var(--tabs-bg-color);
}

.tabs--initialised .tabs__controls {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabs--initialised .tabs__controls li {
  margin: 0;
}

.tabs--initialised .tabs__controls button {
  margin: 0;
  cursor: pointer;
  color: var(--tabs-text-color);
  border: var(--tabs-border);
  border-color: var(--tabs-border-color);
  background: var(--tabs-button-bg-color);
  font-family: var(--tabs-button-font-family);
  font-size: var(--tabs-button-font-size);
}

.tabs--initialised .tabs__controls [aria-selected=true] {
  border-bottom-color: var(--tabs-button-active-color);
  background-color: var(--tabs-button-active-color);
}

.tabs--initialised .tabs__controls > li + li button {
  border-left: none;
}

.lgd-teaser-list .views-row {
  margin-bottom: 0;
  padding: 0;
}

@media screen and (min-width: 32rem) {
  .lgd-teaser-list .views-row {
    display: flex;
    align-content: stretch;
    width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 48rem) {
  .lgd-teaser-list .views-row {
    width: calc(33% - 1.5rem);
  }
}
.lgd-teaser-list .view-content {
  display: flex;
  flex-flow: wrap;
  margin: var(--spacing-larger) 0;
  gap: var(--spacing-larger);
}

.lgd-teaser--localgov-news-article {
  width: 100%;
  padding: var(--spacing);
  background-color: var(--color-white);
}

.lgd-teaser__image img {
  width: 100%;
}

.newsroom__featured-news .lgd-teaser {
  background-color: transparent;
}

.lgd-teaser__image {
  margin-bottom: var(--vertical-rhythm-spacing);
}

@media screen and (min-width: 48rem) {
  .lgd-teaser-list .view-content {
    flex-direction: row;
  }
  .lgd-teaser {
    display: flex;
  }
  .lgd-teaser__image {
    flex-shrink: 0;
  }
  .lgd-teaser__image + .lgd-teaser__content {
    margin-left: var(--spacing-larger);
  }
  .newsroom__featured-news .lgd-teaser {
    display: block;
    height: var(--teaser-featured-height);
    border: 0;
    border-top: 0;
  }
  .newsroom__featured-news .lgd-teaser__image {
    width: 100%;
  }
  .newsroom__featured-news .lgd-teaser__content {
    padding: 0;
  }
  .newsroom__featured-news .lgd-teaser__image + .lgd-teaser__content {
    margin-left: 0;
  }
}
.newsroom__featured-news .lgd-teaser__image, .field--name-localgov-newsroom-teaser-image {
  overflow: hidden;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-primary);
}

.service-landing-page__service {
  border-bottom: 0;
  border-bottom-color: transparent;
}

.service-landing-page__service-icon {
  margin-top: var(--spacing-smaller);
}

.lgd-teaser__heading a {
  text-decoration: none;
  color: var(--color-accent);
  font-weight: bold;
}

.lgd-teaser__heading a:hover, .lgd-teaser__heading a:focus {
  text-decoration: underline;
  color: var(--color-dark-blue);
}

.node--view-mode-teaser .field--name-field-media-image, .field--name-localgov-newsroom-teaser-image {
  overflow: hidden;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-primary);
}

.lgd-region--search {
  margin: 0;
  padding: 0;
}

.view-id-localgov_sitewide_search .view-content {
  display: flex;
  flex-flow: wrap;
  flex-direction: column;
  gap: var(--spacing);
}

@media screen and (min-width: 48rem) {
  .view-id-localgov_sitewide_search .view-content {
    flex-direction: row;
    margin-bottom: var(--spacing);
  }
  .lgd-search-results-list.views-row {
    display: flex;
    align-content: stretch;
    width: calc(50% - var(--spacing) / 2);
  }
}
.lgd-search-results-list.views-row article {
  width: 100%;
  padding: var(--spacing);
  background-color: var(--color-white);
}

.search-result__title a {
  text-decoration: none;
  color: var(--color-accent);
  font-weight: bold;
}

.btn.btn-start {
  border-radius: var(--border-radius);
}

.btn.btn-start::after {
  top: -3px !important;
}

hr {
  margin-bottom: var(--spacing-larger);
  border-style: solid;
  border-color: var(--color-yellow);
}

.region-secondary-menu .menu-item {
  margin-right: var(--spacing-small);
}

.region-secondary-menu .menu-item > a {
  display: block;
  padding-bottom: var(--spacing);
  padding-left: var(--spacing-small);
}

/**END OF VARIABLES**/
.btn-primary:hover, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus {
  color: #0065bd;
  background-color: #fff !important;
  border: 1px solid #0065bd !important;
}

.body-content, main {
  background-color: #f4f9ff;
}

.pagination a.active {
  background-color: #fff;
  color: #0065bd;
}

.btn-next::after {
  color: #fff;
}

a:hover {
  border-bottom: 2px solid #fff;
}

footer {
  background-color: #0e2044;
}

.footercontainer a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.icon-external::before {
  content: "\e036";
  color: #fff;
}

.lgd-container {
  max-width: var(--width-container);
  margin-inline: auto;
}

.lgd-footer {
  margin-block-start: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
}

.lgd-footer__pre-footer {
  padding-block: clamp(1rem, 10vw, var(--section-spacing-vertical-pre-footer));
}

@media screen and (min-width: 48rem) {
  .lgd-row__one-quarter, .lgd-row--quarters > *, .lgd-row__one-third, .lgd-row--thirds > *, .lgd-row__one-half, .lgd-row--halves > *, .lgd-row__two-thirds, .lgd-row__three-quarters {
    grid-column: span 6;
  }
}
.lgd-row__one-quarter, .lgd-row--quarters > *, .lgd-row__one-third, .lgd-row--thirds > *, .lgd-row__one-half, .lgd-row--halves > *, .lgd-row__two-thirds, .lgd-row__three-quarters, .lgd-row__full {
  width: 100%;
}

@media screen and (min-width: 48rem) {
  .lgd-row {
    grid-template-columns: repeat(12, 1fr);
  }
}
.lgd-row {
  gap: var(--grid-column-spacing);
}

@media screen and (min-width: 60rem) {
  .lgd-row__one-quarter, .lgd-row--quarters > * {
    grid-column: span 3;
  }
}
.lgd-footer__pre-footer svg path {
  fill: var(--color-white);
}

@media screen and (min-width: 30rem) {
  .lgd-footer__housekeeping-menu {
    width: calc(70% - var(--grid-column-spacing));
  }
}
.padding-horizontal {
  padding-inline: var(--spacing-padding-horizontal);
}

.lgd-footer__pre-footer .lgd-footer__housekeeping-menu ul {
  list-style: none;
  padding: 0;
}

@media screen and (min-width: 30rem) {
  .lgd-footer__housekeeping-menu ul {
    columns: 2;
  }
}
.lgd-footer__pre-footer a {
  color: var(--color-white);
}

.social {
  display: flex;
  justify-content: flex-end;
}

.lgd-icon img {
  fill: var(--color-yellow);
}

.lgd-icon--larger svg {
  width: var(--spacing-larger);
}

.lgd-icon img {
  display: block;
  width: var(--spacing);
  height: auto;
}

@media screen and (min-width: 30rem) {
  .lgd-footer__logo {
    width: calc(30% - var(--grid-column-spacing));
  }
}
@media screen and (min-width: 60rem) {
  .lgd-row__three-quarters {
    grid-column: span 9;
  }
}
.lgd-footer__housekeeping-menu li {
  font-family: var(--font-primary);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.lgd-footer__pre-footer a:hover {
  border-bottom: 3px solid #fff;
}

.footercontainer a:hover {
  border-bottom: 3px solid #fff;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.lgd-icon--larger img {
  width: var(--spacing-larger);
}

.social a {
  border-bottom: 0px;
}

.social a:hover {
  border-bottom: 0px;
}

.navigation-menu {
  background-color: #0e2044;
  background-image: repeating-linear-gradient(157.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, rgb(14, 32, 68) 0, rgb(14, 32, 68) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, rgba(7, 67, 80, 0.77), #008b95);
}

@media screen and (max-width: 810px) {
  .text-center-footer {
    text-align: left !important;
  }
}
@media screen and (max-width: 500px) {
  .text-center-footer {
    text-align: left !important;
  }
}
.text-center-footer {
  text-align: center;
}

@media screen and (max-width: 810px) {
  .text-md-right-footer {
    text-align: left !important;
  }
  .CivicaMargin {
    margin-left: 10px;
  }
}
@media screen and (max-width: 500px) {
  .text-md-right-footer {
    text-align: left !important;
  }
  .CivicaMargin {
    margin-left: 10px;
  }
}
.text-md-right-footer {
  text-align: right;
}

.lgd-container {
  background-color: #0e2044;
}

footer {
  background-color: white;
  padding: 0px;
}

.footercontainer {
  background-color: white;
}

.colourcontainer {
  background-color: #0e2044;
  padding-top: 10px;
}