/* Css vars */
:root {
  --xplora-container-width: 1440px;
  --xplora-c-red: #f45a5a;
  --xplora-c-blue: #f45a5a;
  --xplora-c-grey: #616161;
  --xplora-c-brown: #faf6f0;
  --header-breakpoint: 968px;
  --xplora-redesign-medium-width: 1100px;
  --xplora-redesign-full-width: 1440px;
  --xplora-redesign-no-width: none;
  --avenirDefault: "AvenirLTPro-Roman";
  --avenirBlack: "AvenirLTPro-Black";
  --avenirHeavy: "AvenirLTPro-Heavy";
  --avenirMedium: "AvenirLTPro-Medium";
  --border-radius: 40px;
}

/* Utility */
.logged-in .header-2022 {
  top: 32px;
}
/* Buttons */

.button.button--transparent.button--black {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 22px;
  font-family: var(--avenirDefault, sans-serif);
  text-transform: none;
}
.button.button--transparent.button--black:hover,
.button.button--transparent.button--black:active,
.button.button--transparent.button--black:focus {
  background-color: #fff;
  color: #000;
}
.button--pill.button--pill {
  text-transform: capitalize !important;
  border: none !important;
  border-radius: 52px !important;
  padding: 8px 42px !important;
  font-size: 16px !important;
}

.button--red.button--red {
  background-color: var(--xplora-c-red) !important;
  color: #fff !important;
  border: 2px solid var(--xplora-c-red) !important;
}

.button--red.button--red:hover {
  opacity: 0.6;
  background-color: var(--xplora-c-red) !important;
  border: 2px solid var(--xplora-c-red) !important;
}
.button--rounded.button--rounded {
  border-radius: var(--border-radius);
}

/* Make embeded videos responsive */
.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
  width: 100% !important;
  height: 100% !important;
}
.mejs-container {
  padding-top: 56.25%;
}
.wp-video,
video.wp-video-shortcode {
  max-width: 100% !important;
}
video.wp-video-shortcode {
  position: relative;
}
.mejs-mediaelement {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mejs-controls {
  display: none;
}
.mejs-overlay-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}

/* Fix overpapp of minicart */
#mini-cart .mini-cart-wrapper {
  z-index: 999999999 !important;
}

/* Helpers */
.max-w-80 {
  max-width: 80px;
}
.max-w-100 {
  max-width: 100px;
}
.max-w-120 {
  max-width: 120px;
}