:root{
    --theme-color:<?php echo !empty(THEME_COLOR) ? THEME_COLOR : '#ff3130' ?>;
    --category-color:<?php echo !empty(CATEGORY_COLOR) ? CATEGORY_COLOR : '#e50404' ?>;
}
*,::after,::before{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    overflow:hidden;
    font-family:Arial,sans-serif;
    color:#000;
    background-color:#f4f4f4;
    margin:0;
    padding:0;
    line-height:1.5
}
img{
    width:100%;
    height:auto
}
.down-arrow,.end-slide_content,.RM_main,.RM_navigation-arrows,.RM_swiper-slide_inner.end-slide_inner,.RM_swiper-slide_inner.no-data-slide_inner,.no-data-slide_content,.share-icon,.up-arrow{
    display:flex;
    align-items:center;
    justify-content:center
}
.RM_main,.RM_swiper-container{
    position:relative;
    overflow:hidden
}
.RM_main{
    height:100vh
}
.RM_swiper-slide{
    position:absolute;
    width:100%;
    height:100%;
    transition:transform .5s
}
.RM_swiper-slide_inner{
    overflow:hidden;
    position:relative;
    min-height:100%
}
.float-site-logo{
    text-align:center;
    background-color:#f0f0f0;
    position:relative;
    z-index:9
}
.float-site-logo__img{
    max-width:30px;
    position:absolute;
    top:10px;
    left:10px
}
.featured-image{
    aspect-ratio:16/9;
    object-fit:cover;
    border-bottom:1px solid #eee
}
.fade-in-image{
    opacity:0;
    animation:1s ease-in forwards fadeIn
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.RM_swiper-slide_content{
    padding:0 20px
}
.RM_swiper-slide_content h2{
    font-size:18px;
    color:#333;
    margin-bottom:10px;
    margin-top:7px;
    line-height:1.5
}
.category{
    font-size:14px;
    color:var(--category-color,#e50404);
    font-weight:600
}
.date{
    color:#666;
    margin-left:8px;
    font-size:12px;
    font-weight:400;
    border-left:1px solid #ddd;
    padding-left:8px
}
.description{
    font-size:14px;
    color:#000;
    margin:10px 0;
    line-height:1.6;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden;
    -webkit-line-clamp:4
}
.go-back-home-link,.read-full-story-link{
    font-size:14px;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    padding:8px 15px;
    background-color:var(--theme-color,#ff3130);
    box-shadow:1px 1px 8px rgba(0,0,0,.4)
}
.go-back-home-link{
    margin-top:2.5em;
    transition:opacity .2s
}
.go-back-home-link:hover,.read-full-story-link:hover{
    opacity:.95
}
.cta_share_wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 20px;
    position:relative;
    z-index:5
}
.share{
    font-size:20px;
    cursor:pointer
}
.RM_navigation-arrows{
    flex-direction:column;
    margin-left:16px
}
.down-arrow,.up-arrow{
    cursor:pointer;
    margin:5px 0;
    color:#fff;
    font-size:17px;
    background-color:var(--theme-color,#ff3130);
    border-radius:50%;
    width:40px;
    height:40px
}
.down-arrow.disabled,.up-arrow.disabled{
    opacity:.3;
    pointer-events:none;
    cursor:not-allowed
}
.share-icon{
    background:#d6d6d6;
    border-radius:50%;
    width:44px;
    height:44px
}
.swipeup_container{
    position:absolute;
    right:0;
    left:0;
    top: 450px;
    text-align:center;
    z-index:4
}
.swipeup_container .swipeup_text{
    font-size:12px;
    line-height:1.2;
    color:#666;
    font-weight:400
}
.swipeup_icon svg g.arrow_bounce{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation:1s infinite arrow_bounce;
    -moz-animation:1s infinite arrow_bounce;
    -o-animation:1s infinite arrow_bounce;
    animation:1s infinite arrow_bounce
}
@keyframes arrow_bounce{
    0%,100%{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(5px);
        -moz-transform:translateY(5px);
        -o-transform:translateY(5px);
        transform:translateY(5px)
    }
}
.end-slide_content,.no-data-slide_content{
    flex-direction:column;
    background-color:#fff;
    z-index:10;
    transition:transform .5s,opacity .5s
}
.end-slide_content svg,.no-data-slide_content svg{
    width:120px;
    height:120px;
    margin-bottom:20px
}
.no-data-slide_content svg{
    color:var(--theme-color,#0d4585)
}
.end-slide_content h2,.no-data-slide_content h2{
    color:var(--theme-color,#0d4585);
    font-size:24px;
    margin-bottom:10px;
    text-align:center
}
.end-slide_content p,.no-data-slide_content p{
    color:#666;
    font-size:16px;
    text-align:center;
    padding:0 20px
}
.sticky_ad{
    position:absolute;
    bottom:0;
    z-index:999;
    height:70px;
    background-color:#e2e2e2
}
.sticky_ad .ad_label{
    font-size:10px;
    text-align:center;
    color:#888;
    letter-spacing:1px;
    text-transform:uppercase
}
.sticky_ad .stickyAdCode,.sticky_ad .stickyAdCode iframe{
    margin:0 auto;
    display:block!important
}
@media (min-width:769px){
    .RM_swiper-container{
        width:400px;
        height:600px;
        background-color:#fff;
        border-radius:10px;
        box-shadow:0 4px 8px rgba(0,0,0,.1);
        overflow:hidden;
        position:relative
    }
    .sticky_ad{
        margin-right:40px
    }
}
@media (max-width:768px){
    .RM_main{
        height:calc(100vh - 60px);
        width:100%
    }
    .RM_swiper-container{
        width:100%;
        height:100%
    }
    .RM_swiper-slide_inner{
        background-color:#fff;
        margin:10px 10px 0;
        box-shadow:0 4px 8px rgba(0,0,0,.1);
        min-height:calc(100% - 210px);
        border-radius:16px;
        overflow:hidden
    }
    .RM_navigation-arrows{
        display:none
    }
}
 
/* my change  */   

    .swipeup_hint{
    text-align: center;
    font-size: 12px;
    color: #888;
    margin-top: 10px; 
}
 
a {
    text-decoration: none;
    color: inherit;
    background-color: transparent;
}   

 
.ads:before {
            font-size: 12px;
            content: "👇 advertisement 👇 ";
         
		 
             
        }


.ads {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: hsla(0, 0%, 100%, .1);
    height: 200px;
    display: none;
    z-index: 2;
}
}