/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#map { height: 600px; margin: 1em auto; position: relative; }

div.exif-map {
  font-family: sans-serif;

}
div.exif-map-container, div.exif-map-map {
  height: 100%;
}

/* Popup lightbox photo */
div.exif-map-photo {
  width: 500px;
  /*height: 500px;*/
  margin-left: calc( 50% - 250px );
  position: absolute;
  z-index: 1;
  background: #fff;
  border: 1px solid #ddd;
  top: 5vh;

  -webkit-box-shadow: 6px 6px 8px rgba(0,0,0,.3);
  -moz-box-shadow: 6px 6px 8px rgba(0,0,0,.3);
  -o-box-shadow: 6px 6px 8px rgba(0,0,0,.3);
  -ms-box-shadow: 6px 6px 8px rgba(0,0,0,.3);
  box-shadow: 6px 6px 8px rgba(0,0,0,.3);
}
.exif-map-photo-block {
  max-width: 650px;
  margin: 1em auto;
  color: #444;
}
.exif-map-photo-block h3 {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}
.exif-map-photo-block p {
  font-size: 11px;
}
.exif-map-photo-block a {
  font-size: 11px;
  text-decoration: none;
  padding: 2px 5px;
  background: #aaa;
  color: #FFF;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;

  margin-left: 2px;
}
.exif-map-photo-block a:hover {
  background: #678AC7;
  color: #FFF;
}
.exif-map-photo-block-header {
  margin: 0 5px;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
.exif-map-photo-block .exif-map-view {
  position: relative;
  overflow: hidden;
}
.exif-map-photo-block .exif-map-view img {
  max-width: 450px;
}
.exif-map-view:hover img {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}
.exif-map-photo-block img {
  display: block;
  padding: 0em 0;
  padding-bottom: 1em;
  margin: auto;
  position: relative;

}
.exif-map-photo-block p {
  text-align: center;
}
/* End Popup lightbox photo */

/* Loading message popup window */
div#exif-map-loading-window {
  width: 700px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  margin-top: 50px;
  position: absolute;
  z-index: 1;
  background: #000;
  opacity: 0.6;
  color: #FFF;

  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -ms-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-shadow: 0 1px 8px rgba(0,0,0,.2);
}
#exif-map-loading-window h2 {
  margin: 0;
}
/* End of Loading message popup window */

/* Folder labels */
.labels {
  color: red;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 100px;
  border: 1px solid #333;
  border-radius: 5px;
  white-space: nowrap;
}

/* Top folder name title and navigation */
#exif-map-folder-title {
  background: #EEE;
  padding: 1em;
}
#exif-map-folder-title span.close {
  cursor: pointer;
  background: #CCC;
  padding: 0 4px;
  border: 1px solid #aaa;
  border-radius: 10px;
}

/* Places search */
input#pac-input {
  padding: 6px 8px;
  margin-top: 10px;
  min-width: 200px;
  width: 35vw;
}