/**
 * GOVERNMENT OPERATIONS PAGE — COLOR OVERRIDE
 * Scoped to body.page-government-transport only.
 * Swaps: black <-> white, gold (#89764b) -> #002b4e.
 *
 * This file is hand-maintained — it has manual edits beyond what
 * bin/build-gov-ops-override.js produces. Do NOT run that script again;
 * it will overwrite everything below. Edit this file directly instead.
 */

body.page-government-transport .carousel {
  background-color: #ffffff;
}

body.page-government-transport .carousel h3 {
  color: #000000;
}

body.page-government-transport .carousel .slider .slick-list .slick-track .slide p {
  color: #000000;
}

body.page-government-transport .carousel .arrows span {
  border: 2px solid #002b4e;
}

body.page-government-transport .events-overview {
  background-color: #ffffff;
}

body.page-government-transport .events-overview .info-area .text h2 {
  color: #000000;
}

body.page-government-transport .events-overview .info-area .text h4 {
  color: #000000;
}

body.page-government-transport .events-overview .info-area .text .cat h5 {
  color: #002b4e;
}

body.page-government-transport .events-overview .info-area .text .cat .line {
  border-top: 2px solid #002b4e;
}

body.page-government-transport .hero-home {
  background-color: #ffffff;
}

body.page-government-transport .hero-home .main .play-btn {
  color: #000000;
}

body.page-government-transport .hero-home .main .play-btn p {
  color: #000000;
}

body.page-government-transport .hero-home .sub {
  background-color: #ffffff;
}

body.page-government-transport .hero-home .sub h2 {
  color: #002b4e;
}

body.page-government-transport .hero-home .sub p {
  color: #002b4e;
}

body.page-government-transport .hero-home .sub .line {
  background-color: #002b4e;
}

body.page-government-transport .hero-page {
  background-color: #ffffff;
}

body.page-government-transport .hero-page .main .ctas {
  color: #000000;
}

body.page-government-transport .hero-page .main .ctas .play-btn,
body.page-government-transport .hero-page .main .ctas .download-btn {
  color: #000000;
}

body.page-government-transport .hero-page .main .ctas .play-btn p,
body.page-government-transport .hero-page .main .ctas .download-btn p {
  color: #000000;
}

body.page-government-transport .hero-page .sub {
  background-color: #ffffff;
}

body.page-government-transport .hero-page .sub h2 {
  color: #002b4e;
}

body.page-government-transport .hero-page .sub p {
  color: #000000;
}

body.page-government-transport .hero-page .sub .line {
  background-color: #002b4e;
}

/* darker overlay on top of the hero video/image, sitting inside .bg (z-index:0)
   so it stays below .wrap/.ctas (z-index:1) and doesn't cover the headline/CTAs */
body.page-government-transport .hero-page .main .bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #151b17;
  opacity: 0.35;
  z-index: 1;
}

body.page-government-transport .image-callout .wrap .link-w-arrow span,
body.page-government-transport .image-callout-right .wrap .link-w-arrow span,
body.page-government-transport .image-callout-left .wrap .link-w-arrow span {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

/* image-w-text's CTA arrow (src/icons/cta-arrow.svg) is embedded inline via
file_get_contents(), not a background-image — CSS *can* reach its stroke
here (unlike the carousel arrow above), so no separate asset is needed. */
body.page-government-transport .image-callout .wrap .link-w-arrow svg line,
body.page-government-transport .image-callout .wrap .link-w-arrow svg path,
body.page-government-transport .image-callout-right .wrap .link-w-arrow svg line,
body.page-government-transport .image-callout-right .wrap .link-w-arrow svg path,
body.page-government-transport .image-callout-left .wrap .link-w-arrow svg line,
body.page-government-transport .image-callout-left .wrap .link-w-arrow svg path  {
  stroke: #ffffff;
}

body.page-government-transport .image-side-by-side-cta .wrap .block {
  background-color: rgba()
}
   
body.page-government-transport .image-callout-right .image img {
  box-shadow: -19px 1px 50px 20px rgba(255, 255, 255, 0.2);
}

body.page-government-transport .image-side-by-side-cta {
  background-color: #ffffff;
}

body.page-government-transport .image-side-by-side-cta .wrap .block {
  background-color: #002b4e;
  border-bottom: 2px solid #002b4e;
}

body.page-government-transport .image-side-by-side-cta .wrap .block .text h3 {
  color: #ffffff;
}

body.page-government-transport .image-side-by-side-cta .wrap .link-w-arrow span {
  border-bottom: 1px solid #ffffff;
}

body.page-government-transport .image-side-by-side-cta .wrap .link-w-arrow svg line,
body.page-government-transport .image-side-by-side-cta .wrap .link-w-arrow svg path  {
  stroke: #ffffff;
}

body.page-government-transport .wysiwyg {
  padding-top: 50px;
  background-color: #000000;
}

body.page-government-transport .image-single {
  background-color: #ffffff;
}

body.page-government-transport .image-w-text-center-full .cat {
  background-color: #ffffff;
}

body.page-government-transport .image-w-text-center-full .cat span {
  color: #ffffff;
}

/* body.page-government-transport .image-w-text-center-full {
  background-color: #ffffff;
}

body.page-government-transport .image-w-text-center-full .cat {
  background-color: #002b4e;
}

body.page-government-transport .image-w-text-center-full .cat span {
  color: #002b4e;
  text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.4);
}

body.page-government-transport .image-w-text-center-full .text h2 {
  color: #000000;
  text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.4);
}

body.page-government-transport .image-w-text-center-full .text h4 {
  color: #000000;
  text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.4);
} */

body.page-government-transport .image-w-text,
body.page-government-transport .image-w-text-right,
body.page-government-transport .image-w-text-left {
  background-color: #ffffff;
}

body.page-government-transport .image-w-text .text h2,
body.page-government-transport .image-w-text-right .text h2,
body.page-government-transport .image-w-text-left .text h2 {
  color: #000000;
}

body.page-government-transport .image-w-text .text h4,
body.page-government-transport .image-w-text-right .text h4,
body.page-government-transport .image-w-text-left .text h4 {
  color: #000000;
}

body.page-government-transport .image-w-text .text .cat,
body.page-government-transport .image-w-text-right .text .cat,
body.page-government-transport .image-w-text-left .text .cat {
  color: #002b4e;
}

body.page-government-transport .image-w-text .text .cat .line,
body.page-government-transport .image-w-text-right .text .cat .line,
body.page-government-transport .image-w-text-left .text .cat .line {
  border-top: 2px solid #002b4e;
}

body.page-government-transport .image-w-text-right .text .cat .line {
  border-top: 2px solid #002b4e;
}

body.page-government-transport .image-w-text .text .link-w-arrow span,
body.page-government-transport .image-w-text-right .link-w-arrow span,
body.page-government-transport .image-w-text-left .link-w-arrow span {
  color: #000000;
  border-bottom: 1px solid #002b4e;
}

body.page-government-transport #world-map {
  background-color: #ffffff;
}


body.page-government-transport #world-map .top h3,
body.page-government-transport #world-map .top p {
  color: #000000;
}

body.page-government-transport #world-map .map-container {
  margin: 64px 0 56px 0;
}

body.page-government-transport #world-map .footnote span {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

body.page-government-transport #world-map .footnote p {
  color: rgba(0, 0, 0, 0.6);
}

body.page-government-transport #world-map .departure {
  top: 0;
}

body.page-government-transport #world-map .departure .range-switcher .selected {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #002b4e;
}    
       

body.page-government-transport #world-map .departure .range-switcher .city {
  background-color: #ffffff;
  color: #000000;
}

body.page-government-transport #world-map .departure .range-switcher-expanded .select-one {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #002b4e;
}

body.page-government-transport #world-map .departure .range-switcher-expanded .select-one .down-arrow {
  border: solid #002b4e;
  border-width: 0 1px 1px 0;
  transform: rotate(225deg);
  top:20px;
}


body.page-government-transport #world-map .departure .range-switcher-expanded .city {
  border: 1px solid #002b4e;
  border-bottom: none;
}

body.page-government-transport #world-map .departure .range-switcher-expanded .city:last-child {
  border-bottom: 1px solid #002b4e !important;
}

body.page-government-transport #world-map .departure .range-switcher .city .down-arrow {
  border: solid #002b4e;
  border-width: 0 1px 1px 0
}

body.page-government-transport .caption-carousel {
  background-color: #ffffff;
}

body.page-government-transport .nav-callout {
  background-color: #ffffff;
}

body.page-government-transport .nav-callout .bar {
  background-color: #ffffff;
}

body.page-government-transport .nav-callout .bar h2 {
  color: #000000;
}

body.page-government-transport .nav-callout .bar h2 span {
  color: #000000;
}

body.page-government-transport .nav-callout .bar .cta {
  background: #ffffff;
  background: -moz-linear-gradient(0deg, #ffffff 0%, transparent 100%);
  background: -webkit-linear-gradient(0deg, #ffffff 0%, transparent 100%);
  background: linear-gradient(0deg, #ffffff 0%, transparent 100%);
}

body.page-government-transport .nav-callout .bar .cta span {
  color: #000000;
  border-bottom: 1px solid #002b4e;
}

body.page-government-transport .nav-callout .bar .cta span svg line {
  stroke: #002b4e;
}

body.page-government-transport .nav-callout .bar .cta span svg path {
  stroke: #002b4e;
}

body.page-government-transport .nav-callout .bar:hover h2:before {
  background-color: #000000;
}

body.page-government-transport .nav-callout .bar:hover .cta span {
  border-bottom: 1px solid #000000;
}

body.page-government-transport .nav-callout .bar:hover .cta span svg line {
  stroke: #000000;
}

body.page-government-transport .nav-callout .bar:hover .cta span svg path {
  stroke: #000000;
}

body.page-government-transport .news-overview {
  background-color: #ffffff;
}

body.page-government-transport .news-overview .wrap .title span h2 {
  color: #000000;
}

body.page-government-transport .news-overview .wrap .title span h4 {
  color: #000000;
}

body.page-government-transport .news-overview .wrap .posts article h5 {
  color: #000000;
}

body.page-government-transport .news-overview .wrap .posts article a {
  color: #002b4e;
}

body.page-government-transport .news-overview .wrap .posts article a:hover {
  color: #000000;
}

body.page-government-transport .stats-callout {
  background-color: #ffffff;
}

body.page-government-transport .stats-callout .wrap .stat h1 {
  color: #002b4e;
}

body.page-government-transport .stats-callout .wrap .stat h4 {
  color: #000000;
}

body.page-government-transport .stats-callout .wrap .stat hr {
  border-bottom: 1px solid #002b4e;
}

body.page-government-transport .stats-callout .wrap .stat p {
  color: #000000;
}

body.page-government-transport .text-callout {
  background-color: #ffffff;
}

body.page-government-transport .text-callout .wrap h2 {
  color: #000000;
  color: #002b4e;
}

body.page-government-transport .text-callout .wrap span {
  background-color: #002b4e;
}

body.page-government-transport .wysiwyg .wrap a {
  color: #002b4e;
}

body.page-government-transport .wysiwyg .wrap blockquote p {
  color: #002b4e;
}

body.page-government-transport .wysiwyg .wrap ul li,
body.page-government-transport .wysiwyg .wrap ol li {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  body.page-government-transport .nav-callout .bar .cta span {
    border-bottom: 2px solid #002b4e;
  }
}

@media screen and (max-width: 1024px) {
  body.page-government-transport .nav-callout .bar:hover .cta span {
    border-bottom: 2px solid #000000;
  }
}

@media screen and (max-width: 850px) {
  body.page-government-transport #world-map .map-container .choose-model {
    color: #000000;
    background-color: #ffffff;
  }
}


/* --- manual overrides (asset-based colors the automatic swap can't reach) --- */

/* <body> itself isn't part of any ACF block, so it's never touched by the
   automatic swap — set explicitly so no gap between/around blocks ever shows
   the site's normal black page background through on this page. */
body.page-government-transport {
  background-color: #ffffff;
}

body.page-government-transport .carousel .arrows span {
  background-image: url(../src/icons/carrot-navy.svg);
}

/* image-w-text's CTA arrow (src/icons/cta-arrow.svg) is embedded inline via
   file_get_contents(), not a background-image — CSS *can* reach its stroke
   here (unlike the carousel arrow above), so no separate asset is needed. */
body.page-government-transport .image-w-text-left .link-w-arrow svg line,
body.page-government-transport .image-w-text-left .link-w-arrow svg path,
body.page-government-transport .image-w-text-right .link-w-arrow svg line,
body.page-government-transport .image-w-text-right .link-w-arrow svg path {
  stroke: #002b4e;
}