/* ====================================================================================================================================================== Post Slider ====================================================================================================================================================== */ .avia-content-slider{ margin: 30px 0; clear: both; } .avia-content-slider, .avia-content-slider-inner{ position: relative; overflow: hidden; clear: both; } .avia-content-slider .slide-entry-title{ font-size: 1.1em; line-height: 1.4em; margin: 0; } .avia-content-slider .slide-image, .avia-content-slider .slide-image img{ border-radius: 3px; display: block; position: relative; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; margin: 0 auto; } .avia-content-slider .slide-image{ overflow: hidden; margin-bottom: 6px; border-radius: 3px; } .avia-content-slider .slide-entry-excerpt{ overflow: hidden; text-overflow: ellipsis; } .avia-content-slider .slide-entry-wrap{ width: 100%; float: left; margin-bottom: 40px; } .avia-content-slider-active .slide-entry-wrap{ position: absolute; top: 0; visibility: hidden; margin: 0; } .avia-content-slider .slide-entry-wrap:first-child{ position: relative; } .avia-content-slider .slide-meta div, .avia-content-slider .slide-meta time{ display: inline-block; font-size: 0.9em; } .avia-content-slider .slide-meta a{ position: relative; } .avia-content-slider .slide-meta{ position: relative; padding-bottom: 10px; } .avia-content-slider .slide-meta-del{ margin: 0px 4px; } .avia-content-slider.avia-builder-el-no-sibling{ margin: 0; } .slider-fallback-image{ visibility: hidden; } .avia-content-slider .fake-thumbnail .slide-image{ border-width: 1px; border-style: solid; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; min-height: 70px; } .fallback-post-type-icon{ position: absolute; top: 49%; left: 50%; margin: -28px 0 0 -30px; height: 60px; width: 60px; line-height: 59px; font-size: 25px; text-align: center; border-radius: 100px; } .avia-content-slider .slide-image:hover .fallback-post-type-icon{ opacity: 0; } .pagination-slider .pagination{ padding: 1px 0 10px 0; } #top .avia-content-slider .avia-slideshow-arrows a{ top: 38%; margin: -30px 0 0; } #top .avia-content-slider .avia-slideshow-dots{ position: relative; float: left; height: 25px; bottom: -37px; } #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap{ /* fixes flickering issue when slider moves. usually other elements in other container flicker. temp removed */ /* old: */ /* -webkit-transform-style: preserve-3d; */ /* new; */ transform-style: flat; -webkit-backface-visibility: hidden; /* removed due to blurry text in win, chrome -webkit-perspective: 1000px; */ } /*audio*/ #top #wrap_all .avia-content-slider .audio-preview{ margin-top: -36px; margin-bottom: -4px; } #top .avia-content-slider .audio-preview .mejs-volume-button, #top .avia-content-slider .audio-preview .mejs-time{ display: none; } #top #wrap_all .mejs-controls a.mejs-horizontal-volume-slider{ width: 60px; } /*fix blur on content slider in safari*/ .avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap{ -webkit-perspective: 0 !important; } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry{ width: 48%; margin-left: 4% } .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{ margin: 0; clear: both; } .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first{ margin-left: 0; width: 100%; } .responsive avia-content-slider .slide-image img { width: 100%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-content-slider-odd .slide-entry{ margin-left: 0; clear: both; width: 100%; } }