html { -ms-touch-action: manipulation;
touch-action: manipulation;
} #imagelightbox {
cursor: pointer;
position: fixed;
z-index: 100000002;
-ms-touch-action: none;
touch-action: none;
}
#imagelightbox-loading {
width: 32px;
height: 32px;
position: fixed;
z-index: 100000001;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
background-image: url(//www.equinehealthcentre.com/wp-content/plugins/gallery-factory/modules/lightboxes/imagelightbox/spinner.png);
background-size: contain;
opacity: 0.9;
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} #imagelightbox-overlay {
background-color: #000;
background-color: rgba(0, 0, 0, .95);
position: fixed;
z-index: 100000000;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#imagelightbox-close {
width: 26px;
height: 26px;
text-align: left;
text-indent: -9999px;
position: fixed;
z-index: 100000003;
top: 18px;
right: 18px;
background-image: url(//www.equinehealthcentre.com/wp-content/plugins/gallery-factory/modules/lightboxes/imagelightbox/cross.png);
background-size: contain;
opacity: 0.8;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
#imagelightbox-close:hover {
opacity: 1;
}
#imagelightbox-info {
position: fixed;
z-index: 100000003;
left: 0;
right: 0;
bottom: 0;
padding: 6px;
text-align: center;
}
#imagelightbox-info-caption {
color: #fff;
font-size: 20px;
padding: 8px;
margin: 0;
text-transform: uppercase;
}
#imagelightbox-info-caption a {
color: #fff;
}
#imagelightbox-info-description {
color: #fff;
font-size: 16px;
padding: 0;
margin: 0;
}
#imagelightbox-info-description a {
color: #fff;
}
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-info {
-webkit-animation: fade-in .25s linear;
-moz-animation: fade-in .25s linear;
-o-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
#imagelightbox-social {
position: fixed;
top: 6px;
left: 0;
right: 0;
z-index: 100000003;
text-align: center;
}              #imagelightbox-social > a:hover {
background-color: rgba(255, 255, 255, 0.33);
color: rgba(255, 255, 255, 0.9);
}
#imagelightbox-social > a.vls-gf-facebook:before {
content: "\f09a";
}
#imagelightbox-social > a.vls-gf-google-plus:before {
content: "\f0d5";
}
#imagelightbox-social > a.vls-gf-twitter:before {
content: "\f099";
}
#imagelightbox-social > a.vls-gf-pinterest:before {
content: "\f231";
}
#imagelightbox-social > a.vls-gf-linkedin:before {
content: "\f0e1";
} .imagelightbox-arrow {
width: 3.75em;
height: 7.5em;
background: none;
background-color: transparent;
vertical-align: middle;
border: none;
outline: none;
display: none;
position: fixed;
z-index: 100000004;
top: 50%;
margin-top: -3.75em;
}
.imagelightbox-arrow:hover {
background: none;
background-color: transparent;
}
.imagelightbox-arrow:focus {
background: none;
background-color: transparent;
}
.imagelightbox-arrow:before {
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em;
}
.imagelightbox-arrow-left {
left: 2.5em;
}
.imagelightbox-arrow-left:before {
border-left: none;
border-right-color: rgba(255, 255, 255, 0.60);
margin-left: -0.313em;
}
.imagelightbox-arrow-left:hover:before {
border-right-color: #fff;
}
.imagelightbox-arrow-right {
right: 2.5em;
}
.imagelightbox-arrow-right:before {
border-right: none;
border-left-color: rgba(255, 255, 255, 0.60);
margin-right: -0.313em;
}
.imagelightbox-arrow-right:hover:before {
border-left-color: #fff;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
#imagelightbox-close {
top: 8px;
right: 8px;
}
}