@charset "UTF-8";

/* =========================================================
  map
========================================================= */

/* site layout
----------------------------------------------- */
#pageHeader {
  position: relative;
}

/* contentMapMarkers
----------------------------------------------- */
.contentMapMarkers #map_canvas {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 860/400;
  margin-bottom: 25px;
}

.contentMapMarkers table {
  width: 100%;
  border: 1px solid var(--mono-color-6);
  table-layout: auto;
}

.contentMapMarkers table th {
  padding: 8px;
  border: 1px solid var(--mono-color-6);
  background-color: var(--mono-color-2);
  color: var(--mono-color-9);
  font-weight: 400;
  text-align: center;
}

.contentMapMarkers table td {
  padding: 20px;
  border: 1px solid var(--mono-color-6);
  vertical-align: middle;
}

.contentMapMarkers table td.category,
.contentMapMarkers table td.image,
.contentMapMarkers table td.marker_link {
  padding: 20px 8px;
  text-align: center;
}

.contentMapMarkers table td.category span {
  display: inline-block;
}

.contentMapMarkers table td.image,
.contentMapMarkers table td.title_link {
  width: 30%;
}

.contentMapMarkers table td.marker_link {
  width: 12.5%;
  min-width: calc(3em + 16px);
}

@media only screen and (max-width: 534px) {
  .contentMapMarkers #map_canvas {
    aspect-ratio: 3/4;
  }

  .contentMapMarkers table {
    font-size: 0.875rem;
  }
}