/* ====================================================================================================================================================== Slideshow ====================================================================================================================================================== */ .avia-slideshow{ position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden; } .flex_column .avia-slideshow{ margin:20px 0; } .flex_column .avia-slideshow.avia-builder-el-no-sibling{ margin-top:0px; } .avia-slideshow-inner{ padding:0; margin: 0; position: relative; overflow: hidden; width:100%; } #top .av-default-height-applied .avia-slideshow-inner{ height:0px; } .avia-slideshow li{ padding:0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top:0; left:0; width:100%; clear:both; opacity: 0; overflow: hidden; } .avia-slideshow li:first-child{ position: relative; visibility: visible; z-index: 3; } .avia-slideshow li img{ display:block; width:100%; margin: 0 auto; border-radius: 3px; position: relative; } .flex_cell_inner .avia-slideshow li img{ border-radius: 0; } .avia-slideshow.image_no_stretch li img{ width:auto; } .avia-slideshow li>p{ margin:0; } /* carousel */ .avia-slideshow-carousel{ overflow: hidden; } .avia-slideshow-carousel ul{ transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); white-space: nowrap; } .avia-slideshow-carousel ul *{ white-space: normal; } .avia-slideshow-carousel li{ position: relative; visibility: visible; opacity: 1; vertical-align: top; } #top .avia-slideshow-arrows a{ display: block; text-decoration: none; color: #fff; visibility: visible; position: absolute; width: 60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top: 50%; margin:-30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.next-slide{ right: 0; } .avia-slideshow-arrows a:before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #aaa; background: rgba(0,0,0,0.3); top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; text-align: center; line-height: 62px; color: inherit; } .prev-slide:before{ text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide:before{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-indent: 0px; } /* show/hide nav arrows depending on options and state of slider */ #top .av-slideshow-ui .avia-slideshow-arrows a{ width: 0; } #av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ width: 60px; transition: all 0.8s ease-in-out; } #top .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a, #top .av-slideshow-ui.av-hidden-slider-navigate-arrows .avia-slideshow-arrows > a{ opacity: 0; width: 0; } .avia-slideshow-dots{ position: absolute; z-index: 200; width: 100%; bottom: 0; text-align: center; left: 0; height: 0; } .avia-slideshow-dots a{ display: inline-block; height: 13.5px; width: 13.5px; border-radius: 14px; background: #000; opacity: 0.6; text-indent: 100px; overflow: hidden; margin:0 1px; padding: 7px; position: relative; bottom: 33px; -webkit-backface-visibility: hidden; } .avia-slideshow-dots a.active, .avia-slideshow-dots a:hover{ opacity: 0.8; background: #fff; } .avia-caption{ position: absolute; z-index: 10; bottom: 17px; left: 17px; padding: 10px 20px; color: #fff; border-radius: 3px; } .avia-slideshow .avia-caption .avia-caption-title{ color: #fff; } .js_active .avia-slideshow li:first-child{ visibility: hidden; } .js_active .avia-slideshow-carousel li:first-child{ visibility: visible; } /* hide controls on desktop */ .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui .avia-slideshow-controls a{ opacity: 0; } .avia_desktop .av_slideshow.avia-slideshow.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av_slideshow.avia-slideshow.av-nav-dots-visible .avia-slideshow-dots a, .avia_desktop .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{ opacity: 0.6; } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a{ opacity: 0.6; } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover, .avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a:hover{ opacity: 0.8; } /*various control stylings*/ #top .av-control-hidden .avia-slideshow-controls{ display: none; } #top .av-hide-nav-arrows .avia-slideshow-arrows a{ width: 0; } #top .av-control-minimal .avia-slideshow-arrows a:before{ border: 2px solid #fff; background: transparent; line-height: 60px; } #top .av-control-minimal .avia-slideshow-dots a{ border: 2px solid #fff; background: transparent; padding: 5px; } #top .av-control-minimal .avia-slideshow-dots a.active{ background: #fff; } #top .av-control-minimal-dark .avia-slideshow-arrows a{ color: #000; } #top .av-control-minimal-dark .avia-slideshow-arrows a:before{ border-color: #000; } #top .av-control-minimal-dark .avia-slideshow-dots a{ border-color: #000; } #top .av-control-minimal-dark .avia-slideshow-dots a.active{ background: #000; } #top .scroll-down-link.av-control-minimal-dark{ color:#000; } #top .scroll-down-link.av-custom-scroll-down-color{ text-shadow: none; } /*avia-small-width-slider*/ #top .avia-small-width-slider .avia-slideshow-arrows a{ width: 30px; height: 30px; margin: -15px 5px 0; line-height: 32px; font-size: 15px; } #top .avia-small-width-slider .avia-slideshow-arrows a:before{ line-height: 32px; } #top .avia-super-small-width-slider .avia-slideshow-dots{ display: none; } /*video slides*/ #top .av-video-slide, #top .av-video-slide .avia-slide-wrap{ width:100%; height:100%; position: absolute; overflow: hidden; } #top .av-video-slide .mejs-poster{ width:100% !important; height: 100% !important; background-size: cover; background-position: center center; } #top .av-video-slide .mejs-poster img{ display:none; } #top .av-video-slide .avia-iframe-wrap{ padding:0; height:100%; margin: 0; } #top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video{ max-width:none; max-height:none; width:100%; height:100%; position: absolute; } #top .av-video-slide .caption_fullwidth{ top: 0; left: 0; right: 0; bottom: 40px; } #top .av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px; } #top .av-video-slide .mejs-container{ height: 100% !important; width: 100% !important; position: absolute; } #top .av-video-slide .me-plugin{ width:100%; height:100%; } span.mejs-offscreen { display: none!important; } #top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{ transform: scale(1.2); } .avia_video{ z-index: 8; } .mejs-controls{ z-index: 9; } #top .av-video-slide.av-video-service-vimeo .mejs-controls, .av-force-resize .av-video-service-youtube .avia_video, .av-hide-video-controls .mejs-controls{ display: none !important; } .av-video-slide.slide-1 .mejs-mediaelement{ opacity: 0; } .av-video-slide .mejs-mediaelement{ height:100%; } #top .av-video-slide .mejs-overlay-button{ display: none; } #top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe{ background: #000; } #top .av-video-slide.av-video-4-3-stretch iframe, #top .av-video-slide.av-video-4-3-stretch embed, #top .av-video-slide.av-video-4-3-stretch object, #top .av-video-slide.av-video-4-3-stretch video { height: 270%; } /*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/ #top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{ content: "."; position: absolute; text-indent: -200px; overflow: hidden; top:0; left:0; right:0; bottom:0; z-index: 11; opacity: 0; background: #000; } .av-click-overlay{ z-index: 9; /*z index 9 to move it behind caption*/ bottom:30px; } .av-video-service-vimeo .av-click-overlay { bottom:42px; } .av-video-service-youtube .av-click-overlay { bottom:36px; } .av-hide-video-controls .av-click-overlay { bottom: 0; } .av-video-service-youtube.av-video-events-bound .av-click-overlay{ display: none; /* @since 5.5 In fullwidth easy slider preview controls are blocked after user starts video */ } /*video play/pause icon*/ .avia_playpause_icon{ position: absolute; height: 100px; width: 100px; margin: -50px 0 0 -50px; background: #000; background: rgba(0,0,0,0.4); border-radius: 3px; top: 50%; left: 50%; z-index: 50; display: none; transform: scale(0.7); } .avia_playpause_icon.av-play, .avia_playpause_icon.av-pause{ display: block !important; } #top .avia_playpause_icon:before{ top:0; left:0; right:0; bottom:0; position: absolute; color:#fff; line-height: 100px; text-align: center; font-size: 40px; } .avia_transform .avia_playpause_icon.av-play, .avia_transform .avia_playpause_icon.av-pause{ animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 0; } .avia_playpause_icon.av-pause{} /*slideshow on mobile*/ .av-fallback-message{ text-align: center; position: absolute; z-index: 1000; top: 45%; width: 100%; left: 0; } .av-fallback-message span{ display: inline-block; border: 1px solid #e1e1e1; padding: 10px; background: #fff; } /*slideshow captions Fullscreen slider*/ .caption_fullwidth{ position: absolute; right: 0; bottom: 0; left: 0; top: 0; z-index: 10; } .slideshow_caption{ z-index: 100; width: 42%; position: absolute; bottom: 0; top: auto; height: 100%; display: block; text-decoration: none; padding: 50px; } div .slideshow_caption h2{ text-transform: uppercase; } div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption a:hover, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong, div .slideshow_caption h2 strong{ color: #fff; } .slideshow_inner_caption{ position: relative; display: table; height: 100%; width: 100%; } .slideshow_align_caption{ display: table-cell; vertical-align: middle; position: relative; } /*caption frame*/ .avia-caption-content{ line-height: 1.3em; } .avia-caption-content p{ margin: 15px 0; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{ background: rgba(0, 0, 0, 0.5); display: inline-block; margin: 0 0 1px 0; padding: 10px 15px; } #top .avia-caption-content .wp-smiley{ display: none; } #top .avia-caption-content a{ text-decoration: underline; } #top .avia-caption-content a:hover{ text-decoration: none; } .avia_transform .av_slideshow_full .avia-caption-title{ } .caption_left .slideshow_caption{ left: 0; } .caption_right .slideshow_caption{ right: 0; } .caption_right .slideshow_caption .slideshow_inner_caption{ float: right; } .caption_bottom .slideshow_caption{ left: 0; width: 100%; bottom: 0; height: auto; } #top div .caption_center .slideshow_caption{ left:0; width: 100%; text-align: center; } .caption_bottom .slideshow_caption .slideshow_inner_caption{ display: block; height: auto; bottom: 0; position: absolute; padding: 0 50px; width: 100%; left: 0; } .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{ padding: 20px 0; display: block; } /*button*/ #top .avia-slideshow-button{ border-radius: 3px; text-transform: uppercase; padding: 15px 16px; display: inline-block; margin-top: 20px; text-decoration: none; font-weight: bold; } #top .avia-slideshow-button.avia-color-light{ padding: 12px 16px; background-color: rgba(0,0,0,0.2); } #top .avia-slideshow-button.avia-color-dark{ padding: 12px 16px; background-color: rgba(255,255,255,0.1); } .avia-multi-slideshow-button{ min-width: 140px; } .avia-multi-slideshow-button.avia-slideshow-button{ margin-right: 20px; } .avia-multi-slideshow-button.avia-slideshow-button-2{ margin-right: 0px; } /*afterload video*/ #top .av-video-slide .avia-slide-wrap{ background-position: center center; background-size: cover; } #top .av-video-lazyload .av-click-to-play-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1000; } #top .av-video-lazyload .av-click-to-play-overlay .avia_playpause_icon{ display: block; transition: opacity 0.4s ease-out; } #top .av-video-lazyload .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } /* Accessibility rules */ #top.av-accessibility-aaa .avia-caption-content{ line-height: 1.5em; }