@charset "UTF-8";

#map { position:absolute; top:0; bottom:0; width:100%; }

.map-legends.wax-legends { background:rgba(255,255,255,0.85); }
.mapboxgl-ctrl.mapboxgl-ctrl-attrib { 
  background-color:rgba(255, 255, 255, 0.05);
  color:rgba(140,140,140,0.55);
  }
.mapboxgl-ctrl-attrib a {
    color:rgba(140,140,140,0.55);
  }
.mapboxgl-ctrl-bottom-left { display:none; }
.geocoder { display:none; }
.ui-brush {
  background:rgba(35,35,35,0.8);
  position:fixed;
  bottom:0px;right:234px;left:0;
  border-radius:0 5px 0 0;
  padding:5px 5px 2px 5px;
  height:50px;
  overflow-x:hidden;
  overflow-y:hidden;
  color:#ccc;
  text-align:center;
  font-size:15px;
  font-family:Georgia,Garamond,'Times New Roman',Times,Arial,sans-serif;
  }
.ui-brush.es { height:65px; }
.swap-in-mobile { display:none; }
.swap-out-mobile { display:inline; }
.swap-in { display:none; }
.swap-out { display:inline; }

#logo.hide { display:none; }
#logo a { margin-left: 1px; }

#densityGradient {
  position:absolute;
  top:auto;
  left:auto;
  bottom:3px;
  right:17%;
  border:1px solid rgba(25,25,25,0.9);
  vertical-align:middle;
  line-height:14px;
}

.ui-legend-container {
    background:rgba(25,25,25,0.9);
    position:fixed;
    top:auto;
    bottom:0px;
    height:50px;
    border-radius:5px 0 0 0;
    padding:5px 5px 2px 5px;
    z-index:3;
  }
.ui-legend-container2 {
    background:rgba(25,25,25,0.9);
    position:fixed;
    top:auto;left:auto;
    bottom:0px;right:123px;
    height:50px;
    border-radius:5px 5px 0 0;
    padding:5px 5px 2px 5px;
    z-index:3;
  }
.ui-legend-container.es, .ui-legend-container2.es { height:65px; }

.ui-header {
  right:auto; left:0; top:0;
  background:rgba(0,0,0,0);
  border-radius:0 5px 5px 0;
  padding-right:38px;
  color:#181818;
  font-size:12px;
  font-family:Georgia,Garamond,'Times New Roman',Times,Arial,sans-serif;
  z-index:2;
  width:100%;
  }
  .ui-header.highlite,
  .ui-header.enabled {
    background:rgba(0,0,0,0.75);
  }
  .ui-header.disabled { background:rgba(0,0,0,0); }
  .ui-header.disabled #logo img,
  #part1_m.disabled img { filter: brightness(50%); }

.mapdesc {
  position:fixed;
  font-size:13px;
  font-family:'Oswald',Arial,sans-serif;
  width:58%;
  left:54px;
  top:0px;
  color:#fff;
}
.mapdesc.dim { color:rgb(142, 142, 142); left: 30px; }
.maptitle { display:none; }
/*
.maptitle {
  width:100%;
  color:#fff;
  }
  */
  .maptitle.disabled, 
  .mapdesc.disabled {
    display:none;
  }

.ui-region-buttons {
  /*top:30px;left:55px;*/
  top:55px;left:0px;
  width:526px;
  max-width:526px;
  height:24px;
  display:none;
  }
  .ui-region-buttons.enabled { display:none; }
  .ui-region-buttons a {
    font-size: 13px;
    min-width: 162px;
    padding-top: 6px; padding-bottom: 2px;
    }
    
.ui-warning-container {
    position:absolute;
    bottom:0px;left:68px;
    background:rgba(40,40,40,0);
  }

#question,
#question.enabled { 
  display:block;
  position:fixed;
  top:auto;
  bottom:85px;right:3px;
  height:22px;width:57px;
  border-radius:50%;
  background:rgba(0,0,0,0.75);
  box-shadow: 3px 3px 10px #000;
  padding:18px 1px 18px 1px;
  z-index:3;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 3px 3px 10px #000;

}
#id_help {
  padding:20px 5px 20px 5px;
}
.parts_container_desktop { display:none; }
.parts_container_mobile {
    position:fixed;
    top:10px;
    left:auto;
    right:0px;
    height:35px;
    width:80px;
    background:rgba(0,0,0,0);
    z-index:3;
}
.ui-home-button {
    background:none;
    width:auto;
    height:auto;
    right:auto;left:auto;
    padding:1px 0 1px 3px;
}

#partmap { 
  display:none;
  position:relative; top:1px; 
  border-radius:3px 3px 0 0;
  margin-bottom:10px;margin-left:40px;
  /*border-bottom:1px solid #191919; */
}
#part1   { position:relative; top:0px; border-radius:0 0 3px 3px; display:none; }
#part1 img { width:74px; }
#part1_m { position:relative; top:0px; border-radius:0 0 3px 3px; display:inline-block; /* border-bottom:1px solid #191919; */ }
#part1_m img { width:75px; }
#part2   { position:relative; top:0px; border-radius:0 0 3px 3px; display:none; }
#part2 img { width:65px; }
#legend1 img {
  width:113px;
  float:right;
}
#legend2 img {
  width:101px;
  float:right;
}
.lightbox { display:none; }
.lightbox.slim { margin-left:10%;margin-right:15%; }
.featherlight .featherlight-content { 
  padding:25px 25px 25px 25px; 
  border-bottom:10px solid transparent; 
}
.excerpt.footnote { margin-left:0; }
span.extra { display:none; }

/*
/*
/* Anytime in landscape */
/*
/* */
@media only screen and (max-device-width:1024px) and (orientation:landscape) {
  .ui-header.highlite,
  .ui-region-buttons.enabled,
  #header.enabled { background:rgba(0,0,0,0.25); }
  .parts_container_mobile { top:5px; }
  .ui-brush { left:0; }
  .ui-legend-container, .ui-legend-container2 { bottom:0px; }
}



/*
/*
/* If on a mobile phone (not a tablet) in portrait
/*
/* */
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation:portrait) {
  .swap-out-mobile { display:none; }
  .swap-out { display:none; }
  .swap-in-mobile { display:inline-block; }
}

/*
/*
/* If on a mobile phone (not a tablet) in landscape
/*
/* */
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation:landscape) {
  #question,
  #question.enabled { bottom:70px; }
  .ui-header.highlite { background:rgba(0,0,0,0.05); }
  .parts_container_mobile { right:0px; top:23px; }
  #part1_m { top:-12px }
}

/******************************************************************
/******
/******
/******
/******
/******   Breakpoint -  OFF MOBILE, ONTO TABLETS
/******
/******
/******
/******
/******************************************************************/

@media only screen and (min-device-width:737px) and (max-device-width:1024px) {
  .mapboxgl-ctrl-bottom-left { display:block; }
  .ui-header { height:55px; width:62%; }
  #densityGradient { right:6px; }
  #part1   { display:inline-block; }
  #part1_m { display:none; }
  #part2   { display:inline-block; }
  .parts_container_mobile { 
    left:auto; 
    height:74px; 
    width:175px; 
    border-radius:5px;
  }
  .excerpt { font-size:24px; line-height:36px; }
  .excerpt.footnote { font-size:18px; }
  .ui-brush { font-size:20px; }
  .ui-region-buttons.enabled { display:block; }
  span.extra.tablet-show { display:inline; }
}

/*
/* If on a tablet in portrait */
/*
/* */
@media only screen and (min-device-width:737px) and (max-device-width:1024px) and (orientation:portrait) {
  #logo { top:2px; }
  .mapdesc { top:5px; width:55%; font-size:20px; left:70px; }
  .ui-brush { left:0; }
  .ui-legend-container, .ui-legend-container2 { bottom:0px; }
  .parts_container_mobile { 
    top:0; 
    right:0; 
    padding: 5px 5px 3px 15px;
    background-color:rgba(0,0,0,0.75); 
  }
  
}

/*
/* If on a tablet in landscape */
/*
/* */
@media only screen and (min-device-width:737px) and (max-device-width:1366px) and (orientation:landscape) {
  #logo { top:10px; }
  .mapdesc { top:5px; width:55%; font-size:20px; left:75px; }
  .ui-region-buttons.highlite a { color:#fff; border-right:2px solid rgba(0,0,0,0.25); }
  .parts_container_mobile { top:5px; right:3px; }
  #part1 img,
  #part2 img { filter: brightness(50%); }
}

/******************************************************************
/******
/******
/******
/******
/******   Breakpoint -  OFF TABLET
/******
/******
/******
/******
/******************************************************************/

@media only screen and (min-device-width:801px) {
  #logo { top:2px; }
  .mapdesc { left:70px; font-size:18px; top:10px; }
  .ui-header { width: 475px; }
  .ui-region-buttons.enabled { display:block; }
  span.extra.tablet-show,
  span.extra { display:inline; } 
  
  #question,
  #question.enabled { 
    bottom:85px; 
    top:auto;
    right:55px;
    background-color:rgba(0,0,0,0.75);; 
  }
  .geocoder { display:block; }
  .mapboxgl-ctrl-geocoder { min-width:100%; margin:0 auto; }
  .mapboxgl-ctrl-bottom-right { bottom:26px; }
}


/******************************************************************
/******
/******
/******
/******
/******   Large screens
/******
/******
/******
/******
/******************************************************************/

@media only screen and (min-device-width:1025px) {
  #logo {display:none;}
  .mapdesc { left: 36px; }
  .parts_container_mobile  { display:none; }
  .parts_container_desktop { display:block; }
  
  .swap-out { display:none; }
  .swap-in { 
    display:inline-block; 
    border-radius:5px 5px 5px 5px; 
    padding-left:3px;
  }
  .swap-in a { background:none; border-radius:5px 5px 5px 5px; color:#f18862; text-decoration:none; border-bottom:1px dotted #f18862; }
  #densityGradient { top:6px; right:6px; bottom:auto; }

}

@media only screen and (min-device-width:1025px) and (max-width:640px)  {
  #question,
  #question.enabled { bottom:70px; }
}

/*
/* If a much smaller screen, like iPhone 5 */
/*
/* */
@media only screen and (max-device-width:320px) {
  .parts_container_mobile { background:rgba(0,0,0,0); border:none; }
  .ui-header { width: 55%; }
  #densityGradient { display:none; }
}