#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;
}