/* KingKalli staging: lazy OpenStreetMap venue maps for events and venues. */

.kk-venue-map {
  background: none;
  border: 0;
  border-top: 1px solid #d9d9d2;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  clear: both;
  color: #141827;
  display: flex;
  float: none;
  flex: 0 0 100%;
  font-family: "GloberSemiBold", Arial, sans-serif;
  font-size: 14px;
  grid-column: 1 / -1;
  letter-spacing: -0.048px;
  line-height: 21px;
  margin: 30px -15px;
  max-width: 100%;
  overflow: visible;
  padding: 0;
  width: auto;
}

.kk-venue-map__content {
  box-sizing: border-box;
  flex: 1 0 140px;
  margin: 0 24px 0 15px;
  padding: 32px 0 0;
  width: auto;
}

.tribe-events-single-section .kk-venue-map,
.tribe-events-event-meta .kk-venue-map,
.tribe-events-pro-venue__meta .kk-venue-map,
body.single-tribe_venue .kk-venue-map {
  clear: both !important;
  display: block !important;
  float: none !important;
  flex-basis: 100% !important;
  grid-column: 1 / -1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.kk-venue-map__title {
  color: #141827 !important;
  font-family: "GloberxBold", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
  line-height: 22px !important;
  margin: 0 0 8px !important;
  padding: 10px 0 0 !important;
  text-transform: uppercase !important;
}

.entry-content .kk-venue-map__title {
  font-size: 20px !important;
  line-height: 22px !important;
  margin: 0 0 8px !important;
  padding: 10px 0 0 !important;
}

.kk-venue-map__venue {
  color: #141827;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 12px;
}

.kk-venue-map__label,
.kk-venue-map__value,
.kk-venue-map__venue strong,
.kk-venue-map__venue .kk-venue-map__value span {
  display: block;
}

.kk-venue-map__label,
.kk-venue-map__venue strong {
  color: #141827;
  font-family: "GloberxBold", Arial, sans-serif;
  font-weight: normal;
}

.kk-venue-map__canvas {
  background: #dedccf;
  border-radius: 8px;
  height: 220px;
  margin: 0 0 12px;
  overflow: hidden;
  width: 100%;
}

.kk-venue-map__canvas[hidden] {
  display: none;
}

.kk-venue-map__load {
  background: rgba(158, 61, 37, 0.88);
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "GloberxBold", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 16px;
  transition: background-color 160ms ease, transform 160ms ease;
}

.kk-venue-map__load:focus,
.kk-venue-map__load:hover {
  background: rgba(158, 61, 37, 1);
  transform: translateY(-1px);
}

.kk-venue-map__load[hidden],
.kk-venue-map[data-map-loaded="1"] .kk-venue-map__load,
body.single-tribe_venue .kk-venue-map .kk-venue-map__load[hidden] {
  display: none !important;
}

.kk-venue-map__error {
  color: #615d50;
  font-size: 13px;
  line-height: 1.4;
  margin: 8px 0 0;
}

.kk-venue-map__error {
  color: #9e3d25;
}

.kk-venue-map__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.kk-venue-map__links a {
  background: #ffffff;
  border: 1px solid rgba(94, 88, 70, 0.2);
  border-radius: 7px;
  color: #9e3d25;
  display: inline-block;
  font-family: "GloberxBold", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  padding: 8px 11px;
  text-decoration: none;
}

.kk-venue-map__links a:focus,
.kk-venue-map__links a:hover {
  border-color: rgba(158, 61, 37, 0.45);
  color: #cc4a00;
  text-decoration: none;
}

.kk-venue-map .leaflet-container {
  font-family: "GloberSemiBold", Arial, sans-serif;
}

.kk-venue-map .leaflet-control-attribution {
  font-size: 10px;
}

body.single-tribe_venue .kk-venue-map {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #d9d9d2 !important;
  color: #141827 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  margin: 30px -15px !important;
}

body.single-tribe_venue .kk-venue-map .kk-venue-map__content {
  background: transparent !important;
  margin: 0 24px 0 15px !important;
  padding: 32px 0 0 !important;
}

body.single-tribe_venue .kk-venue-map .kk-venue-map__title {
  color: #141827 !important;
  font-family: "GloberxBold", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
  line-height: 22px !important;
  margin: 0 0 8px !important;
  padding: 10px 0 0 !important;
  text-transform: uppercase !important;
}

body.single-tribe_venue .kk-venue-map .kk-venue-map__venue {
  margin: 0 0 12px !important;
}

body.single-tribe_venue .kk-venue-map .kk-venue-map__links {
  margin-top: 14px !important;
}

body.single-tribe_venue .kk-venue-map .kk-venue-map__load {
  background: rgba(158, 61, 37, 0.88) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: "GloberxBold", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 10px 16px !important;
}

body.single-tribe_venue .kk-venue-map .kk-venue-map__load:focus,
body.single-tribe_venue .kk-venue-map .kk-venue-map__load:hover {
  background: rgba(158, 61, 37, 1) !important;
}

@media (max-width: 700px) {
  .kk-venue-map {
    margin: 24px -15px;
  }

  .kk-venue-map__content {
    padding: 24px 0 0;
  }

  body.single-tribe_venue .kk-venue-map .kk-venue-map__content {
    padding: 24px 0 0 !important;
  }

  .kk-venue-map__canvas {
    height: 190px;
  }

  .kk-venue-map__links {
    display: block;
  }

  .kk-venue-map__links a {
    display: block;
    margin-top: 8px;
    text-align: center;
  }
}