.com { color: #6b7188; }
.lit { color: #ebc66d; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #fa6f6c; }
.str, .atv { color: #6cb8f7; }
.kwd, .linenums .tag { color: #7281b2; }
.typ, .atn, .dec, .var { color: #ffffff; }
.pln { color: #f477b1; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

#blog-comment {
    margin-top: 40px
}

#blog-comment h5 {
    margin-bottom: 10px
}

#blog-comment li,#blog-comment ul {
    list-style: none;
    margin-left: -40px;
    padding-left: 0
}

.rtl #blog-comment li {
    margin-right: -30px
}

.rtl #blog-comment li li {
    margin-right: 40px
}

#blog-comment li {
    min-height: 70px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc
}

.dark-scheme #blog-comment li {
    border-bottom-color: rgba(255,255,255,.1)
}

#blog-comment li .avatar {
    position: absolute;
    margin-top: 5px
}

#blog-comment li .avatar img {
    width: 70px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#blog-comment .comment {
    margin-left: 85px
}

.rtl #blog-comment .comment {
    margin-left: 0;
    margin-right: 85px
}

#blog-comment li {
    min-height: 70px;
    font-size: 15px;
    line-height: 1.6em
}

#blog-comment li li {
    margin-left: 55px;
    padding-bottom: 0;
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #ccc;
    border-bottom: none
}

.dark-scheme #blog-comment li li {
    border-top-color: rgba(255,255,255,.1)
}

#blog-comment li li .avatar {
    position: absolute
}

.comment-info {
    margin-left: 85px;
    margin-bottom: 5px
}

.rtl .comment-info {
    margin-left: 0;
    margin-right: 85px
}

.comment-info .c_name {
    display: block;
    font-weight: 700;
    color: #555;
    font-family: var(--heading-font-typeface,sans-serif)!important
}

.dark-scheme .comment-info .c_name {
    color: #fff
}

.comment-info .c_reply {
    padding-left: 10px;
    margin-left: 5px;
    border-left: solid 1px #ddd;
    font-size: 12px;
    font-weight: 700
}

.dark-scheme .comment-info .c_reply {
    border-left-color: rgba(255,255,255,.2)
}

.comment-info .c_date {
    font-size: 12px
}
.uc-navbar-sticky{
  position: fixed;
  width: 100%;
  animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.uc-navbar-sticky .uc-top-navbar{
  display: none !important;
}
.header-ten.uc-navbar-sticky .uc-top-navbar{
  display: block !important;
}
.post-author {
    margin-top: 0 !important
}
.post-author img {
    position: unset !important
}
.ratio>* {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.ratio> img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media(min-width:991px){
    .lg\:w-1\/2{
        width: 50% !important;
    }
}
@media(max-width:768px){
    .md\:wrap{
        flex-wrap: wrap; 
    }
}
@keyframes stickyanimations {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
    }
}