/* New Gallery Styles */

body{ 
background:#ffffff;
font-family:sans-serif; 
margin:0; 
padding:0; 
overflow-x:hidden; 
overflow-y:auto; 
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0);
}
.exif-info img { margin: 0 5px; }
#more-exif{ cursor:pointer; }
div#exif-more { 
font-size: 0.9em;
float: left;
width: auto;
max-width:50%;
padding: 0 1.5em;
}
.exif-info p {
display: inline-block;
width: auto;
font-size:0.9em;
}
p.img-desc{ display:block; font-size:1em; clear:both; word-break: break-all; }
#gallery-img img { 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:auto;
}
img#gal-src-img{
 max-width:100%; 
  width: auto;
  height: auto;
}
.zoomcursor{
 cursor: zoom-in; 
 cursor: -moz-zoom-in; 
 cursor: -webkit-zoom-in;
}
.zoomin{ 
 width:100% !important;
 /*height:100% !important;*/
 cursor: zoom-out !important; 
 cursor: -moz-zoom-out !important; 
 cursor: -webkit-zoom-out !important; 
}
.location-map {
  float: left;
  overflow: hidden;
}
.exif-info p img {
  width: 30px;
}
div#left-gal-col {
  float: left;
  min-height: 100vh;
  height: auto;
  width: 55%;
  text-align: center;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
div#right-gal-col {
  float: right;
  width: 45%;
  background-color: white;
  min-height: 100vh;
  height: auto;
  padding: 0.5em;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
div#gal-fb-social, div#gal-fb-comments {
  display: block;
  width: 100%;
  clear: both;
}
div#right-gal-col div, div#left-gal-col div {
  box-sizing: border-box;
}
#exif-title{ font-size:1.1em; }
div#fb-root{ display:inline-block; }
.fb_iframe_widget {
  vertical-align: super;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 100vw;
max-height:90vh;
height:90vh;
}
.exif-info p a {
  text-decoration: none;
  color: inherit;
}
.mfp-arrow-right {
  right: 45%;
}
div#left-gal-col .gallery-img {
  display: table-cell;
  vertical-align: middle;
  height: 100vh;
  width: 100vw;
  z-index: 500;
  position: relative;
}

.mfp-preloader{
  color: white;
  z-index: 1500 !important; 
  font-size: 4em;
  text-shadow: -2px 2px 0 #333;
  right: 40%;
}

#loadingImg {
  position: absolute;
  font-size: 4em;
  color: white;
  top: 23vh;
  left: 14vw;
  text-shadow: -2px 2px 0 #333;
  z-index: 400;
}
mfp-iframe-scaler iframe { background-color:transparent!important; }
@media screen and (max-width: 1024px) {
	/* Make it fit mobiles and tablets nicely */
	#left-gal-col, #right-gal-col {
      width: 100% !important;
      float: none !important;
      min-height: 100% !important;
	  overflow-x: hidden;
    }
	.location-map, .location-map iframe{ width:100% !important; }
    #gal-src-img{
    width: 100% !important;
    height: 100% !important;
    }
    .mfp-arrow-right {
      right: 0 !important;
    }
    div#left-gal-col .gallery-img {
      display: block;
      vertical-align: initial;
      height: 100%;
      width: 100%;
      text-align: center;
    }
}
@media screen and (max-width: 1588px) {
	/* Make it fit mobiles and tablets nicely */
	.location-map, .location-map iframe{ width:100% !important; }
	div#exif-more {
      width: 100%;
      max-width: 100%;
    }
	div#exif-more p {
      display: inline-block;
      padding: 0 0.5em;
    }
}