/*

Dracula Theme v1.2.0

https://github.com/zenorocha/dracula-theme

Copyright 2015, All rights reserved

Code licensed under the MIT license
http://zenorocha.mit-license.org

@author Éverton Ribeiro <nuxlli@gmail.com>
@author Zeno Rocha <hi@zenorocha.com>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #282a36;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: #8be9fd;
}

.hljs-function .hljs-keyword {
  color: #ff79c6;
}

.hljs,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #f1fa8c;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #6272a4;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}
/*改版开始*/
    .blog-border {
        padding: 20px;
        border-radius: 10px;
        border: solid 1px #e8e2f582;
        background-color: #fff;
        transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
        transform: translate(0,0);
    }
    .post-list-view {
        width: 100%;
        padding: 15px;
        margin: 30px 0px 30px 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: url(../images/comment.png) right bottom no-repeat;
    }
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .post-thumbnail {
        border-radius: 10px;
        padding: 0 !important;
        overflow: hidden;
        width: 380px;
        height: 220px;
        position: relative;
	text-align: center;
    }
    .post-list-view .post-list-content {
        width: 60%;
        visibility: visible;
        margin-left: 20px;
	margin-bottom: 0;
        padding-top: 5px;
        position: relative;
    }	
    .post-list-view .post-list-header {
        padding-bottom: 5px;
    }
    .post-list-view .post-list-header .category-meta {
        text-shadow: #B9B9B9 0.031em 0.031em 0.051em;
        letter-spacing: 2px;
        
    }
    .post-list-view .post-list-header .category-meta a {
        letter-spacing: 2px;
        font-size: 13px;
        color: #ff5c72;
    }
    .post-list-view .post-list-header .category-meta i {
        padding-right: 5px;
    }
    .post-list-view h2.post-list-title {
        font-size: 17px;
        font-weight: 400;
        padding-top: 5px;
        margin-bottom: 0;
    }
    .post-list-view .post-list-text, .post-list-info {
        font-size: 13px;
        font-weight: 400;
        margin: 5px 0;
        color: #7087a7;
    }
    .post-list-view .post-list-info {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        padding: 0 1rem;
        width: 100%;
        border-top: 1px #ECECEC solid;
        padding-top: 8px;
        position: absolute;
        bottom: 0;
        /*position:relative;*/
    }
    
    .post-list-info .post-list-avatar {
        width: 50px;
        height: 50px;
        z-index: 0;
        float: left;
        margin-right: 20px;
        position: relative;
        text-align: right;
        display: inline-block;
    }
    .post-list-info .post-list-avatar .avatar {
        width: 50px;
        height: 50px;
    }
    .post-list-info .post-list-avatar img {
        -webkit-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
	-webkit-clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%);
        clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%);
        border: 1px solid transparent;
    }
    /*.avatar {*/
    /*    color: #fff;*/
    /*    display: inline-flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    font-size: 1rem;*/
    /*    border-radius: .75rem;*/
    /*    height: 48px;*/
    /*    width: 48px;*/
    /*    transition: all .2s ease-in-out;*/
    /*}*/
    .post-list-info .post-list-avatar:after {
        width: 75%;
        height: 75%;
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        transform: rotate(45deg);
        z-index: -1;
        border-radius: 4px;
        border: 2px solid #ff00009c;
    }
    .post-list-info .post-meta-info {
        padding-top: 5px;
        display: block;
    }
    .post-list-view .post-list-info .post-meta-info span {
        color: #7d93b2;
        float: left;
    }
    .post-list-view span.list-post-date {
        display: block;
        border-right: 0;
    }
    .post-list-info .post-meta-info span, .post-single .post-meta-info span {
        color: #333;
        font-size: 12px;
        line-height: 22px;
        margin-right: 12px;
        padding-right: 12px;
        border-right: 1px solid #D8D8D8;
    }
    img {
        cursor: url(../images/cur/button.cur),auto;
    }
    .post-list-view .post-list-title a {
        color: #37475c;
        font-size: 16px;
        line-height: 24px;
        text-shadow: #d0cdcd 0.031em 0.031em 0.051em;
    }
    .post-list-view .post-list-text,.post-list-info {
        font-size: 13px;
        font-weight: 400;
        margin: 5px 0;
        color: #7087a7;
    }
    .post-thumbnail img {
        max-width: 100%;
        min-height: 220px;
        height: auto;
        transition: all .4s cubic-bezier(.7,0,.3,1);
        object-fit: cover;
    }
    .post-thumbnail a {
        overflow: hidden;
        display: block;
        max-height: 220px;
    }
    .post-overlay:after,.post-overlay:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        transition: all .4s ease
    }
    .post-overlay:after {
        visibility: hidden;
        opacity: 0;
        transition: all .4s ease
    }
    .post-list-info .post-meta-info span,.post-single .post-meta-info span {
        color: #333;
        font-size: 12px;
        line-height: 22px;
        margin-right: 12px;
        padding-right: 12px;
        border-right: 1px solid #D8D8D8;
    }
    .post-list-info .post-meta-info span i,.post-single .post-meta-info span i {
        font-size: 15px;
        padding-right: 5px;
    }
    .post-list-info .post-meta-info span:last-child,.post-single .post-meta-info span:last-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
    @media (min-width: 992px) {
        .timeline-one-side .timeline-content {
            max-width:30rem
        }
        .col-lg-10 .post-list-view span.list-post-date {
            display: inline-block;
            border-right: 0;
        }
    }
    @media (max-width: 767px) {
        .header-global .navbar-nav .nav-link i {
            margin-right:.625rem;
        }
        .header-global .depth_0 .dropdown-toggle:after {
            content: "";
            margin-left: 0.255em;
            float: none;
            line-height: 0;
        }
        .header-global .dropdown-menu.depth_1 {
            display: block;
            opacity: 1;
            pointer-events: auto;
            visibility: visible;
        }
        .section-blog-cover {
            height: 480px;
            background: center center/cover no-repeat;
        }
        .sign_f {
            text-align: center;
        }
        .boxmoe-user-login .boxmoe_user-loader a {
            background-color: #483b3b52!important;
        }
        .boxmoe-user-login {
            margin-left: 20px;
        }
        .header-global .dropdown-menu[data-bs-popper] {
            margin-top: 0;
        }
        .header-global li.dropdown ul.dropdown-menu {
            margin-left: 10px;
        }
        .postrelated img {
            max-height: 220px;
        }
        .boxmoe_blog {
            padding-left: 1em;
            padding-right: 1em;
        }
        .post-list-view {
            display: inline-block;
        }
        .post-list-view.blog-border {
            border: solid 1px #EBEBEB;
        }
        .post-list-view .post-thumbnail {
            width: 100%;
            margin: 0;
        }
        .post-list-view .post-thumbnail.featured-image img {
            border-radius: 10px 10px 0 0;
            width: 100%;
        }
        .post-list-view .post-meta {
            position: inherit;
            margin-top: 15px;
        }
        .post-single span.post-date {
            display: block;
            border-right: none;
        }
        .single {
            padding-right: 5px;
            padding-left: 5px;
        }
        .comments-list {
            margin: 5px;
            padding: 5px;
        }
        .post-list-view.list-status {
            background: none;
            background-color: #fff;
        }
        .search_form_inner {
            margin: 0 auto;
            position: fixed;
            left: 50%;
            margin-left: 0;
            left: 0;
        }
        .single .blog-card,.single .blog-border {
            padding: 20px 0;
            border: 0;
        }
        .block_auther_post {
            margin: 0 10px;
        }
        .post-navigation .no-gutters {
            padding: 0 25px;
        }
        .btn-copy {
            display: block;
        }
        .comment-reply-link {
            display: block;
        }
        .comments-list .comment .comment-body .comment-author,.comments-list .comment .comment-body .meta-data span.comment-author {
            border-right: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            max-width: 95px;
            float: left;
            line-height: 1.6;
        }
        .post-download-box {
            width: 100%;
        }
        .footer .mb-5 {
            margin-top: 0!important;
        }
        .footer .font-weight-bolder {
            text-align: center!important;
        }
        .text-end {
            text-align: center!important;
        }
        .aplayer-body {
            max-height: 250px;
        }
        .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
            margin-left: -66px!important;
        }
    }
/*改版结束*/