@import "custom.css"; 
/*  html {
    background-color: black;
}
    */
/* body {
    text-align: left;
    font-size: 16px;
    width: 1400px;
    margin: auto;
    
}
 */
body {
    
    max-width: 90%;
    font-family: Arial, Helvetica, sans-serif;
       /*  background-color: black; */
}
p {
    text-align: left;
}
/* start */
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.row {
  flex-direction: row;
}

.svg-container {
  overflow: hidden;
    /* height: 1968px;  */
    /* 20220725 commenting out
  width: 1400px;  */
}

svg {
  transition: transform 0.1s linear 0.1s;
}
/* end */
#view-controls {
    position: fixed;
    top: 30px;
    z-index: 10;
}
/* 
#page-text {
    width: 1400px;
    margin: auto;
}
#head-div {
    width: 1400px;
    margin: auto;
}
  */
 
#selectors {
  /*   margin: auto; 
    width: 300px;
      */
}
/* 
#placeInfo {
  border-style: solid;
  border-width: 2px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
 */
 /* 
#placeInfo, #historicalMapBox {
    margin: 5px;
      border-style: solid;
  border-width: 2px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
 background-color: rgb(238, 237, 245);  
}
 */
#placeInfo, #historicalMapBox {
    margin: 2px;
 /* border-style: solid;
  border-width: 2px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
 background-color: rgb(238, 237, 245);   */     
}
#googleMap {
    margin: 5px;
      border-style: solid;
  border-width: 2px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 800px;

}
#mapCaption {
    font-size: smaller;
    font-family: Arial, Helvetica, sans-serif;
}
#svgContainer {
    margin: auto;
    
}
#googleMapSwitchLabel {
    font-size: smaller;
    font-family: Arial, Helvetica, sans-serif;
}


p {
    font-size: larger;
}
option {
        font-size: x-large;
}
#pageHeader {
    font-size: larger;
    font-weight: bold;
}
/* 20221725 trying to get image to crop on r side of svg box. not working */
/* 
image {
    object-fit: cover; 
    object-position: 100% 0;
}
#mapImage {
    object-fit: cover; 
    object-position: 100% 0;
    }
      */