@charset "UTF-8";
/*

Theme Name: International Driving Permit - IDP

Author: Dovetail Consultancy
Author URI: https://dovetail-consultancy.com

Version: 4.0

*/

/*
One Click Accessibility 

Extras Fixes for (modes):

- General
- High Contrast
- Grayscale
*/

#pojo-a11y-skip-content {
  display: none;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right,
#pojo-a11y-toolbar .pojo-a11y-toolbar-right .pojo-a11y-toolbar-open {
  z-index: 10005;
}

.pojo-a11y-toolbar-text {
  font-size: 1.6rem;
  font-weight: 500;
}

html body.pojo-a11y-high-contrast a {
  background-color: transparent !important;
}

body.pojo-a11y-high-contrast input::placeholder,
body.pojo-a11y-high-contrast input:focus::-webkit-input-placeholder,
body.pojo-a11y-high-contrast input:hover::-webkit-input-placeholder {
  color: #fff;
}

body.pojo-a11y-high-contrast .OverlayMap,
body.pojo-a11y-high-contrast .SearchBar .Icon.SearchIcon,
body.pojo-a11y-high-contrast .Controls {
  background: transparent !important;
}

html body.pojo-a11y-high-contrast div.SelectedCountryInfoInner,
html body.pojo-a11y-high-contrast .SelectedCountryInfoInner > .Header,
html
  body.pojo-a11y-high-contrast
  .SectionTripPlannerMapMap
  .OverlayMap
  .SelectedCountryInfo {
  background-color: #000 !important;
}

html body.pojo-a11y-high-contrast svg.CountryMapSVG {
  background-color: #0080ff !important;
}

.BaseButton--default.fullWidthSpaceBetween
  .BaseButtonStaticLabel
  .BaseButtonLabel {
  font-weight: 600;
}

body.pojo-a11y-high-contrast .CountryEntry .CountryEntrySVG:hover {
  fill: #40c090 !important;
}

body.pojo-a11y-high-contrast #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg,
body.pojo-a11y-high-contrast .CountryEntry.selected .CountryEntrySVG {
  fill: #00ffff !important;
}

body.pojo-a11y-high-contrast .CountryEntry .CountryEntrySVG path {
  stroke-width: -0.75px;
  stroke: #00ffff;
}

body.pojo-a11y-grayscale .SectionTripPlannerMapMap .CountryMapSVG,
body.pojo-a11y-high-contrast .SectionTripPlannerMapMap .CountryMapSVG {
  max-height: 75vh !important;
}

body.pojo-a11y-high-contrast .CountryNames {
  color: red !important;
}

body.pojo-a11y-high-contrast .CountryEntrySVGText {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  fill: black !important;
  fill-opacity: 1;
  font-weight: 600;
  background: #00ffff !important;
}
html
  body.pojo-a11y-high-contrast
  .BaseButton--default.fullWidthSpaceBetween
  .BaseButtonStaticLabel
  .BaseIconWrapper
  svg {
  background-color: #400000 !important;
  fill: #0080ff !important;
}

body.pojo-a11y-high-contrast .video-btn svg {
  background-color: #0080ff !important;
  display: block;
}

html body.pojo-a11y-high-contrast a.button,
html body.pojo-a11y-high-contrast a:hover svg,
html body.pojo-a11y-high-contrast .BaseButton--default.fullWidthSpaceBetween *,
body.pojo-a11y-high-contrast .caption p:hover,
body.pojo-a11y-high-contrast .side-content__item-wrapper:hover,
body.pojo-a11y-high-contrast .side-content__item a:hover .caption p,
body.pojo-a11y-high-contrast .side-content__item-wrapper:hover .wysiwyg-content,
body.pojo-a11y-high-contrast .side-content__item-wrapper:hover #title > p {
  background-color: #400000 !important;
}

body.pojo-a11y-high-contrast ._hj-widget-container {
  display: none;
}

body.pojo-a11y-high-contrast .BaseButtonInner {
  background-color: transparent !important;
}

body.pojo-a11y-high-contrast .play svg,
body.pojo-a11y-high-contrast #icon-youtube {
  color: yellow !important;
}

body.pojo-a11y-high-contrast .swiper-pagination .swiper-pagination-bullet {
  background-color: yellow !important;
  opacity: 1 !important;
}

body.pojo-a11y-high-contrast
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #00d1c7 !important;
}

/* IDP */

body.pojo-a11y-high-contrast {
  background-color: black !important;
}

body.pojo-a11y-high-contrast .home-hero-section:before {
  background: none !important;
}

body.pojo-a11y-high-contrast .button_cta:nth-of-type(1):before {
  background: black !important;
}
body.pojo-a11y-high-contrast .button_cta:nth-of-type(1):hover:before {
  background: yellow !important;
}

body.pojo-a11y-high-contrast .home-hero-section__cta {
  overflow: hidden !important;
}

body.pojo-a11y-high-contrast .footer__social a svg {
  fill: white !important;
}

body.pojo-a11y-high-contrast .button_cta:before {
  transform: none !important;
}

body.pojo-a11y-high-contrast .section-cta__text:after {
  background-image: linear-gradient(
    to right bottom,
    transparent 49%,
    hsl(0, 0%, 0%) 50%
  );
}