/* * * * * * * * *
* Theme Colours 
* * * * * * * * */
/* * * * * * * * * 
* Accessibility 
* * * * * * * * */
/* * * * * * * * * 
* Theme Colours 
* * * * * * * * */
@font-face {
  font-family: 'SFProDisplay';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/themes/portal-theme-2/fonts/SFProDisplay/SFProDisplay-regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'SFProDisplay';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/themes/portal-theme-2/fonts/SFProDisplay/SFProDisplay-SemiBold.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'SFProDisplay';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/themes/portal-theme-2/fonts/SFProDisplay/SFProDisplay-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/themes/portal-theme-2/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype') /* Safari, Android, iOS */;
}
.card-highlight {
  border: 2px solid var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 0 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
}
.focusable:focus-visible {
  outline: 3px solid transparent !important;
  background: var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 -2px var(--accessibility-bg-color, #8effda), 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
  color: var(--accessibility-text-color, #000000) !important;
}
.focusable:focus-visible:before {
  border-color: var(--accessibility-text-color, #000000) !important;
}
.focusable.nomad_button:focus-visible,
.focusable.button:focus-visible,
.focusable.nomad-button:focus-visible,
.focusable.button-style:focus-visible {
  outline: 3px solid transparent !important;
  background: var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 0 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
  color: var(--accessibility-text-color, #000000) !important;
}
a:focus-visible {
  outline: 3px solid transparent !important;
  background: var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 -2px var(--accessibility-bg-color, #8effda), 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
  color: var(--accessibility-text-color, #000000) !important;
}
a:focus-visible:before {
  border-color: var(--accessibility-text-color, #000000) !important;
}
a.nomad_button:focus-visible,
a.button:focus-visible,
a.nomad-button:focus-visible,
a.button-style:focus-visible {
  outline: 3px solid transparent !important;
  background: var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 0 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
  color: var(--accessibility-text-color, #000000) !important;
}
.video-js *:focus-visible {
  outline: 2px solid var(--accessibility-bg-color, #8effda) !important;
}
.text-body {
  color: #444758 !important;
}
.force-text-white {
  color: white !important;
}
.force-text-white * {
  color: white !important;
}
.mapPin svg {
  transition: 0.2s;
}
.mapPin.active {
  border-radius: 999px;
  border: 2px solid var(--main-color, #d9024c);
  background-color: #fff;
}
.mapPin.active svg {
  transform: scale(0.8);
}
.mapPin .circle {
  stroke: var(--main-color, #d9024c);
}
.mapPin .pin {
  fill: var(--main-color, #d9024c);
}
.mmap .leaflet-control {
  box-shadow: 0 2px 10px 0 #777 !important;
  border-radius: 0;
}
.mmap .leaflet-control .autofocus_image {
  width: 30px;
  cursor: pointer;
  padding: 5px;
  background: white;
  margin-right: 2px;
  opacity: 0.8;
}
.mmap .leaflet-control .autofocus_image.active {
  opacity: 1;
}
.mmap .leaflet-control button {
  border-radius: 0 !important;
}
.mmap .leaflet-marker-icon {
  padding: 1px;
}
.mmap .leaflet-top,
.mmap .leaflet-bottom {
  z-index: 900 !important;
}
.mmap .leaflet-pane.leaflet-popup-pane .train_marker .leaflet-popup-content {
  font-family: Montserrat, SFProDisplay, sans-serif;
  letter-spacing: 1px;
  font-size: 12px;
}
.mmap .leaflet-pane.leaflet-popup-pane .train_marker .leaflet-popup-content span {
  font-weight: bold;
}
.mmap .easy-button-button:focus-visible {
  outline: 3px solid transparent !important;
  background: var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 -2px var(--accessibility-bg-color, #8effda), 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
  color: var(--accessibility-text-color, #000000) !important;
}
.mmap .easy-button-button:focus-visible:before {
  border-color: var(--accessibility-text-color, #000000) !important;
}
.mmap .easy-button-button.nomad_button:focus-visible,
.mmap .easy-button-button.button:focus-visible,
.mmap .easy-button-button.nomad-button:focus-visible,
.mmap .easy-button-button.button-style:focus-visible {
  outline: 3px solid transparent !important;
  background: var(--accessibility-bg-color, #8effda) !important;
  box-shadow: 0 0 0 4px var(--accessibility-highlight-color, #1c2d69) !important;
  color: var(--accessibility-text-color, #000000) !important;
}
.mmap_ce_wrapper {
  position: relative;
  overflow: hidden;
}