@charset "UTF-8";
/* =========================================================================
   Data-pages map + gov-table + select dropdown — extracted from
   css/style-black.css 2026-04-25 (Pass 2 follow-up).

   Foundation styling for the map widgets shown on /demolitions,
   /settlerattacks, and other data pages: .mapContainer, .govTable,
   .transSelect (the year/category dropdown above the map), .mapAreaHead.

   Map-instance-specific overrides (.mapDemContainer .* and
   .mapAttContainer .* nested rules) still live in style-black.css.
   Cascade is preserved because instance overrides have higher specificity
   (compound selector .mapDemContainer .govTable beats bare .govTable),
   so loading order between style-black.css and data-maps.css doesn't
   matter for those rules.
   ========================================================================= */

.mapContainer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin: auto;
}
div#maptable {
    padding: 15px 0 0;
    /* Inline-start padding: 20px on the leading edge — left in LTR, right in RTL. */
    padding-inline-start: 20px;
    text-align: center;
}





.govLabels div {
    color: #ffd589;
    font-size: 7px;
    margin-top: -5px;
    background: rgb(33 48 34 / 50%);
    display: inline-block;
    border-radius: 5px;
    padding: 0 3px;
}

div#mapObDiv {
    min-width: 50%;
    min-height: 600px;
}
.govTable tbody
{
  width:100%;
}

.govTable th {
  font-weight: 400;
  background: #8a97a0;
  font-weight: bold;
  color: #FFF;
  height: 35px;
}

.govTable tr {
  background: #f4f7f8;
  border-bottom: 1px solid #FFF;
  margin-bottom: 5px;
}

.govTable tr:nth-child(even) {
  background: #e8eeef;
}

.govTable tr:nth-child(odd) {
  background: #bdc4cc;
}
.govTable th, .govTbl td {
  padding: 1px 5px;
  width:50%;
  text-align: center;
}

.govTable tfoot tr {
  background: none;
}

.govTable tfoot td {
  padding: 10px 2px;
  font-size: 0.8em;
  font-style: italic;
  color: #8a97a0;
}

.transSelect {
  border: 0;
  outline: 0;
  font: inherit;
  /* Personalize */
  height: 40px;
  margin-inline-start:10px;
  margin-top: 5px;
  padding: 0 10px;
  color: inherit;
  border-radius: 0.25em;
  cursor: pointer;
  background: transparent;
  border:1px solid #d0d6de;
  display:inline-block;
}
.transSelect  option {
  color: #fff;
  background-color: #7c8989;
}
.transSelect :focus {
  outline: none;
}
.transSelect ::-ms-expand {
  display: none;
}
.mapAreaHead {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    background: #394645;
    padding: 10px 20px;
    width: fit-content;
    color: #FFF;
    border-radius: 6px;
    text-align: center;
    margin: auto;
}

/* Default bar-chart height for all pages using infoGraphMapjs (used to be
   set inline at chart-creation time; moved here so per-page overrides can
   win without !important). */
.barChart { min-height: 280px; }
/* Settler attacks bar charts — independent heights per chart. */
.mapAttContainer #barChart_1 { min-height: 200px; }
.mapAttContainer #barChart_2 { min-height: 230px; }