/*
 * <codeheader>
 * <name>Go Gallery</name>
 * <version>1.0</version>
 * <description>Responsive filterable gallery plugin with media categories. Shortcode driven, easy to use, lightweight yet powerful. Display beautiful galleries without slowing down your page load.</description>
 * <base>http://alvimedia.com/go-gallery/</base>
 * <author>Victor G</author>
 * <author>Tim de Jong</author>
 * <email>itconsultsrv@yandex.com</email>
 * <email>upport@alvimedia.com</email>
 * <copyright file="LICENSE.txt" company="AlViMedia">
 * THIS CODE ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED,
 * INCLUDING BUT NOT LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR
 * A PARTICULAR PURPOSE.
 * </copyright>
 * <date>2018-09-17</date>
 * <summary>
 * Main Style for Go Gallery;
 * </summary>
 * </codeheader>
*/
#go-overlay {
  position: fixed;
  z-index: 2000000;
  overflow: hidden;
}
#go-overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  background-position: center top;
  background-size: cover;
}
div.go-gallery {
  width: 100%;
  zoom: 1;
  overflow: auto;
}
div.go-gallery.menu-left ul.go-gallery-filters {
  text-align: left;
}
div.go-gallery.menu-center ul.go-gallery-filters {
  text-align: center;
}
div.go-gallery.menu-right ul.go-gallery-filters {
  text-align: right;
}
div.go-gallery.menu-show ul.go-gallery-filters {
  display: block;
}
div.go-gallery ul.go-gallery-filters {
  zoom: 1;
  overflow: auto;
  clear: both;
  display: none;
  padding: 20px;
}
div.go-gallery ul.go-gallery-filters,
div.go-gallery ul.go-gallery-filters li {
  margin: 0;
  padding: 0;
}
div.go-gallery ul.go-gallery-filters li {
  display: inline;
}
div.go-gallery ul.go-gallery-filters li a {
  display: inline-block;
  background: #444;
  color: #fff;
  margin: 0 4px;
}
div.go-gallery ul.go-gallery-filters li a:link,
div.go-gallery ul.go-gallery-filters li a:hover,
div.go-gallery ul.go-gallery-filters li a:visited,
div.go-gallery ul.go-gallery-filters li a:active {
  text-decoration: none;
  padding: 3px 8px;
}
div.go-gallery ul.go-gallery-list,
div.go-gallery li.go-gallery-item {
  display: block;
  margin: 0;
  padding: 0;
}
div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item {
  width: 12.5%;
}
div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item .image-overlay h3,
div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item .image-overlay h4 {
  display: none;
}
div.go-gallery.size-small ul.go-gallery-list li.go-gallery-item {
  width: 25%;
}
div.go-gallery.size-medium ul.go-gallery-list li.go-gallery-item {
  width: 32.5%;
}
div.go-gallery.size-large ul.go-gallery-list li.go-gallery-item {
  width: 49.5%;
}
div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item figure {
  width: 100%;
  padding-top: 100%;
}
div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item img {
  display: none;
}
div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item:hover .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
div.go-gallery ul.go-gallery-list {
  zoom: 1;
  overflow: auto;
  overflow: hidden;
  clear: both;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item {
  box-sizing: border-box;
  width: 25%;
  float: left;
  cursor: pointer;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap {
  padding: 8px;
  background: #fff;
  display: block;
  box-sizing: border-box;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:link,
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:hover,
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:visited,
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:active {
  text-decoration: none !important;
  border: none !important;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item figure {
  display: block;
  position: relative;
  overflow: hidden;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-overlay h3 {
  background: #000;
  color: #fff;
  display: block;
  top: 10px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0;
  padding: 1px 12px;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item .image-overlay h4 {
  color: #000;
  display: block;
  top: 50px;
  position: absolute;
  left: 0;
  right: 0;
  line-height: 1.2em;
  height: 2.4em;
  text-align: center;
  margin: 0;
  font-size: 13px;
  font-style: italic;
  padding: 1px 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -moz-transform: translate(0px, 50px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
  -webkit-transition: all 300ms 200ms;
  -moz-transition: all 300ms 200ms;
  -o-transition: all 300ms 200ms;
  transition: all 300ms 200ms;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
div.go-gallery ul.go-gallery-list li.go-gallery-item:hover .image-overlay {
  opacity: 1;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item:hover .image-overlay h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
div.go-gallery ul.go-gallery-list li.go-gallery-item:hover .image-overlay h4 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}
div.go-gallery ul.go-gallery-list li.go-gallery-item img {
  z-index: 1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
  box-shadow: none;
}