/* ======================================================================================================================================================
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-sub-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%;
    }
}



#top .avia-content-slider .avia-content-slider-inner .slide-entry .energy-label{
    z-index: 999 !important;
}

.status-ribbon {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.status-ribbon {
    z-index: 999 !important;;
    --f: .5em; /* control the folded part */
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.8;
    padding-inline: 1lh;
    padding-bottom: var(--f);
    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
    clip-path: polygon(
            100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
    transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg);
    transform-origin: 0% 100%;
    background-color: var(--main-blue-hex); /* the main color  */
}