/* ====================================================================================================================================================== 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{ -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; opacity: 1; } .av-horizontal-gallery-animated .av-horizontal-gallery-slider{ -webkit-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .av-horizontal-gallery-animated .av-horizontal-gallery-wrap{ -webkit-transition: all 0.4s ease-in-out; 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; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); 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; -webkit-transition: opacity 0.4s ease-in-out; 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; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #top .av-horizontal-gallery-link:hover{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .av-horizontal-gallery .avia-slideshow-controls a{opacity: 0;} .av-horizontal-gallery:hover .avia-slideshow-controls a{opacity: 1;} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 767px) { .responsive #top .avia-slideshow-controls a{display:none;} .responsive #top .av-horizontal-gallery .avia-slideshow-controls a{display:block;} .responsive .av-horizontal-gallery-inner{position: static; min-height:180px;} .responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .responsive .av-horizontal-gallery-wrap{ max-width: 85vw; margin:0; overflow: hidden;} .responsive .av-horizontal-gallery-img{ height: auto; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top:50%; position: relative; } .responsive .av-horizontal-gallery-fullwidth .av-horizontal-gallery-wrap{ max-width: 100vw;} }