/* ======================================================================================================================================================
Horizontal Gallery
====================================================================================================================================================== */
.av-horizontal-gallery{
clear:both;
position: relative;
z-index: 1;
overflow: hidden;
}
.av-horizontal-gallery-inner{
position: relative;
white-space: nowrap;
opacity: 0;
}
.av-horizontal-gallery-slider{
left:0;
position: absolute;
height:100%;
width:100%;
}
.av-horizontal-gallery-wrap{
height:100%;
top:0;
display: inline-block;
position: relative;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
vertical-align: top;
}
.av-horizontal-gallery-animated .av-horizontal-gallery-inner{
transition: opacity 0.4s ease-in-out;
opacity: 1;
}
.av-horizontal-gallery-animated .av-horizontal-gallery-slider{
transition: all 0.4s ease-in-out;
}
.av-horizontal-gallery-animated .av-horizontal-gallery-wrap{
transition: all 0.4s ease-in-out;
}
.av-horizontal-gallery-wrap:after{
height: 100%;
width: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 5;
}
.av-horizontal-gallery-enlarge-effect.av-horizontal-gallery{
padding: 60px 0;
}
.av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{
z-index: 2;
transform: scale(1.3);
}
.av-horizontal-gallery-wrap:first-child{
transform-origin: 0% 50%;
}
.av-horizontal-gallery-wrap:last-child{
transform-origin: 100% 50%;
}
.av-horizontal-gallery-wrap.av-active-gal-item:after{
display: none;
}
.av-horizontal-gallery-link{
position: absolute;
opacity: 0;
bottom: 10px;
right: 10px;
transition: opacity 0.4s ease-in-out;
z-index: 100;
}
.av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link{
opacity: 1;
}
.av-horizontal-gallery-img{
height: 100%;
width: auto;
display: block
}
.av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap{
margin-right: 15px;
}
.av-horizontal-gallery-1px-gap .av-horizontal-gallery-wrap{
margin-right: 1px;
}
#top .av-horizontal-gallery-link {
color: #fff;
background: rgba(0,0,0,0.3);
display: block;
line-height: 24px;
width: 24px;
text-align: center;
border-radius: 3px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#top .av-horizontal-gallery-link:hover{
transform: scale(1.3);
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px)
{
/* .responsive #top .av-horizontal-gallery .avia-slideshow-controls a{
display: block; removed 5.3
}*/
.responsive .av-horizontal-gallery-inner{
position: static;
min-height: 180px;
}
.responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{
transform: scale(1);
}
.responsive .av-horizontal-gallery-wrap{ max-width: 85vw; margin:0; overflow: hidden;}
.responsive .av-horizontal-gallery-img{
height: auto;
width: 100%;
transform: translate(0, -50%);
top: 50%;
position: relative;
}
.responsive .av-horizontal-gallery-fullwidth .av-horizontal-gallery-wrap{
max-width: 100vw;
}
/* @since 5.3: fix % gallery height covering images */
.responsive .av-horizontal-gallery .av-image-copyright{
bottom: 15%;
}
.responsive .av-horizontal-gallery .av-copyright-left{
left: 15%;
}
.responsive .av-horizontal-gallery .av-copyright-right{
right: 15%;
}
}