/*This CSS is generated on the fly. No point trying to find it on the filesystem.*/

@charset "UTF-8";
a {
  --bs-link-opacity: 1;
  --bs-link-color-rgb: 0, 85, 204;
}
a:hover {
  --bs-link-color-rgb: 0, 106, 255;
}

:root {
  --bs-border-color: #7a7a80;
  --bs-form-feedback-invalid-color: #a94442;
}

.row {
  --bs-gutter-x: 1.875rem;
}

.navbar {
  --bs-navbar-color: #333;
  --bs-navbar-hover-color: #333;
  --bs-navbar-toggler-font-size: 1rem;
  --bs-navbar-padding-y: 0;
  --bs-navbar-active-color: #555;
  --bs-navbar-nav-link-padding-x: .9375rem;
  margin-bottom: 1.375rem;
  min-height: 3.125rem;
  border-bottom: 1px solid transparent;
}

.dss-navbar {
  background-color: #f8f8f8;
}

.navbar-nav {
  --bs-nav-link-padding-y: 0.875rem;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}

.navbar-brand {
  color: var(--bs-navbar-color);
}

.navbar-nav .active {
  background-color: #eee;
}

:root {
  --bs-border-color: #7a7a80;
  --bs-form-feedback-invalid-color: #a94442;
}

#preview-bar-wrapper {
  background: #FFC703;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  border-bottom: solid 1px #c29e00;
  padding: 0;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.7);
  height: 104px;
}
@media (min-width: 768px) {
  #preview-bar-wrapper {
    height: 60px;
  }
}
#preview-bar-wrapper .preview-bar-inner {
  background: linear-gradient(to bottom, #FFE13E, #FFC703);
  padding: 5px;
}

.cs-preview-bar-main-heading {
  margin: 0;
  margin-top: 3px;
  padding: 0;
  font-weight: bold;
  color: #403400;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

.cs-preview-bar-page-nav-widget {
  display: table;
  width: 100%;
  min-width: 100%;
}
@media (max-width: 479.98px) {
  .cs-preview-bar-page-nav-widget {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .cs-preview-bar-page-nav-widget {
    margin-top: 6px;
  }
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-widget-inner {
  display: table-cell;
  vertical-align: middle;
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-select-container {
  width: 100%;
  position: relative;
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-select-container .cs-preview-bar-page-nav-select-container-inner {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-label {
  margin: 0;
  margin-right: 5px;
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-select {
  border: 1px solid #89805f;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
  color: #000;
  max-width: 100%;
  width: 100%;
  min-width: 100%;
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-select:focus {
  outline: solid 3px rgba(59, 153, 252, 0.3);
  outline-offset: 2px;
}
.cs-preview-bar-page-nav-widget .cs-preview-bar-page-nav-btn {
  margin: 0;
  margin-left: 4px;
}

.cs-preview-bar-leave-preview-widget {
  margin-top: 6px;
}

.cs-preview-bar-btn {
  background-color: #f3f3f3;
  border: 1px solid #89805f;
  border-radius: 4px 4px 4px 4px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal !important;
  margin: 0;
  padding: 6px 12px;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 rgba(250, 250, 250, 0.55);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 0 0 #fff;
}
.cs-preview-bar-btn:hover, .cs-preview-bar-btn:focus {
  text-decoration: none;
  color: #000;
}
.cs-preview-bar-btn:active {
  background-color: #ccc;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.cs-preview-bar-btn.disabled, .cs-preview-bar-btn[disabled] {
  color: #000;
  text-shadow: none;
  opacity: 0.6;
  cursor: default;
  border-color: #b6b6b6;
}
.cs-preview-bar-btn.disabled:active, .cs-preview-bar-btn[disabled]:active {
  background-color: #f3f3f3;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 0 0 #fff;
}

body.preview-bar-visible {
  padding-top: 104px;
}
@media (min-width: 768px) {
  body.preview-bar-visible {
    padding-top: 60px;
  }
}

/* I think this best lives here as it's preview, BUT not technically preview nav */
.cs-preview-tooltip {
  white-space: normal;
  word-wrap: normal;
}

.cs-preview-message {
  margin-top: 3px;
  font-size: 1.1875rem;
}

.cs-banner-container {
  background-color: #002F5D;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 40px 0;
}
@media (min-width: 480px) {
  .cs-banner-container {
    background-image: url("/os-custom-logos/cambsccheadernew.jpg");
  }
}
.cs-banner-container input:focus,
.cs-banner-container select:focus,
.cs-banner-container textarea:focus,
.cs-banner-container button:focus-visible,
.cs-banner-container a:focus-visible {
  border-color: #7a7a80;
  box-shadow: none;
  border-radius: 0.25rem;
  outline: #FFFFFF solid 2px;
  outline-offset: 2px;
}

.cs-banner-inner {
  padding: 25px;
  background-color: #002F5D;
  color: #FFFFFF;
}
@media (min-width: 480px) {
  .cs-banner-inner {
    padding: 60px;
  }
}
.cs-banner-inner h1, .cs-banner-inner h2, .cs-banner-inner h3, .cs-banner-inner h4 {
  margin-top: 0;
}
.cs-banner-inner a {
  color: inherit;
}

.cs-banner-inner-semi-transparent {
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
}

.cs-consultation-banner {
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #002F5D;
  color: contrast(#002F5D);
  /* ^ override background image inline */
  /* background color is also set inline */
}

.cs-consultation-banner-logos-container {
  padding-top: 15px;
  padding-bottom: 15px;
}
.cs-consultation-banner-logos-container .cs-consultation-banner-logo {
  max-width: 100%;
}
.cs-consultation-banner-logos-container .cs-consultation-banner-logos-missing-text {
  font-size: 3em;
}

#cs-consultation-title-in-banner a:link, #cs-consultation-title-in-banner a:visited {
  text-decoration: none;
}
#cs-consultation-title-in-banner a:hover {
  text-decoration: underline;
}

.cs-consultation-cta {
  border: solid 10px #00A0E2;
  padding: 32px;
  border-radius: 4px;
}
.cs-consultation-cta h2.cs-consultation-cta-heading {
  margin-top: 0;
  line-height: 1.1;
  font-size: 32px;
}
.cs-consultation-cta .cs-consultation-cta-explanatory-text {
  font-size: 19px;
}
.cs-consultation-cta .cs-consultation-cta-explanatory-text a {
  text-decoration: underline;
}
.cs-consultation-cta .cs-consultation-cta-link-container a:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.2em;
}
.cs-consultation-cta .cs-consultation-cta-link-container .cs-consultation-cta-tail {
  white-space: nowrap;
}
.cs-consultation-cta .cs-consultation-cta-link-container .cs-consultation-cta-link-icon {
  text-decoration: none;
  padding-left: 10px;
}
.cs-consultation-cta .cs-consultation-cta-link-container .cs-consultation-cta-link-text {
  font-size: 24px;
  text-decoration: underline;
  width: 100%;
}
.cs-consultation-cta .cs-consultation-cta-link-container .cs-consultation-cta-link-file-metadata {
  font-size: 14px;
  margin-top: 5px;
  display: block;
  padding-left: 28px;
  text-decoration: none;
}

.cs-consultation-listing-panel {
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(133, 166, 155, 0.3);
  padding: 0 25px;
}
.cs-consultation-listing-panel .cs-consultation-listing-table {
  width: 100%;
}
.cs-consultation-listing-panel .cs-consultation-listing-table th, .cs-consultation-listing-panel .cs-consultation-listing-table td {
  font-size: 19px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  text-shadow: none;
}
.cs-consultation-listing-panel .cs-consultation-listing-table td {
  border-top: solid 1px #ddd;
  min-width: 150px;
  font-weight: normal;
}
.cs-consultation-listing-panel .cs-consultation-listing-table th {
  font-weight: bold;
}
.cs-consultation-listing-panel .cs-consultation-listing-table th.cs-consultation-listing-table--title, .cs-consultation-listing-panel .cs-consultation-listing-table td.cs-consultation-listing-table--title {
  text-align: left;
}
.cs-consultation-listing-panel .cs-consultation-listing-table th.cs-consultation-listing-table--date, .cs-consultation-listing-panel .cs-consultation-listing-table td.cs-consultation-listing-table--date {
  text-align: right;
}

/* Styles for classes we add in content */
/* This is similar to dss-table styling in dlb-public-ui but not identical.
   I didn't want to give contentish tables the actual dss-table class
   as it feels too tightly bound to dlb-public-ui
   and would involve a difficult content migration if dlb-public-ui styles turned out not to be suitable.

   Differences between this and dss-table:
   - no support for borderless (because adding an extra containing div in CKEditor is fiddly)
   - specifies its own margins (for the same reason)
   - assumes it's inside dss-easy-reading and reduces font size accordingly
   - tables have vertical grid lines as I suspect that's what customers will expect
     and adding this in content is hard as content filtering strips out <style> blocks.

   This is duplicated in ckeditor_overrides.css in the backend (but without the less niceness).
*/
.cs-table {
  margin: 0 0 26.125px;
  border: solid 1px rgba(180, 180, 180, 0.3);
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
}
.cs-table thead th, .cs-table thead td {
  color: #54636E;
  font-weight: bold;
  text-shadow: 0 1px #fff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.cs-table tbody th, .cs-table tbody td, .cs-table tfoot th, .cs-table tfoot td {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 3px;
}
.cs-table th, .cs-table td {
  line-height: 1.375;
  text-align: left;
  vertical-align: top;
  border-left: solid 1px rgba(180, 180, 180, 0.3);
  border-bottom: solid 1px rgba(180, 180, 180, 0.3);
}
.cs-table caption {
  caption-side: top;
  text-align: center;
  color: black;
}

.cs-table-condensed thead th, .cs-table-condensed thead td {
  padding: 4px 8px;
}
.cs-table-condensed tbody th, .cs-table-condensed tbody td {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 2px;
}

.cs-table-striped tbody > tr:nth-child(odd) > td,
.cs-table-striped tbody > tr:nth-child(odd) > th {
  background: #f8f8f8;
}

.cs-table-hover tbody > tr:not(.no-hover):hover > td, .cs-table-hover tbody > tr:not(.no-hover):hover > th {
  background-color: #00A0E2 !important;
  color: #fff;
}
.cs-table-hover tbody > tr:not(.no-hover):hover > td a, .cs-table-hover tbody > tr:not(.no-hover):hover > td span, .cs-table-hover tbody > tr:not(.no-hover):hover > th a, .cs-table-hover tbody > tr:not(.no-hover):hover > th span {
  color: #fff;
}

.cs-cookie-table {
  width: 100%;
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .cs-cookie-table {
    font-size: 0.875rem;
  }
}

.cs-event-listing {
  margin-top: 28px;
}

.cs-event-details {
  margin-top: 7px;
}
.cs-event-details .cs-event-details-header {
  margin: 0;
}
.cs-event-details .cs-event-details-header a:before {
  display: inline-block;
  width: 20px;
  content: "▼";
}
.cs-event-details .cs-event-details-header a.collapsed:before {
  content: "►";
}
.cs-event-details .cs-event-details-header a span {
  text-decoration: none;
}
.cs-event-details .cs-event-details-header a:hover span {
  text-decoration: underline;
}
.cs-event-details .cs-event-details-content {
  padding: 0;
  margin: 0;
}
.cs-event-details .cs-event-details-content .cs-event-details-content-inner {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
}

@media (max-width: 479.98px) {
  .cs-event-add-to-calendar {
    margin-top: 7px;
    line-height: 1.5;
  }
}

.cs-factbank {
  margin-bottom: 1.5em;
  padding: 0;
  background: #f6f6f4;
  border-top: solid 1px #e9e9e7;
  border-bottom: solid 1px #e9e9e7;
}
.cs-factbank.cs-factbank-no-background {
  background: none;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.cs-factbank.cs-factbank-subquestion {
  margin-left: -25px;
  margin-right: -25px;
  background: #ededeb;
}
.cs-factbank .cs-factbank-header {
  margin: 0;
  margin: 15px 25px;
}
.cs-factbank .cs-factbank-header > span {
  font-weight: bold;
}
.cs-factbank .cs-factbank-header a:before {
  display: inline-block;
  width: 20px;
  content: "▼";
}
.cs-factbank .cs-factbank-header a.collapsed:before {
  content: "►";
}
.cs-factbank .cs-factbank-header a:focus {
  color: #0055CC;
}
.cs-factbank .cs-factbank-content {
  padding: 0;
  margin: 0;
}
.cs-factbank .cs-factbank-content .cs-factbank-content-inner {
  padding: 15px 25px;
}

@media screen and (min-width: 480px) {
  .cs-pagination-widget {
    margin-top: 0;
    float: right;
  }
  #cs-sort-order-label, #cs-sort-order-links, #cs-finder-order-form {
    text-align: right;
  }
  #cs-sort-order-label #cs-sort-order-label, #cs-sort-order-links #cs-sort-order-label, #cs-finder-order-form #cs-sort-order-label {
    margin-right: 10px;
  }
  #cs-sort-order-label ul, #cs-sort-order-links ul, #cs-finder-order-form ul {
    display: inline;
  }
  .cs-date-delta {
    text-align: right;
  }
}
@media screen and (max-width: 767.98px) {
  .cs-results-count {
    font-size: 24px;
  }
  .cs-pagination-widget {
    margin-top: 10px;
    float: none;
  }
  .cs-pagination-widget-next {
    float: right;
  }
  .cs-date-delta {
    text-align: left;
    margin-top: 10px;
  }
  /* XXX Workaround for #7025.
  Only on this page and at this size, otherwise the word 'Consultations' overflows on iphones. */
  #cs-search-form h1 {
    font-size: 2em;
  }
}
#configurable-footer-wrapper {
  position: relative;
}
#configurable-footer-wrapper .cs-page-component-container {
  padding-top: 0;
  padding-bottom: 0;
}
#configurable-footer-wrapper .cs-page-component-container:first-child {
  padding-top: 1.375rem;
}
#configurable-footer-wrapper .cs-page-component-container:last-child {
  padding-bottom: 1.375rem;
}
#configurable-footer-wrapper .cs-page-component-group:last-child .cs-page-component-container:last-child {
  padding-bottom: 2.0625rem;
}

#citizen-space-footer-logo {
  background-image: url(../img/citizen_space_icon_64px.png);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: 16px 16px;
  background-position: 0 1px;
}

@media screen and (min-width: 768px) {
  #citizen-space-footer-nav {
    text-align: right;
  }
  #citizen-space-footer-nav li {
    padding-right: 0;
    padding-left: 10px;
  }
}
@media screen and (max-width: 479.98px) {
  #citizen-space-footer-nav {
    text-align: left;
  }
}

#global-footer {
  padding: 0;
}
#global-footer a {
  text-decoration: none;
}
#global-footer a:hover {
  text-decoration: underline;
}

#skip {
  background: #eeefeb;
}

#skip a,
#skip a:hover,
#skip a:visited {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: rgb(26, 13, 171);
}

#skip a:active,
#skip a:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 20px;
  display: block;
  text-align: center;
  color: rgb(26, 13, 171);
}

#global-nav {
  z-index: 0;
  margin-bottom: 0;
  border-bottom: 0px solid #FFFFFF;
  background: #fff none repeat scroll 0 0;
}
#global-nav a {
  color: #000;
}
#global-nav a:hover {
  color: #000;
  text-decoration: underline;
}
#global-nav .navbar-toggler {
  color: #000;
  margin-right: 15px;
  padding: 12px 10px;
  font-size: 0.9375rem;
}
#global-nav button.navbar-toggler:hover {
  color: #fff;
  background: #000;
}
#global-nav .navbar-toggler:focus {
  outline: solid 3px #000;
  outline-offset: 2px;
  background: none;
}

.cs-navbar-nav-list {
  margin: 0;
  padding: 0;
  text-align: left;
}

.cs-navbar-nav-list-item,
.cs-navbar-header {
  color: #000;
  display: block;
  margin: 10px 0 0 0;
  padding: 0;
}
@media (min-width: 768px) {
  .cs-navbar-nav-list-item,
  .cs-navbar-header {
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 5px;
  }
}

.cs-navbar-header {
  font-weight: bold;
}

.cs-navbar-nav-link {
  display: flex;
  text-decoration: none;
}

.cs-navbar-nav-link-text {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .cs-navbar-nav-link-text {
    text-decoration: none;
  }
}

.language-picker {
  align-self: center;
  text-align: right;
}
@media (max-width: 767.98px) {
  .language-picker {
    display: none;
  }
}
@media (min-width: 768px) {
  .language-picker {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .language-picker {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

.global-search-container {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.global-nav-logo {
  height: auto;
  width: auto;
  max-height: 70px;
  max-width: 250px;
}

#global-navbar-collapse {
  border: none;
  box-shadow: none;
}

#cs-global-search button {
  background-color: #002F5D;
  border-color: #002F5D;
  color: #FFFFFF;
}
#cs-global-search button:hover {
  border-left: none;
}

#cs-global-search-container-xs form {
  margin-top: 10px;
  margin-bottom: 10px;
}

#cs-global-search-input::-webkit-input-placeholder {
  color: #767676;
}

#cs-global-search-input::-moz-placeholder {
  color: #767676;
}

#cs-global-search-input:-moz-placeholder {
  color: #767676;
}

#cs-global-search-input:-ms-input-placeholder {
  color: #767676;
}

#cs-global-search-input::-ms-input-placeholder {
  color: #767676;
}

#cs-global-search-button:focus {
  outline: solid 3px Highlight;
  outline: solid 3px -webkit-focus-ring-color;
  outline-offset: 2px;
  box-shadow: none;
}

#what-bees-make {
  display: none;
}

.cs-overview-secondary-info-container {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
.cs-overview-secondary-info-container + .cs-overview-secondary-info-container {
  border-top: none;
}

.cs-page-component-container {
  padding-top: var(--page-component-block-padding-forced, 20px);
  padding-bottom: var(--page-component-block-padding-forced, 20px);
  /* if it has a coloured background, some things display differently */
}
.cs-page-component-container:first-child {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .cs-page-component-container:first-child {
    padding-top: 100px;
  }
}
.cs-page-component-container:last-child {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .cs-page-component-container:last-child {
    padding-bottom: 100px;
  }
}
.cs-page-component-container.cs-banner-container:first-child {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .cs-page-component-container.cs-banner-container:first-child {
    padding-top: 80px;
  }
}
.cs-page-component-container.cs-banner-container:last-child {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .cs-page-component-container.cs-banner-container:last-child {
    padding-bottom: 80px;
  }
}
.cs-page-component-container.dss-rhino-brand-color .dss-card {
  box-shadow: none;
}
.cs-page-component-container.dss-rhino-brand-color .cs-page-component-contrast {
  color: #FFFFFF;
}
.cs-page-component-container.dss-rhino-brand-color .cs-page-component-contrast a {
  color: #FFFFFF;
}
.cs-page-component-container.dss-rhino-brand-color .cs-page-component-contrast.cs-page-component-title {
  border-color: #FFFFFF;
}
.cs-page-component-container.dss-rhino-footer {
  background-color: #393c43;
}
.cs-page-component-container.dss-rhino-footer .cs-page-component-contrast {
  color: #fff;
}
.cs-page-component-container.dss-rhino-footer .cs-page-component-contrast a {
  color: #fff;
}
.cs-page-component-container.dss-rhino-footer .cs-page-component-contrast.cs-page-component-title {
  border-color: #fff;
}
.cs-page-component-container.cs-rhino-dark-background .cs-page-component-contrast {
  color: #fff;
}
.cs-page-component-container.cs-rhino-dark-background .cs-page-component-contrast a {
  color: #fff;
}
.cs-page-component-container.cs-rhino-dark-background .cs-page-component-contrast.cs-page-component-title {
  border-color: #fff;
}
.cs-page-component-container .dss-easy-reading h1 {
  margin-top: 0;
}
.cs-page-component-container .dss-docs-example {
  background-color: white;
  margin-top: 20px;
}
.cs-page-component-container .dss-docs-example p {
  color: #666;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.cs-page-component-container .dss-docs-example pre {
  border: 0;
  background: transparent;
}
.cs-page-component-container .dss-docs-example:after {
  content: "JSON Configuration";
}

.cs-gallery-image:focus-visible {
  outline-offset: -2px;
}

.cs-page-component .cs-page-component-preamble {
  margin-bottom: var(--page-component-preamble-margin-forced, 40px);
}
.cs-page-component h2.cs-page-component-title {
  margin-top: 0;
  margin-bottom: var(--page-component-title-margin-forced, 20px);
  font-size: 32px;
  line-height: 40px;
}
.cs-page-component .cs-page-component-intro {
  line-height: 28px;
  margin-bottom: 40px;
}
.cs-page-component .dss-card {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 16px 20px 20px 20px;
  border-left: none;
  position: relative;
  word-break: break-word;
}
.cs-page-component .dss-card h3, .cs-page-component .dss-card h2 {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
}
.cs-page-component .dss-card h3 a, .cs-page-component .dss-card h2 a {
  display: inline-block;
  margin: 0px;
}
.cs-page-component .dss-card h3 a.unstyled, .cs-page-component .dss-card h2 a.unstyled {
  text-decoration: none;
}
.cs-page-component .dss-card h3 a.unstyled:hover, .cs-page-component .dss-card h3 a.unstyled:focus, .cs-page-component .dss-card h2 a.unstyled:hover, .cs-page-component .dss-card h2 a.unstyled:focus {
  text-decoration: underline;
}
.cs-page-component .dss-card p {
  margin: 8px 0px 0px 0px;
  font-size: 16px;
  line-height: 24px;
}
.cs-page-component .dss-card .cs-gallery-image {
  background-color: #008ec9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  display: block;
}

.cs-wayswd-component .dss-card h2 {
  margin: 0px;
  font-size: 24px;
  line-height: 24px;
}
.cs-wayswd-component .dss-card:last-child {
  margin-bottom: 0;
}
.cs-wayswd-component h2 {
  margin: 0px;
  font-size: 24px;
  line-height: 24px;
}
.cs-wayswd-component h4 {
  margin: 8px 0px 0px 0px;
  line-height: 1em;
}

.cs-search-results-component-listing3 .dss-card {
  min-height: 152px;
}
.cs-search-results-component-listing3 .dss-card .cs-card-image {
  margin: -20px -20px 16px -20px;
}
.cs-search-results-component-listing3 .dss-card .cs-card-image a, .cs-search-results-component-listing3 .dss-card .cs-card-image span {
  height: 152px;
}
@media (min-width: 768px) {
  .cs-search-results-component-listing3 .dss-card {
    padding-left: 172px;
    padding-bottom: 52px;
  }
  .cs-search-results-component-listing3 .dss-card .cs-card-image {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
  }
  .cs-search-results-component-listing3 .dss-card .cs-card-image a, .cs-search-results-component-listing3 .dss-card .cs-card-image span {
    width: 152px;
  }
  .cs-search-results-component-listing3 .dss-card .cs-date {
    position: absolute;
    bottom: 20px;
  }
}

.cs-search-results-component-listing4 .dss-card {
  min-height: 248px;
}
.cs-search-results-component-listing4 .dss-card .cs-card-image {
  margin: 0 -20px 0 -20px;
  position: relative;
  top: 20px;
}
.cs-search-results-component-listing4 .dss-card .cs-card-image a, .cs-search-results-component-listing4 .dss-card .cs-card-image span {
  height: 248px;
}
@media (min-width: 768px) {
  .cs-search-results-component-listing4 .dss-card {
    padding-right: 268px;
    padding-bottom: 52px;
  }
  .cs-search-results-component-listing4 .dss-card .cs-card-image {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
  }
  .cs-search-results-component-listing4 .dss-card .cs-card-image a, .cs-search-results-component-listing4 .dss-card .cs-card-image span {
    width: 248px;
  }
  .cs-search-results-component-listing4 .dss-card .cs-date {
    position: absolute;
    bottom: 20px;
  }
}

.cs-search-results-component-gallery .dss-card {
  margin-top: 15px;
  margin-bottom: 15px;
}
.cs-search-results-component-gallery .fill-top {
  margin: -16px -20px 0px -20px;
}
.cs-search-results-component-gallery .horizontal-fill {
  margin-left: -20px;
  margin-right: -20px;
}

.cs-search-results-component-gallery1 .dss-card h3 {
  height: 56px;
  margin-bottom: 20px;
}
.cs-search-results-component-gallery1 .dss-card .cs-gallery-image {
  margin-bottom: 16px;
}

.cs-search-results-component-gallery2 .dss-flex-hack {
  display: flex;
}
.cs-search-results-component-gallery2 .dss-card-sticky-footer {
  margin-top: auto;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 1px;
}
.cs-search-results-component-gallery2 .dss-card {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
  color: #FFFFFF;
  background-color: #002F5D;
  min-height: 300px;
  overflow: hidden;
  border-radius: 0px;
  border: none;
}
.cs-search-results-component-gallery2 .dss-card a:focus-visible {
  outline-color: #FFFFFF;
}
.cs-search-results-component-gallery2 h3 {
  font-size: 24px;
  line-height: 32px;
}
.cs-search-results-component-gallery2 h3 a {
  color: #FFFFFF;
}
.cs-search-results-component-gallery2 .dss-btn:hover {
  text-decoration: none !important;
}

.cs-search-results-component-gallery3 .dss-card .truncate {
  height: 164px;
}
.cs-search-results-component-gallery3 .dss-card .cs-gallery-image {
  height: 200px;
  margin-bottom: 16px;
}

.cs-search-results-component-gallery4 .dss-card .truncate {
  height: 202px;
}
.cs-search-results-component-gallery4 .dss-card .cs-gallery-image {
  height: 238px;
  margin-bottom: 16px;
}

.cs-search-results-component-featured {
  margin-top: -30px;
  margin-bottom: -30px;
}
.cs-search-results-component-featured .dss-card {
  padding: 0px;
}
.cs-search-results-component-featured .dss-card h3, .cs-search-results-component-featured .dss-card h2 {
  display: block;
}
.cs-search-results-component-featured .dss-card h3 a, .cs-search-results-component-featured .dss-card h2 a {
  display: inline;
}
.cs-search-results-component-featured .dss-card .row {
  margin: 0px;
}
.cs-search-results-component-featured .dss-card .feature-text {
  padding: 16px 20px 20px 20px;
}
.cs-search-results-component-featured .dss-card .feature-text .truncate {
  height: 188px;
}
.cs-search-results-component-featured .dss-card .feature-image {
  padding: 0px;
}
.cs-search-results-component-featured .dss-card .cs-gallery-image {
  height: 256px;
}

.cs-html-component-two-columns .cs-html-component-left-column {
  padding: 25px;
  min-height: 252px;
  margin-bottom: 2px;
}
.cs-html-component-two-columns .cs-html-component-right-column {
  min-height: 125px;
  padding: 10px 10px 10px 15px;
}
.cs-html-component-two-columns .cs-html-component-right-column a {
  text-decoration: none;
}
.cs-html-component-two-columns .cs-html-component-right-column a:hover {
  text-decoration: underline;
}

/* Old style blocks with forced stylign compatibility for new blocks */
.force-2023-padding-compatibility {
  --page-component-preamble-margin-forced: 60px;
  --page-component-block-padding-forced: calc(100px / 2);
  --page-component-title-margin-forced: 40px;
}

/* 2023 blocks */
.cs-page-component-2023 {
  padding-top: calc(100px / 2);
  padding-bottom: calc(100px / 2);
  --feature-colour: var(--custom-feature-colour, #00A0E2);
  --button-feature-colour: var(--feature-colour);
  --button-second-colour: white;
}
.cs-page-component-2023.cs-background-feature-colour {
  background-color: var(--feature-colour);
}
.cs-page-component-2023.cs-background-feature-colour .cs-page-component-intro, .cs-page-component-2023.cs-background-feature-colour .cs-page-component-text {
  color: white;
}
.cs-page-component-2023.cs-background-feature-colour.cs-feature-text-colour-dark .cs-page-component-intro, .cs-page-component-2023.cs-background-feature-colour.cs-feature-text-colour-dark .cs-page-component-text {
  color: black;
}
.cs-page-component-2023.cs-page-component-background-image {
  background-image: var(--custom-background-image);
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
  --image-text-shadow-primary: 0px 0px 3px #000000;
  --image-text-shadow-secondary: 0px 0px 3px rgba(0, 0, 0, 0.6);
  --image-text-shadow: var(--image-text-shadow-primary), var(--image-text-shadow-secondary);
}
.cs-page-component-2023.cs-page-component-background-image.cs-feature-text-colour-dark {
  color: black;
  --image-text-shadow-primary: 0px 0px 3px #FFFFFF;
  --image-text-shadow-secondary: 0px 0px 3px rgba(255, 255, 255, 0.6);
}
.cs-page-component-2023.cs-page-component-background-image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.cs-page-component-2023.cs-page-component-background-image.cs-page-component-background-overlay-grey::before {
  background: rgba(0, 0, 0, 0.2);
}
.cs-page-component-2023.cs-page-component-background-image.cs-page-component-background-overlay-black::before {
  background: rgba(0, 0, 0, 0.5);
}
.cs-page-component-2023.cs-page-component-background-image.cs-page-component-background-overlay-white::before {
  background: rgba(255, 255, 255, 0.5);
}
.cs-page-component-2023.cs-page-component-background-image.cs-page-component-background-overlay-gradient {
  --image-text-shadow-primary: 0px 0px 3px var(--feature-colour);
}
.cs-page-component-2023.cs-page-component-background-image.cs-page-component-background-overlay-gradient::before {
  background: linear-gradient(90deg, var(--feature-colour) 33.32%, transparent 100%);
}
.cs-page-component-2023.cs-page-component-background-image.cs-page-component-text-align-right.cs-page-component-background-overlay-gradient::before {
  background: linear-gradient(270deg, var(--feature-colour) 33.32%, transparent 100%);
}
.cs-page-component-2023.cs-page-component-background-overlay-boxout .cs-page-component {
  padding: 60px;
  background: white;
  color: black;
}
.cs-page-component-2023.cs-feature-text-colour-dark {
  --button-feature-colour: black;
}
.cs-page-component-2023.cs-feature-text-colour-dark .dss-btn.dss-btn-invert {
  --button-feature-colour: black;
  --button-second-colour: white;
}
.cs-page-component-2023 .cs-page-component-intro {
  margin-bottom: 60px;
}
.cs-page-component-2023 .dss-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding: 10px 16px;
  border: 2px solid;
  border-radius: 4px;
  box-sizing: border-box;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  color: var(--button-second-colour);
  border-color: var(--button-feature-colour);
  background: var(--button-feature-colour);
}
.cs-page-component-2023 .dss-btn:hover, .cs-page-component-2023 .dss-btn:active, .cs-page-component-2023 .dss-btn:focus {
  text-decoration: underline;
  outline: 3px solid var(--button-feature-colour);
  outline-offset: 1px;
}
.cs-page-component-2023 .dss-btn.dss-btn-outline {
  color: var(--button-feature-colour);
  background: var(--button-second-colour);
}
.cs-page-component-2023 .dss-btn.dss-btn-invert {
  --button-feature-colour: white;
  --button-second-colour: var(--feature-colour);
}
.cs-page-component-2023 .cs-page-component-layout .cs-page-component-layout-title {
  margin-top: 0;
  margin-bottom: 40px;
  line-height: 40px;
}
.cs-page-component-2023 .cs-page-component-layout > .cs-page-component-layout-title:last-child {
  margin-bottom: 0px;
}
.cs-page-component-2023 .cs-page-component-layout .cs-page-component-layout-text {
  line-height: 28px;
}
.cs-page-component-2023 .cs-page-component-layout .cs-page-component-layout-text > *:last-child {
  margin-bottom: 0px;
}

.cs-info-2023-component > .row:last-child {
  margin-bottom: 0px;
}
@media (max-width: 767.98px) {
  .cs-info-2023-component .column {
    margin-bottom: 60px;
  }
  .cs-info-2023-component .column:last-child {
    margin-bottom: 0px;
  }
}
.cs-info-2023-component .column .cs-embed-wrapper {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.cs-info-2023-component .column .cs-embed-wrapper.force-full-width iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cs-activities-2023-component .cs-activities-results {
  margin-top: -30px;
}
.cs-activities-2023-component .dss-card {
  margin-top: 30px;
  margin-bottom: 0px;
}
.cs-activities-2023-component .cs-activities-more {
  margin-top: 60px;
}
.cs-activities-2023-component .fill-top {
  margin: -16px -20px 0px -20px;
}

.cs-activities-cards-text-2023 .dss-card {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  overflow: hidden;
  border-radius: 0px;
  border: none;
}
.cs-activities-cards-text-2023 .cs-date {
  margin-top: 8px;
}
.cs-activities-cards-text-2023 h3 {
  font-size: 24px;
  line-height: 32px;
}
.cs-activities-cards-text-2023 .dss-btn {
  margin-top: 20px;
  width: 100%;
}

.cs-quote-2023-component .quote-container {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
@media (max-width: 767.98px) {
  .cs-quote-2023-component .quote-container {
    flex-direction: column-reverse;
  }
  .cs-quote-2023-component .quote-image {
    margin: auto;
  }
}
.cs-quote-2023-component .quote-text .quote {
  font-size: 24px;
  line-height: 32px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}
.cs-quote-2023-component .quote-text .quote:before {
  content: open-quote;
  float: left;
}
.cs-quote-2023-component .quote-text .quote:after {
  content: close-quote;
  display: inline;
}
.cs-quote-2023-component .quote-text .quote p:last-child {
  display: inline;
}
.cs-quote-2023-component .quote-text .attribution {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}
.cs-quote-2023-component .quote-image {
  flex: none;
  position: relative;
  width: 266px;
  height: 266px;
}
.cs-quote-2023-component .quote-image:after {
  border: 4px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.cs-quote-2023-component .quote-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.cs-activities-cards-image-2023 .dss-card {
  min-height: 400px;
  overflow: hidden;
  border-radius: 0px;
  border: none;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cs-activities-cards-image-2023 h3 {
  font-size: 24px;
  line-height: 32px;
}
.cs-activities-cards-image-2023 .cs-date {
  margin-top: auto;
  padding-top: 10px;
}
.cs-activities-cards-image-2023 .cs-gallery-image {
  height: 200px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .cs-activities-cards-image-2023.cards_2_up .dss-card {
    min-height: 476px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cs-activities-cards-image-2023.cards_2_up .dss-card .truncate {
    min-height: 202px;
  }
  .cs-activities-cards-image-2023.cards_2_up .dss-card .truncate.has-date {
    min-height: 170px;
  }
  .cs-activities-cards-image-2023.cards_2_up .dss-card .cs-gallery-image {
    min-height: 238px;
    margin-bottom: 16px;
  }
  .cs-activities-cards-image-2023.cards_2_up .cs-gallery-image {
    height: 238px;
    margin-bottom: 16px;
  }
}

.cs-activities-cards-image-inline-2023 .dss-card {
  height: 512px;
  display: flex;
  flex-direction: column-reverse;
  padding: 0px;
}
.cs-activities-cards-image-inline-2023 .dss-card > * {
  flex: 1 50%;
}
.cs-activities-cards-image-inline-2023 h3 {
  font-size: 24px;
  line-height: 32px;
}
.cs-activities-cards-image-inline-2023 .cs-date {
  margin-top: 8px;
}
.cs-activities-cards-image-inline-2023 .truncate {
  height: 220px;
}
.cs-activities-cards-image-inline-2023 .truncate.has-date {
  height: 188px;
}
.cs-activities-cards-image-inline-2023 .card-text {
  padding: 16px 20px 20px 20px;
}
.cs-activities-cards-image-inline-2023 .cs-gallery-image {
  height: 256px;
}
@media (min-width: 768px) {
  .cs-activities-cards-image-inline-2023 .dss-card {
    height: 256px;
    flex-direction: row;
  }
}

.cs-highlights-2023-component .highlights {
  margin-top: -30px;
}
@media (min-width: 992px) {
  .cs-highlights-2023-component .highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.cs-highlights-2023-component .highlight {
  background-color: white;
  color: black;
  padding: 28px 28px 36px;
  margin-top: 30px;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .cs-highlights-2023-component .highlight {
    min-height: 360px;
  }
}
.cs-highlights-2023-component .highlight .cs-page-component-layout .cs-page-component-layout-title {
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid currentColor;
}
.cs-highlights-2023-component .highlight .cs-page-component-layout .cs-page-component-layout-text {
  font-size: 16px;
  line-height: 24px;
}

.cs-hero-2023-container.cs-page-component-container {
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
}
.cs-hero-2023-container.cs-page-component-container > div {
  width: 100%;
  z-index: 1;
}
.cs-hero-2023-container.cs-page-component-container.cs-page-component-text-align-right {
  text-align: right;
}
.cs-hero-2023-container.cs-page-component-container .cs-page-component-layout-text {
  font-size: 24px;
  line-height: 32px;
  text-shadow: var(--image-text-shadow);
}
.cs-hero-2023-container.cs-page-component-container .cs-page-component-layout-title {
  font-size: 68px;
  line-height: 76px;
  text-shadow: var(--image-text-shadow);
}
.cs-hero-2023-container.cs-page-component-container.cs-page-component-background-overlay-boxout {
  min-height: none;
}
.cs-hero-2023-container.cs-page-component-container.cs-page-component-background-overlay-boxout .cs-page-component-layout-text {
  font-size: 20px;
  line-height: 28px;
  text-shadow: none;
}
.cs-hero-2023-container.cs-page-component-container.cs-page-component-background-overlay-boxout .cs-page-component-layout-title {
  font-size: 36px;
  line-height: 40px;
  text-shadow: none;
}

/* Is this a hack? */
.row.small-gutters {
  margin-right: -11px;
  margin-left: -11px;
}

.row.small-gutters > [class*=col-] {
  padding-right: 11px;
  padding-left: 11px;
}

.row.tiny-gutters {
  margin-right: -1px;
  margin-left: -1px;
}

.row.tiny-gutters > [class*=col-] {
  padding-right: 1px;
  padding-left: 1px;
}

.cs-no-underline {
  text-decoration: none;
}

.cs-no-underline:hover {
  text-decoration: underline;
}

.cs-progress-bar-outline {
  border: 1px solid #ccc;
  background: #8C8C8C;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height: 1rem;
}
@media (min-width: 768px) {
  .cs-progress-bar-outline {
    height: 1.25rem;
  }
}

.cs-progress-bar-progress-indicator {
  background-color: #f6f6f6;
  box-shadow: 1px 0px 1px 0 #ccc;
  height: 100%;
  width: 0;
}

.cs-related-items-listing-container {
  margin-top: 30px;
}

.cs-question-container {
  background: rgb(246, 246, 244);
  border-bottom: solid 1px rgba(133, 166, 155, 0.2);
  border-bottom: solid 8px #fff;
  border-top: solid 8px #fff;
}

.cs-question-padding {
  padding-top: 0;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 10px;
}

.cs-label-required {
  color: #666;
  font-size: 1rem;
}

.cs-checkbox-subquestion .cs-checkbox-input-wrapper, .cs-checkbox-subquestion .cs-radio-input-wrapper, .cs-boolean-subquestion .cs-checkbox-input-wrapper, .cs-boolean-subquestion .cs-radio-input-wrapper, .cs-radio-subquestion .cs-checkbox-input-wrapper, .cs-radio-subquestion .cs-radio-input-wrapper {
  display: block;
  padding: 5px 0;
  /* A bit extra padding for the confirm submit checkbox, as that's using
     this markup but with extra padding and is therefore a bit special */
}
.cs-checkbox-subquestion .cs-checkbox-input-wrapper.confirm-submit, .cs-checkbox-subquestion .cs-radio-input-wrapper.confirm-submit, .cs-boolean-subquestion .cs-checkbox-input-wrapper.confirm-submit, .cs-boolean-subquestion .cs-radio-input-wrapper.confirm-submit, .cs-radio-subquestion .cs-checkbox-input-wrapper.confirm-submit, .cs-radio-subquestion .cs-radio-input-wrapper.confirm-submit {
  padding-left: 20px;
}
.cs-checkbox-subquestion .cs-checkbox-input-wrapper label, .cs-checkbox-subquestion .cs-radio-input-wrapper label, .cs-boolean-subquestion .cs-checkbox-input-wrapper label, .cs-boolean-subquestion .cs-radio-input-wrapper label, .cs-radio-subquestion .cs-checkbox-input-wrapper label, .cs-radio-subquestion .cs-radio-input-wrapper label {
  vertical-align: text-top;
  display: table-cell;
  vertical-align: text-top;
  margin-top: 3px;
  padding-left: 20px;
}
.cs-checkbox-subquestion .cs-checkbox-input-wrapper label input, .cs-checkbox-subquestion .cs-radio-input-wrapper label input, .cs-boolean-subquestion .cs-checkbox-input-wrapper label input, .cs-boolean-subquestion .cs-radio-input-wrapper label input, .cs-radio-subquestion .cs-checkbox-input-wrapper label input, .cs-radio-subquestion .cs-radio-input-wrapper label input {
  vertical-align: text-top;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: -25px;
}
.cs-checkbox-subquestion .cs-checkbox-input-wrapper label input[type=radio], .cs-checkbox-subquestion .cs-radio-input-wrapper label input[type=radio], .cs-boolean-subquestion .cs-checkbox-input-wrapper label input[type=radio], .cs-boolean-subquestion .cs-radio-input-wrapper label input[type=radio], .cs-radio-subquestion .cs-checkbox-input-wrapper label input[type=radio], .cs-radio-subquestion .cs-radio-input-wrapper label input[type=radio] {
  margin-top: 4px;
}

.cs-matrix-subquestion {
  /* Make responsive matrix subquestions behave themselves in small windows for IE8 and 9 */
  /* -- Grid dividers -- */
  /* -- End Grid dividers -- */
  /* Matrix Select (and Ranking) SubQuestions */
}
.cs-matrix-subquestion table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.cs-matrix-subquestion th {
  font-weight: normal;
  text-align: left;
}
@media (min-width: 480px) {
  .cs-matrix-subquestion td, .cs-matrix-subquestion .cs-matrix-subquestion-col-header {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .cs-matrix-subquestion td, .cs-matrix-subquestion .cs-matrix-subquestion-col-header {
    text-align: center;
  }
}
@media (min-width: 480px) {
  .cs-matrix-subquestion .cs-matrix-subquestion-row-header {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .cs-matrix-subquestion .cs-matrix-subquestion-col-header {
    vertical-align: center;
    padding: 10px;
  }
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion .cs-matrix-subquestion-row, .cs-matrix-subquestion .cs-matrix-subquestion-row-header, .cs-matrix-subquestion .cs-matrix-subquestion-row-content {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    clear: left;
  }
}
@media (min-width: 480px) {
  .cs-matrix-subquestion .cs-matrix-subquestion-small-header {
    font-size: inherit;
  }
}
@media (min-width: 768px) {
  .cs-matrix-subquestion .cs-matrix-subquestion-small-header {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .cs-matrix-subquestion tr:last-child td, .cs-matrix-subquestion tr:last-child th {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .cs-matrix-subquestion td, .cs-matrix-subquestion th, .cs-matrix-subquestion tr:first-child td, .cs-matrix-subquestion tr:first-child th {
    border-bottom: solid 1px #ddd;
  }
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion td:last-child {
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
  }
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion tr:last-child td:last-child {
    border-bottom: none;
  }
}
.cs-matrix-subquestion .cs-matrix-radio label, .cs-matrix-subquestion .cs-matrix-checkbox label {
  padding: 5px;
}
.cs-matrix-subquestion .cs-matrix-select label {
  padding-right: 10px;
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion .cs-matrix-select label {
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    clear: both;
  }
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion .cs-matrix-select select {
    margin-bottom: 5px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .cs-matrix-subquestion .cs-matrix-select select {
    width: auto;
    max-width: 100%;
  }
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion .cs-matrix-select select:last-child {
    margin-bottom: 0px;
  }
}

.cs-ranking-subquestion label, .cs-matrix-dropdown-subquestion label {
  display: inline-block;
  margin-right: 15px;
  margin-top: 0.3125rem;
}
@media (max-width: 479.98px) {
  .cs-ranking-subquestion label, .cs-matrix-dropdown-subquestion label {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .cs-ranking-subquestion label, .cs-matrix-dropdown-subquestion label {
    width: 33%;
  }
}
.cs-ranking-subquestion select, .cs-matrix-dropdown-subquestion select {
  vertical-align: top;
  display: inline-block;
}
@media (max-width: 479.98px) {
  .cs-ranking-subquestion select, .cs-matrix-dropdown-subquestion select {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .cs-ranking-subquestion select, .cs-matrix-dropdown-subquestion select {
    width: auto;
    max-width: 60%;
  }
}
.cs-ranking-subquestion .cs-ranking-subquestion-row, .cs-ranking-subquestion .cs-matrix-dropdown-subquestion-row, .cs-matrix-dropdown-subquestion .cs-ranking-subquestion-row, .cs-matrix-dropdown-subquestion .cs-matrix-dropdown-subquestion-row {
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.cs-ranking-subquestion .cs-ranking-subquestion-row-container:last-child .cs-ranking-subquestion-row, .cs-ranking-subquestion .cs-ranking-subquestion-row-container:last-child .cs-matrix-dropdown-subquestion-row, .cs-ranking-subquestion .cs-matrix-dropdown-subquestion-row-container:last-child .cs-ranking-subquestion-row, .cs-ranking-subquestion .cs-matrix-dropdown-subquestion-row-container:last-child .cs-matrix-dropdown-subquestion-row, .cs-matrix-dropdown-subquestion .cs-ranking-subquestion-row-container:last-child .cs-ranking-subquestion-row, .cs-matrix-dropdown-subquestion .cs-ranking-subquestion-row-container:last-child .cs-matrix-dropdown-subquestion-row, .cs-matrix-dropdown-subquestion .cs-matrix-dropdown-subquestion-row-container:last-child .cs-ranking-subquestion-row, .cs-matrix-dropdown-subquestion .cs-matrix-dropdown-subquestion-row-container:last-child .cs-matrix-dropdown-subquestion-row {
  border-bottom: none;
}

.cs-select-subquestion select,
.cs-select-subquestion .form-select {
  display: block;
  position: relative;
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .cs-select-subquestion select,
  .cs-select-subquestion .form-select {
    width: auto;
    max-width: 100%;
  }
}

.cs-file-subquestion input[type=file] {
  max-width: 100%;
  font-size: 1rem;
  line-height: 1rem;
  margin: 10px 0px;
}
.cs-file-subquestion .previous-file-wrapper {
  margin-bottom: 15px;
}
.cs-file-subquestion .previous-file-wrapper label {
  margin-left: 15px;
}
.cs-file-subquestion .file-upload-wrapper {
  margin-top: 15px;
}
.cs-file-subquestion .file-upload-wrapper .file-upload-button {
  border-color: #7a7a80;
  font-size: 18px;
}
.cs-file-subquestion .file-upload-wrapper .file-browser {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  text-align: left;
  display: block;
  width: 100%;
}
.cs-file-subquestion .file-upload-wrapper .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 11px;
  display: inline-block;
}
.cs-file-subquestion .file-upload-wrapper .file-remove {
  white-space: nowrap;
  margin-right: 10px;
}
.cs-file-subquestion .file-upload-wrapper .file-download {
  white-space: nowrap;
}
.cs-file-subquestion .file-upload-wrapper .file-on-save {
  margin-top: 10px;
}

.cs-date-subquestion legend {
  font-size: inherit;
  margin-bottom: inherit;
  border-bottom: none;
  color: inherit;
}
.cs-date-subquestion input[type=text] {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
  text-align: center;
}
.cs-date-subquestion input[type=text]::placeholder {
  overflow: visible;
  text-align: center;
}
.cs-date-subquestion .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 10px;
}
.cs-date-subquestion .cs-fake-text-input {
  width: auto;
  display: inline-block;
}

/* printable/read-only view */
.cs-fake-text-input, .cs-fake-textarea-input {
  background-color: white;
  border: 1px solid #7a7a80;
  border-radius: 4px;
  width: 100%;
  padding: 5px;
  min-height: 40px;
  margin-top: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  overflow-wrap: break-word;
}

.cs-fake-textarea-input-height-5 {
  min-height: 5em;
}

.cs-fake-textarea-input-height-10 {
  min-height: 10em;
}

.cs-fake-textarea-input-height-15 {
  min-height: 15em;
}

.cs-fake-radio-checkbox-container {
  display: table;
  margin: 5px 0;
}
.cs-fake-radio-checkbox-container .cs-fake-radio-checkbox-inner {
  display: table-cell;
  height: 30px;
  vertical-align: top;
}
.cs-fake-radio-checkbox-container .cs-fake-radio-checkbox-label {
  display: table-cell;
  height: 30px;
  vertical-align: top;
  padding-left: 5px;
  padding-top: 1px;
}

.cs-fake-checkbox, .cs-fake-radio {
  height: 30px;
  width: 30px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid #7a7a80;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  text-align: center;
}
.cs-fake-checkbox .fa, .cs-fake-radio .fa {
  position: relative;
  top: 0;
}

.cs-fake-radio {
  border-radius: 15px;
}

.cs-label-instructions {
  margin-bottom: 0;
  color: #666;
  font-size: 1rem;
  font-style: italic;
  margin: 5px 0;
}

.cs-label-instructions-limit-exceeded {
  color: #a94442;
  font-weight: bold;
}

.cs-matrix-subquestion-row .cs-fake-checkbox, .cs-matrix-subquestion-row .cs-fake-radio {
  margin-top: 5px;
}
@media (max-width: 479.98px) {
  .cs-matrix-subquestion-row .cs-fake-checkbox .fa, .cs-matrix-subquestion-row .cs-fake-radio .fa {
    position: absolute;
    top: 10px;
    left: 6px;
  }
}
.cs-matrix-subquestion-row .cs-fake-matrix-label-mobile {
  vertical-align: middle;
  line-height: 30px;
  top: -10px;
  position: relative;
}

#tr-embed-wrapper {
  background: #FFC703;
  position: relative;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  border-bottom: solid 1px #c29e00;
  padding: 0;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}
#tr-embed-wrapper #tr-embed-inner {
  background: linear-gradient(to bottom, #FFE13E, #FFC703);
  padding: 5px;
  text-align: center;
}
#tr-embed-wrapper #tr-embed-save {
  position: relative;
  margin: 2px;
  bottom: 2px;
}
#tr-embed-wrapper button {
  margin-right: 3px;
}
#tr-embed-wrapper label {
  margin-right: 2px;
}

.tr-embed {
  background-image: url(../img/stripes.gif);
  background-color: #ffffff;
  padding: 10px;
  border: 3px solid #eeeeee;
}
.tr-embed .strong {
  font-weight: bold;
}
.tr-embed button {
  margin-right: 5px;
}
.tr-embed .tr-embed-moreinfo {
  margin-top: 10px;
  padding: 10px;
  background: #dddddd;
  font-size: 80%;
}
.tr-embed .tr-embed-moreinfo code {
  font-size: 80%;
}

.cs-survey-sidebar-container {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cs-survey-sidebar-container {
    margin-top: 53px;
    font-size: 1.1875rem;
  }
}

.cs-consultation-sidebar-container {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cs-consultation-sidebar-container {
    margin-top: 53px;
    font-size: 1.1875rem;
  }
}
.cs-consultation-sidebar-container p, .cs-consultation-sidebar-container h2 {
  margin-bottom: 6.53125px;
}

.cs-survey-page-count {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.375;
}
@media (min-width: 768px) {
  .cs-survey-page-count {
    font-size: 1.1875rem;
    padding-right: 1.5789em;
    line-height: 1.368;
  }
}

.cs-survey-progress-bar-container {
  margin-top: 2px;
  margin-bottom: 10px;
}
@media (max-width: 479.98px) {
  .cs-survey-progress-bar-container {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .cs-survey-progress-bar-container {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 30px;
  }
}

@media (max-width: 479.98px) {
  .cs-survey-sidebar-primary-date {
    margin-bottom: 0;
  }
}

.cs-consultation-dates-container {
  padding-bottom: 7px;
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .cs-consultation-dates-container {
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
}

.cs-consultation-sidebar-primary-date {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cs-consultation-sidebar-primary-date {
    font-size: 1.1875rem;
  }
}

@media (max-width: 479.98px) {
  .cs-consultation-sidebar-secondary-date {
    margin-bottom: 0;
  }
}

.cs-consultation-sidebar-tertiary-dates-container .cs-consultation-sidebar-tertiary-date:first-child {
  margin-top: 22px;
}

.cs-consultation-sidebar-tertiary-date {
  font-size: 14px;
  line-height: 1.25;
}
@media (max-width: 479.98px) {
  .cs-consultation-sidebar-tertiary-date {
    margin-bottom: 0;
  }
}

.cs-survey-sidebar-important-date {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.375;
}
@media (min-width: 768px) {
  .cs-survey-sidebar-important-date {
    font-size: 1.1875rem;
  }
}

.cs-consultation-contact-details {
  font-size: 14px;
  border-bottom: solid 1px #ddd;
  line-height: 1.25;
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .cs-consultation-contact-details {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 32px;
  }
}
.cs-consultation-contact-details .cs-consultation-contact-details-heading {
  font-size: 16px;
  margin-top: 11px;
  margin-bottom: 5.5px;
  font-weight: 700;
  line-height: 1.375;
}

.cs-survey-cookie-notice {
  font-weight: 300;
}
@media (min-width: 768px) {
  .cs-survey-cookie-notice {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .cs-survey-body-container {
    padding-left: 30px;
  }
}

table.cs-toc {
  width: 100%;
  max-width: 100%;
}
table.cs-toc span.cs-toc-answered {
  display: inline-block;
}
table.cs-toc th, table.cs-toc td {
  padding: 25px;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  table.cs-toc th, table.cs-toc td {
    padding-bottom: 0;
    padding: 8px;
  }
}
table.cs-toc th {
  font-weight: normal;
  color: #000;
}
@media (max-width: 767.98px) {
  table.cs-toc td.cs-toc-chapter {
    border-bottom: none;
    float: left;
    width: 100%;
  }
}
table.cs-toc td.cs-toc-progress-bar {
  color: #666;
  font-size: 12px;
  line-height: 16px;
  width: 205px;
}
table.cs-toc td.cs-toc-progress-bar .cs-progress-bar-outline {
  width: 180px;
  height: 8px;
  display: inline-block;
  border-radius: 4px;
}
@media (max-width: 767.98px) {
  table.cs-toc td.cs-toc-progress-bar {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 15px;
  }
  table.cs-toc td.cs-toc-progress-bar .cs-progress-bar-outline {
    width: 100px;
  }
}
table.cs-toc td.cs-toc-progress-bar .cs-toc-answered {
  display: inline-block;
}
@media (max-width: 767.98px) {
  table.cs-toc td.cs-toc-progress-bar .cs-toc-answered {
    margin-left: 5px;
  }
}

#cs-admin-nav-bar.frankenui {
  font-size: 16px;
  color: #ddd;
  border-top: 2px solid #149acc;
  box-shadow: inset 0 -1px 0 0 #222429;
  background-color: #484a4f;
  background-image: url(../vendor/dlb-public-ui/img/bg_textures/bley_noise_darker.png);
}
#cs-admin-nav-bar.frankenui li {
  margin-left: 15px;
  border-right: none;
}

#cs-admin-nav-bar {
  display: none;
  background: #3b3b3b;
  color: #aaa;
  padding: 5px 0;
  font-size: 14px;
}
#cs-admin-nav-bar ul {
  display: inline;
}
#cs-admin-nav-bar li {
  border-right: 1px solid #999;
  padding: 0;
}
#cs-admin-nav-bar li:last-child {
  border-right: 0;
}
#cs-admin-nav-bar a {
  color: white;
  text-decoration: underline;
  padding: 0 6px;
}
#cs-admin-nav-bar a:hover {
  color: white;
  text-decoration: none;
}
#cs-admin-nav-bar a, #cs-admin-nav-bar span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
#cs-admin-nav-bar #cs-admin-global-nav li:first-child a {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767.98px) {
  #cs-admin-nav-bar #cs-admin-global-nav {
    /* Make it all fit on one line at smaller desktop sizes */
  }
  #cs-admin-nav-bar #cs-admin-global-nav li:first-child a {
    max-width: 100px;
  }
}
@media (max-width: 479.98px) {
  #cs-admin-nav-bar #cs-admin-global-nav {
    /* Make it wrap onto several lines on sm viewports */
    text-align: left;
  }
  #cs-admin-nav-bar #cs-admin-global-nav li, #cs-admin-nav-bar #cs-admin-global-nav span {
    display: block;
    float: left;
  }
  #cs-admin-nav-bar #cs-admin-global-nav li:first-child {
    border-right: 0;
  }
  #cs-admin-nav-bar #cs-admin-global-nav li:first-child a {
    max-width: 200px;
  }
  #cs-admin-nav-bar #cs-admin-global-nav li:nth-child(2) {
    clear: left;
  }
  #cs-admin-nav-bar #cs-admin-global-nav li:nth-child(2) a {
    padding-left: 0;
  }
}

.cs-rp-published-response.dss-card {
  height: 100px;
  overflow: hidden;
  margin-bottom: 0;
  padding-top: 10px;
  position: relative;
}

.cs-rp-published-excerpt {
  height: 60px;
  overflow: hidden;
}
.cs-rp-published-excerpt:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  height: 40px;
  width: 100%;
}

.cs-rp-show-unanswered-checkbox label, .cs-rp-filter-responses-checkbox label {
  display: table;
}
.cs-rp-show-unanswered-checkbox .cs-rp-show-unanswered-checkbox-input, .cs-rp-show-unanswered-checkbox .cs-rp-filter-responses-checkbox-input, .cs-rp-filter-responses-checkbox .cs-rp-show-unanswered-checkbox-input, .cs-rp-filter-responses-checkbox .cs-rp-filter-responses-checkbox-input {
  display: table-cell;
  vertical-align: text-top;
  padding-top: 5px;
}
.cs-rp-show-unanswered-checkbox .cs-rp-show-unanswered-checkbox-input input[type=checkbox], .cs-rp-show-unanswered-checkbox .cs-rp-filter-responses-checkbox-input input[type=checkbox], .cs-rp-filter-responses-checkbox .cs-rp-show-unanswered-checkbox-input input[type=checkbox], .cs-rp-filter-responses-checkbox .cs-rp-filter-responses-checkbox-input input[type=checkbox] {
  vertical-align: text-top;
  margin-top: -1px;
}
.cs-rp-show-unanswered-checkbox .cs-rp-show-unanswered-checkbox-text, .cs-rp-show-unanswered-checkbox .cs-rp-filter-responses-checkbox-text, .cs-rp-filter-responses-checkbox .cs-rp-show-unanswered-checkbox-text, .cs-rp-filter-responses-checkbox .cs-rp-filter-responses-checkbox-text {
  display: table-cell;
  padding-left: 5px;
  vertical-align: top;
}

.cs-rp-show-unanswered-checkbox {
  margin-top: 25px;
}

.cs-rp-filter-responses-checkbox label .cs-rp-filter-responses-checkbox-input {
  padding-top: 0;
}
.cs-rp-filter-responses-checkbox label .cs-rp-filter-responses-checkbox-input input[type=checkbox] {
  vertical-align: text-top;
  margin-top: 5px;
}

@media (max-width: 479.98px) {
  .cs-rp-col-search-form {
    background-color: #e6e6df;
    background-image: url("../vendor/dlb-public-ui/img/bg_textures/greige_mesh.png");
    background-repeat: repeat;
    border-bottom: solid 1px #ddd;
  }
}

.cs-rp-search-form-container {
  padding-bottom: 12px;
}
.cs-rp-search-form-container .cs-rp-search-form-header a {
  display: block;
  color: black;
}
.cs-rp-search-form-container .cs-rp-search-form-header a:hover {
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.1em;
}
.cs-rp-search-form-container .cs-rp-search-form-header a:after {
  display: inline-block;
  width: 25px;
  padding-left: 5px;
  vertical-align: top;
  float: right;
  content: "\f106";
  font: normal normal normal 30px/1 FontAwesome;
}
.cs-rp-search-form-container .cs-rp-search-form-header a.collapsed:after {
  content: "\f107";
  font: normal normal normal 30px/1 FontAwesome;
}
.cs-rp-search-form-container .cs-rp-search-form-header a span {
  text-decoration: none;
}
.cs-rp-search-form-container .cs-rp-search-form-header a:hover span {
  text-decoration: underline;
}
.cs-rp-search-form-container .cs-rp-search-form-content {
  padding: 0;
  margin: 0;
}
.cs-rp-search-form-container .cs-rp-search-form-content .cs-rp-search-form-content-inner {
  padding-bottom: 0;
}

.cs-rp-btn-submit {
  width: 100%;
}
.cs-rp-btn-submit:focus {
  outline: solid 3px #86868D;
  outline-offset: 2px;
}

.cs-rp-cfs-btn-submit {
  width: 100%;
}

.cs-rp-filter-container {
  margin-top: 2px;
  margin-bottom: 17px;
}
.cs-rp-filter-container .cs-rp-filter:last-child {
  border-bottom: solid 1px #ddd;
}
.cs-rp-filter-container .cs-rp-filter {
  padding-bottom: 11px;
  border-top: solid 1px #ddd;
}
.cs-rp-filter-container .cs-rp-filter legend.cs-rp-filter-header {
  padding-top: 11px;
  box-shadow: none;
  border: none;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header {
  margin: 0;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a {
  display: block;
  color: #000;
  padding-right: 25px;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a:hover {
  text-decoration: none;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a:focus {
  text-decoration: none;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a:after {
  display: inline-block;
  float: right;
  padding-right: 10px;
  width: 25px;
  margin-right: -25px;
  padding-left: 5px;
  vertical-align: top;
  content: "\f106";
  font: normal normal normal 30px/1 FontAwesome;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a.collapsed:after {
  content: "\f107";
  font: normal normal normal 30px/1 FontAwesome;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a span {
  text-decoration: none;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-header a:hover span {
  text-decoration: underline;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-content {
  padding: 0;
  margin: 0;
}
.cs-rp-filter-container .cs-rp-filter .cs-rp-filter-content .cs-rp-filter-content-inner {
  padding-top: 5px;
  padding-bottom: 0;
}

.cs-rp-response-sidebar-back-link {
  margin-top: 15px;
  display: inline-block;
}

.cs-rp-response-content {
  padding-bottom: 50px;
}

ul.cs-published-response-attachments {
  list-style-type: none;
  padding-left: 0;
}

del.redacted {
  background-color: #666;
  padding: 0 3px;
  color: white;
  text-decoration: none;
}

.cs-published-reply {
  border-left: 2px solid #00A0E2;
  padding-bottom: 10px;
  margin-left: -15px;
  padding-left: 15px;
}
.cs-published-reply .cs-published-reply-label {
  color: #FFFFFF;
  background: #00A0E2;
  padding: 10px;
  margin-bottom: 10px;
}

.cs-rp-new-filters.sidebar {
  position: relative;
  float: left;
}
.cs-rp-new-filters .filters-heading {
  border-bottom: 1px solid #e5e5e5;
}
.cs-rp-new-filters .cs-rp-new-filter {
  margin-bottom: 22px;
  border-right-width: 5px;
  border-right-style: solid;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-10 {
  border-color: #913812;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-9 {
  border-color: #003636;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-8 {
  border-color: #561D8C;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-7 {
  border-color: #7D314C;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-6 {
  border-color: #505968;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-5 {
  border-color: #000060;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-4 {
  border-color: #8C1CAB;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-3 {
  border-color: #4F37D7;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-2 {
  border-color: #A80041;
}
.cs-rp-new-filters .cs-rp-new-filter.filter-colour-1 {
  border-color: #005C4E;
}
.cs-rp-new-filters legend {
  font-size: 18px;
  border: none;
  margin-bottom: 0.5em;
  font-weight: bold;
  float: left;
}
.cs-rp-new-filters label {
  margin-right: 2em;
}
.cs-rp-new-filters .cs-rp-new-sidebar {
  display: block;
  position: absolute;
  background: #fff;
  z-index: 100000;
  min-width: 25rem;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5333333333);
  border-radius: 4px;
  padding: 10px;
  top: 0px;
}
.cs-rp-new-filters .cs-rp-new-sidebar .filters-heading {
  margin-top: 0px;
}
.cs-rp-new-filters .cs-rp-new-sidebar.sidebar-closed {
  display: none;
}
.cs-rp-new-filters .cs-rp-new-sidebar label {
  display: block;
}
.cs-rp-new-filters .cs-rp-new-sidebar .close-button {
  display: block;
  float: right;
  height: 30px;
  width: 30px;
  text-align: right;
  font-size: 18px;
  color: black;
  text-underline-offset: 2px;
}
.cs-rp-new-filters .cs-rp-new-sidebar .close-button:hover {
  text-decoration-thickness: 1em;
  text-underline-offset: 3px;
}

@media (max-width: 480px) {
  .cs-rp-new-filters .cs-rp-new-sidebar {
    min-width: 19rem;
  }
}
.cs-rp-new-filter-pills .pill {
  display: inline-block;
  color: #FFF;
  border-radius: 50px;
  padding: 5px 5px 5px 15px;
  margin: 3px 7px 10px 0px;
  font-size: 16px;
  line-height: 20px;
}
.cs-rp-new-filter-pills .pill:first-of-type {
  margin-left: 10px;
}
.cs-rp-new-filter-pills .pill .pill-icon {
  background: #FFF;
  border-radius: 50px;
  width: 20px;
  padding: 2px 0px;
  margin-left: 10px;
  text-align: center;
}
.cs-rp-new-filter-pills .pill.filter-colour-10 {
  background-color: #913812;
}
.cs-rp-new-filter-pills .pill.filter-colour-10 .pill-icon {
  color: #913812;
}
.cs-rp-new-filter-pills .pill.filter-colour-9 {
  background-color: #003636;
}
.cs-rp-new-filter-pills .pill.filter-colour-9 .pill-icon {
  color: #003636;
}
.cs-rp-new-filter-pills .pill.filter-colour-8 {
  background-color: #561D8C;
}
.cs-rp-new-filter-pills .pill.filter-colour-8 .pill-icon {
  color: #561D8C;
}
.cs-rp-new-filter-pills .pill.filter-colour-7 {
  background-color: #7D314C;
}
.cs-rp-new-filter-pills .pill.filter-colour-7 .pill-icon {
  color: #7D314C;
}
.cs-rp-new-filter-pills .pill.filter-colour-6 {
  background-color: #505968;
}
.cs-rp-new-filter-pills .pill.filter-colour-6 .pill-icon {
  color: #505968;
}
.cs-rp-new-filter-pills .pill.filter-colour-5 {
  background-color: #000060;
}
.cs-rp-new-filter-pills .pill.filter-colour-5 .pill-icon {
  color: #000060;
}
.cs-rp-new-filter-pills .pill.filter-colour-4 {
  background-color: #8C1CAB;
}
.cs-rp-new-filter-pills .pill.filter-colour-4 .pill-icon {
  color: #8C1CAB;
}
.cs-rp-new-filter-pills .pill.filter-colour-3 {
  background-color: #4F37D7;
}
.cs-rp-new-filter-pills .pill.filter-colour-3 .pill-icon {
  color: #4F37D7;
}
.cs-rp-new-filter-pills .pill.filter-colour-2 {
  background-color: #A80041;
}
.cs-rp-new-filter-pills .pill.filter-colour-2 .pill-icon {
  color: #A80041;
}
.cs-rp-new-filter-pills .pill.filter-colour-1 {
  background-color: #005C4E;
}
.cs-rp-new-filter-pills .pill.filter-colour-1 .pill-icon {
  color: #005C4E;
}

#text-search::-webkit-input-placeholder {
  color: #767676;
}

#text-search::-moz-placeholder {
  color: #767676;
}

#text-search:-moz-placeholder {
  color: #767676;
}

#text-search:-ms-input-placeholder {
  color: #767676;
}

#text-search::-ms-input-placeholder {
  color: #767676;
}

@media print {
  .cs-question-container {
    background: none;
  }
  .cs-question-padding {
    padding: 0;
  }
}
/* This can be used to allow templates to provide both a JS and non-JS version 
   of a block.  By default show the JS version of everything then swap to the non-JS version via a noscript wrapped style block in main template */
.hide-when-no-js {
  display: block;
}

.show-when-no-js {
  display: none;
}

.truncate {
  overflow: hidden;
}
.truncate a:focus-visible {
  text-decoration: none;
  outline-offset: -1px;
  outline-width: 1px;
  outline-style: solid;
}

.twitter-typeahead .tt-menu {
  background-color: #fff;
  border: 1px solid #7D7D78;
  margin-top: 2px;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
}
.twitter-typeahead .tt-suggestion {
  padding: 5px;
  border-bottom: 1px solid #eee;
}
.twitter-typeahead .tt-suggestion:last-child {
  border-bottom: 0px;
}
.twitter-typeahead .tt-cursor {
  background-color: #66afe9;
  color: white;
}

#geo-text-entry .cs-question-container {
  padding-top: 1em;
  min-height: 550px;
  border: 1px solid #dbdbd9;
}

.cs-map-row-with-bottom-align-hack {
  position: relative;
}
.cs-map-row-with-bottom-align-hack > div:first-child {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cs-map-row-with-bottom-align-hack .cs-map-bottom-align-hack {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.cs-map-row-with-bottom-align-hack .cs-map-entry-mode-tabs {
  color: #000;
  font-size: 0.9em;
  margin-bottom: 10px;
}
.cs-map-row-with-bottom-align-hack .map-switcher {
  background: none;
  border: none;
  color: #0055CC;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cs-map-row-with-bottom-align-hack .map-switcher:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.1em;
  color: #004099;
}

.cs-map-instance {
  border: 1px solid #dbdbd9;
  box-sizing: border-box;
  background-color: #aaaaaa;
  position: relative;
}
.cs-map-instance .ol-touch .ol-control button {
  height: 39px;
  width: 39px;
}
.cs-map-instance .ol-zoom {
  top: 7px;
  left: auto;
  right: 7px;
}
.cs-map-instance .ol-zoom button {
  font-size: 16px;
}
.cs-map-instance .ol-control {
  background: none;
}
.cs-map-instance .ol-control:hover {
  background: none;
}
.cs-map-instance .ol-control button {
  background: rgba(50, 50, 50, 0.8);
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
  margin-bottom: 2px;
  border: 1px solid rgb(50, 50, 50);
  height: 29px;
  width: 29px;
  cursor: pointer;
}
.cs-map-instance .ol-control button:first-of-type {
  border-radius: 4px 4px 0 0;
}
.cs-map-instance .ol-control button:last-of-type {
  border-radius: 0 0 4px 4px;
}
.cs-map-instance .ol-control button:first-of-type:last-of-type {
  border-radius: 4px;
}
.cs-map-instance .ol-control button:hover {
  background: rgb(50, 50, 50);
  color: white;
}
.cs-map-instance .ol-control .postcode-input {
  width: 170px;
  height: 30px;
  vertical-align: middle;
  margin-right: 2px;
  border: 1px solid #ccc;
  padding-left: 5px;
}
.cs-map-instance .ol-control .postcode-button {
  font-size: 14px;
  display: inline;
  box-shadow: none;
  vertical-align: middle;
  margin: 0;
}
.cs-map-instance .ol-control .close-btn {
  position: absolute;
  top: 0.5em;
  right: 0.75em;
  color: black;
  text-decoration: none;
}
.cs-map-instance .ol-control .close-btn:hover {
  text-decoration: underline;
}
.cs-map-instance .ol-control .postcode-error {
  margin-bottom: 0;
  color: #900;
  font-size: 12px;
}
.cs-map-instance .ol-attribution {
  font-size: 12px;
  right: 7px;
  bottom: 6px;
}
.cs-map-instance .ol-attribution:hover:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
.cs-map-instance .ol-attribution:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 767.98px) {
  .cs-map-instance.has-edit-menu .ol-attribution {
    bottom: 55px;
  }
}
.cs-map-instance .cs-map-key {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 7px;
  width: 220px;
  max-width: 30%;
  max-height: 90%;
  overflow: auto;
  background: white;
  margin: 2px;
  cursor: default;
  padding: 5px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  font-size: 14px;
}
@media screen and (max-width: 479.98px) {
  .cs-map-instance .cs-map-key {
    width: auto;
    max-width: 100%;
    left: 10px;
    right: 50px;
  }
}
.cs-map-instance .cs-map-key .cs-map-key-title {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  font-size: 14px;
  margin: 0;
}
.cs-map-instance .cs-map-key .key-eye {
  cursor: pointer;
}
.cs-map-instance .cs-map-key button {
  float: right;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.cs-map-instance .cs-map-key button.cs-map-key-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
}
.cs-map-instance .cs-map-key ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.cs-map-instance .cs-map-key ul li {
  padding: 3px 0;
  position: relative;
}
.cs-map-instance .cs-map-key ul li .key-item {
  display: block;
  width: auto;
  padding: 3px 25px 3px 33px;
  line-height: 20px;
  margin-bottom: 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.cs-map-instance .cs-map-key ul li .key-item .key-icon {
  position: absolute;
  top: 0px;
  left: 0px;
}
.cs-map-instance .cs-map-key ul li input, .cs-map-instance .cs-map-key ul li .key-eye {
  font-size: 16px;
  position: absolute;
  right: 0;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  text-align: center;
}
.cs-map-instance .cs-map-key ul li input {
  opacity: 0;
}
.cs-map-instance .cs-map-key ul li input[type=checkbox]:focus + span {
  outline-offset: 2px;
  outline: 1px dotted #444;
  outline: 3px auto Highlight;
  outline: 3px auto -webkit-focus-ring-color;
}
.cs-map-instance .cs-map-key-button {
  top: 7px;
  left: 7px;
}
.cs-map-instance .cs-map-key-button button span {
  font-size: 16px;
}
@media screen and (max-width: 479.98px) {
  .cs-map-instance .cs-map-key-button {
    top: 146px;
    right: 7px;
    left: auto;
  }
  .cs-map-instance .ol-touch .cs-map-key-button {
    top: 186px;
    right: 7px;
    left: auto;
  }
}
.cs-map-instance .cs-map-toolbar-control {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(50, 50, 50, 0.8);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
  border: 1px solid rgb(50, 50, 50);
  position: absolute;
  border-radius: 4px;
  padding: 0;
}
@media (max-width: 767.98px) {
  .cs-map-instance .cs-map-toolbar-control {
    left: 10px;
    right: 10px;
    transform: none;
    text-align: center;
  }
}
.cs-map-instance .cs-map-toolbar-control button {
  width: auto;
  background: none;
  color: white;
  font-size: 16px;
  font-weight: normal;
  padding: 0.5em 1em;
  margin: 0px;
  border-width: 0px 1px 0px 0px;
  border-color: rgba(255, 255, 255, 0.5);
}
.cs-map-instance .cs-map-toolbar-control button:last-child {
  border: 0;
}
.cs-map-instance .cs-map-toolbar-control button:hover {
  background: rgb(50, 50, 50);
  color: white;
}
.cs-map-instance .cs-map-toolbar-control button:disabled {
  background: rgba(50, 50, 50, 0.5);
  color: #aaa;
}
@media (max-width: 767.98px) {
  .cs-map-instance .cs-map-toolbar-control button {
    padding: 10px 8px;
  }
}
.cs-map-instance .cs-map-toolbar-control label {
  display: inline-block;
  width: auto;
  color: white;
  font-size: 16px;
  font-weight: normal;
  padding: 0.5em 1em;
  margin: 0px;
  border-width: 0px 1px 0px 0px;
  border-color: rgba(255, 255, 255, 0.5);
}
.cs-map-instance .cs-map-toolbar-control select {
  color: black;
  padding: 0.25em;
  font-size: 16px;
  font-weight: normal;
  border: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  margin: 0px;
}
.cs-map-instance .cs-zoom-to-extent {
  top: 74px;
  right: 7px;
}
.cs-map-instance .cs-zoom-to-extent button span {
  font-size: 16px;
}
.cs-map-instance .ol-touch .cs-zoom-to-extent {
  top: 94px;
}
.cs-map-instance .ol-touch .cs-map-location-search-popup {
  top: 140px;
}
.cs-map-instance .ol-touch .cs-map-location-search-popup .location-search-popup input {
  height: 39px;
}
.cs-map-instance .cs-map-location-search-popup {
  top: 110px;
  right: 7px;
  background: none;
}
.cs-map-instance .cs-map-location-search-popup:hover {
  background: none;
}
.cs-map-instance .cs-map-location-search-popup .show-button {
  display: block;
  float: right;
}
.cs-map-instance .cs-map-location-search-popup .show-button span {
  font-size: 16px;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup {
  display: none;
  cursor: default;
  width: 310px;
  background: #efefef;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 0.5em;
  z-index: 10;
  position: absolute;
  right: 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  font-size: 16px;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup form {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  overflow: visible;
  flex-wrap: wrap;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup label {
  width: 100%;
  margin: 0 30px 5px 0;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup.visible {
  display: block;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup input.location-search-input {
  flex-grow: 1;
  width: auto;
  height: 29px;
  margin: 0px;
  padding: 0px 3px;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup .twitter-typeahead {
  flex-grow: 1;
  width: auto;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup .twitter-typeahead input {
  width: 100%;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup .location-search-button, .cs-map-instance .cs-map-location-search-popup .location-search-popup .use-my-location-button {
  font-size: 14px;
  box-shadow: none;
  margin: 0 0 0 0.5em;
  border-radius: 4px;
  flex-shrink: 0;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup .location-search-error {
  margin-bottom: 0;
  color: #900;
  font-size: 14px;
}
.cs-map-instance .cs-map-location-search-popup .location-search-popup .tt-suggestion {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cs-map-instance .ol-touch .cs-map-postcode-popup {
  top: 140px;
}
.cs-map-instance .ol-touch .cs-map-postcode-popup .postcode-popup input {
  height: 39px;
}
.cs-map-instance .cs-map-postcode-popup {
  top: 110px;
  right: 7px;
  background: none;
}
.cs-map-instance .cs-map-postcode-popup:hover {
  background: none;
}
.cs-map-instance .cs-map-postcode-popup .show-button {
  display: block;
  float: right;
}
.cs-map-instance .cs-map-postcode-popup .show-button span {
  font-size: 16px;
}
.cs-map-instance .cs-map-postcode-popup .postcode-popup {
  display: none;
  cursor: default;
  width: 250px;
  background: #efefef;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 0.5em 1em;
  z-index: 10;
  position: absolute;
  right: 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  font-size: 16px;
}
.cs-map-instance .cs-map-postcode-popup .postcode-popup.visible {
  display: block;
}
.cs-map-instance .cs-map-postcode-popup .postcode-popup label {
  display: inline;
}
.cs-map-instance .cs-map-guide-bubble {
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  background: none;
}
@media screen and (max-width: 479.98px) {
  .cs-map-instance .cs-map-guide-bubble {
    position: absolute;
    left: 10px;
    right: 50px;
    transform: none;
  }
}
.cs-map-instance .cs-map-guide-bubble:hover {
  background: none;
}
.cs-map-instance .cs-map-guide-bubble .bubble {
  display: none;
  position: relative;
  border: 1px solid #8fa2ab;
  color: black;
  font-size: 16px;
  border-radius: 4px;
  background: #bfe1e9;
  padding: 0.4em 1em;
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.cs-map-instance .cs-map-guide-bubble .bubble.visible {
  display: inline-block;
}
.cs-map-instance .cs-map-guide-bubble .bubble.status-complete {
  border: 1px solid rgb(58, 102, 10);
  color: rgb(58, 102, 10);
  background: rgb(211, 235, 185);
}
.cs-map-instance .cs-map-guide-bubble .bubble.status-complete .close-btn {
  color: rgb(58, 102, 10);
}
.cs-map-instance .cs-map-guide-bubble .bubble.status-error {
  border: 1px solid rgb(100, 30, 30);
  color: rgb(100, 30, 30);
  background: rgb(245, 201, 185);
}
.cs-map-instance .cs-map-guide-bubble .bubble.status-error .close-btn {
  color: rgb(100, 30, 30);
}
.cs-map-instance .cs-map-guide-bubble .bubble .close-btn {
  color: black;
  position: absolute;
  top: 6px;
  right: 12px;
  line-height: 16px;
}
.cs-map-instance .cs-map-guide-bubble .bubble .message {
  margin: 0 15px 0 0;
}
.cs-map-instance .cs-map-guide-bubble .bubble fieldset {
  margin: 0.5em;
}
.cs-map-instance .cs-map-tooltip {
  width: 250px;
  overflow: hidden;
  margin: 0;
  padding: 0.5em 0.75em;
  background-color: #FFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgb(167, 175, 178);
  font-size: 14px;
  line-height: var(--bs-body-line-height);
}
.cs-map-instance .cs-map-tooltip:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  border-top: 9px solid rgb(167, 175, 178);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  bottom: -8px;
  transform: translateX(-50%);
}
.cs-map-instance .cs-map-tooltip:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  border-top: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -6px;
  transform: translateX(-50%);
}
.cs-map-instance .cs-map-tooltip .content {
  display: block;
  margin-right: 10px;
}
.cs-map-instance .cs-map-tooltip .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  color: black;
  line-height: normal;
}
.cs-map-instance .cs-map-tooltip .properties-list {
  word-wrap: break-word;
  text-wrap: balance;
}
.cs-map-instance .cs-map-tooltip .properties-list h3 {
  margin: 0px 0px 0.5em;
  font-size: 1.5em;
  padding: 0;
  font-weight: normal;
}
.cs-map-instance .cs-map-tooltip .properties-list p {
  margin: 0px 0px 0.25em;
}
.cs-map-instance .cs-map-tooltip .properties-list .text-muted {
  color: #6a6a6a;
}
.cs-map-instance .cs-map-tooltip .properties-list .fa-external-link:before {
  content: "\f14d";
}
.cs-map-instance .cs-toggle-clustering {
  top: 146px;
  right: 7px;
}
.cs-map-instance .cs-toggle-clustering button span {
  font-size: 16px;
}
.cs-map-instance .ol-touch .cs-toggle-clustering {
  top: 232px;
}
.cs-map-instance .cs-map-error-overlay {
  width: 100%;
  padding: 20px;
  text-align: center;
  z-index: 20;
}
.cs-map-instance .cs-tooltip-overlay {
  cursor: default;
  z-index: -10;
}
.cs-map-instance .cs-tooltip-overlay.cs-tooltip-select-overlay {
  z-index: -5;
}
.cs-map-instance .cs-tooltip-overlay:hover {
  z-index: 1000;
}
.cs-map-instance .cs-tooltip-overlay .close-button {
  cursor: pointer;
}
.cs-map-instance .cs-tooltip-overlay a:hover {
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.15em;
}
.cs-map-instance[data-draw-state=draw] {
  cursor: crosshair;
}
.cs-map-instance[data-draw-state=hover], .cs-map-instance[data-tooltip-state=hover], .cs-map-instance[data-selectable-features-state=hover] {
  cursor: pointer;
}
.cs-map-instance[data-modify-hover-type=default] {
  cursor: crosshair;
}
.cs-map-instance[data-modify-hover-type=point] {
  cursor: pointer;
}

.dss-alert-long {
  padding: 15px;
}

.cs-constrain-overview-column-for-readability {
  max-width: 700px;
}

@media (min-width: 480px) {
  /* Delete one of the two options below, once we knoww whether it'll be left or right aligned */
  .navbar-right ul.cs-navbar-nav-list li {
    margin-left: 10px;
  }
  .navbar-right ul.cs-navbar-nav-list li a {
    padding-left: 10px;
  }
  .navbar-right ul.cs-navbar-nav-list li:first-child {
    border: none;
    margin-left: 0;
  }
  .navbar-right ul.cs-navbar-nav-list li:first-child a {
    padding-left: 0;
  }
  .navbar-left ul.cs-navbar-nav-list li {
    margin-right: 10px;
  }
  .navbar-left ul.cs-navbar-nav-list li a {
    padding-right: 10px;
  }
  .navbar-left ul.cs-navbar-nav-list li:last-child {
    border: none;
    margin-right: 0;
  }
  .navbar-left ul.cs-navbar-nav-list li:last-child a {
    padding-right: 0;
  }
}
.dlb-survey-question {
  border: none;
  font-size: 20px;
  line-height: 1.375;
  font-weight: 720;
  margin-bottom: 19px;
  color: #000000;
}

.clearfix.clearfix-margin-bottom {
  margin-bottom: 10px;
}

.container-fluid {
  max-width: 1170px;
}

.dss-easy-reading {
  font-size: 20px;
}

.cs-banner-container .cs-search-results-component-compact a:focus-visible,
.cs-banner-container .cs-banner-inner-semi-transparent a:focus-visible,
.cs-banner-container .cs-page-component:not(.cs-search-results-component-gallery2) .dss-card a:focus-visible {
  outline-color: #0055CC;
}

.form-control:focus, .form-select:focus {
  outline: solid 3px Highlight;
  outline: solid 3px -webkit-focus-ring-color;
  outline-offset: 2px;
  box-shadow: none;
}