:root {
    --dark-color: #323A45;
    --heading-color: #222222;
    --font-color: #555555;
    --font-white: #ffffff;
    --font-light: #888888;
    --font-xlight: #f0f0f0;
    --font-ccc: #cccccc;
    --text-muted: #9A9A9A;
    --border-color: #e2e2e2;
    --card-color: #ffffff;
    --white-color: #ffffff;
    --body-color: #fcfcfc;
    --box-shadow: #c7c1c1;
    --box-shadow-light: #ececec;
    --font-hc-color: #888888;
    --bg-hc-color: #323A45
}

[data-theme="dark"] {
    --dark-color: #ffffff;
    --heading-color: #c0c0c0;
    --font-color: #c7c7c7;
    --font-white: #ffffff;
    --font-light: #888888;
    --font-xlight: #333638;
    --font-ccc: #cccccc;
    --text-muted: #80858a;
    --border-color: #3b3f42;
    --card-color: #26282a;
    --white-color: #000000;
    --body-color: #222426;
    --box-shadow: #585858;
    --box-shadow-light: #323536;
    --font-hc-color: #888888;
    --bg-hc-color: #ffffff
}

[data-theme="high-contrast"] {
    --dark-color: #ffffff;
    --heading-color: #ffffff;
    --font-color: #ffffff;
    --font-white: #ffffff;
    --font-light: #000000;
    --font-xlight: #ffffff;
    --font-ccc: #111111;
    --text-muted: #ffffff;
    --border-color: #ffffff;
    --card-color: #000000;
    --white-color: #000000;
    --body-color: #000000;
    --box-shadow: #333333;
    --box-shadow-light: #333333;
    --font-hc-color: #ffffff;
    --bg-hc-color: #000000
}

[class="theme-purple"] {
    --primary-color: #7954AD;
    --primary-color2: #7B54B1;
    --primary-color3: #A37ADB;
    --secondary-color: #E76886;
    --secondary-color2: rgb(223, 126, 148);
    --link-color: #59C4BC;
    --primary-gradient: linear-gradient(45deg, #7B54B1, #E76886)
}

[class="theme-blue"] {
    --primary-color: #2929b9;
    --primary-color2: #4343D3;
    --primary-color3: #6C6CFF;
    --secondary-color: #F99006;
    --secondary-color2: #F92F47;
    --link-color: #87B70A;
    --primary-gradient: linear-gradient(45deg, #2929b9, #87B70A)
}

[class="theme-cyan"] {
    --primary-color: #59C4BC;
    --primary-color2: #33BAB0;
    --primary-color3: #8BCEC9;
    --secondary-color: #637AAE;
    --secondary-color2: #00ACEE;
    --link-color: #E76886;
    --primary-gradient: linear-gradient(45deg, #59C4BC, #637AAE)
}

[class="theme-green"] {
    --primary-color: #38C172;
    --primary-color2: #249D57;
    --primary-color3: #187741;
    --secondary-color: #0957C3;
    --secondary-color2: #5589D2;
    --link-color: #FED500;
    --primary-gradient: linear-gradient(45deg, #38C172, #249D57)
}

[class="theme-orange"] {
    --primary-color: #FFA901;
    --primary-color2: #FF7F00;
    --primary-color3: #FBC200;
    --secondary-color: #600489;
    --secondary-color2: #9439BC;
    --link-color: #38C172;
    --primary-gradient: linear-gradient(45deg, #FFA901, #600489)
}

[class="theme-blush"] {
    --primary-color: #FF6A4A;
    --primary-color2: #F5856D;
    --primary-color3: #FBC200;
    --secondary-color: #87B70A;
    --secondary-color2: #AAD736;
    --link-color: #056CDB;
    --primary-gradient: linear-gradient(45deg, #FF6A4A, #AAD736)
}

[class="theme-red"] {
    --primary-color: #F40000;
    --primary-color2: #F92C2C;
    --primary-color3: #F14F4F;
    --secondary-color: #030886;
    --secondary-color2: #252BCF;
    --link-color: #C7E203;
    --primary-gradient: linear-gradient(45deg, #F40000, #252BCF)
}

.single_post {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single_post .img-post {
    position: relative;
    overflow: hidden;
    max-height: 500px;
    margin-bottom: 30px
}

.single_post .img-post>img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    max-width: 100%;
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01)
}

.single_post .img-post:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    opacity: .7;
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out
}

.single_post .img-post:hover .social_share {
    display: block
}

.single_post .footer {
    padding: 0 20px 20px 20px
}

.single_post .footer .actions {
    display: inline-block
}

.single_post .footer .stats {
    cursor: default;
    list-style: none;
    padding: 0;
    float: right;
    margin: 0;
    line-height: 35px
}

.single_post .footer .stats li {
    border-left: solid 1px rgba(160, 160, 160, 0.3);
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.25em;
    line-height: 1;
    margin: 0 0 0 2em;
    padding: 0 0 0 2em;
    text-transform: uppercase;
    font-size: 13px
}

.single_post .footer .stats li a {
    color: var(--font-hc-color)
}

.single_post .footer .stats li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0
}

.single_post h3 {
    font-size: 20px;
    text-transform: uppercase
}

.single_post h3 a {
    color: var(--dark-color);
    text-decoration: none
}

.single_post p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.single_post .blockquote p {
    margin-top: 0 !important
}

.single_post .meta {
    list-style: none;
    padding: 0;
    margin: 0
}

.single_post .meta li {
    display: inline-block;
    margin-right: 15px
}

.single_post .meta li a {
    font-style: italic;
    color: var(--font-ccc);
    text-decoration: none;
    font-size: 12px
}

.single_post .meta li a i {
    margin-right: 6px;
    font-size: 12px
}

.single_post2 {
    overflow: hidden
}

.single_post2 .content {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 80px;
    position: relative
}

.single_post2 .content .actions_sidebar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px
}

.single_post2 .content .actions_sidebar a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-right: 0;
    text-align: center;
    border-right: 1px solid var(--border-color)
}

.single_post2 .content .title {
    font-weight: 300
}

.single_post2 .content .text {
    font-size: 15px
}

.right-box .categories-clouds li {
    display: inline-block;
    margin-bottom: 5px
}

.right-box .categories-clouds li a {
    display: block;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 6px 10px;
    border-radius: 3px
}

.right-box .categories-clouds li a:hover {
    background: var(--primary-color);
    color: var(--font-white)
}

.right-box .instagram-plugin {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.right-box .instagram-plugin li {
    border: 1px solid var(--card-color)
}

.comment-reply li {
    margin-bottom: 15px
}

.comment-reply li:last-child {
    margin-bottom: none
}

.comment-reply li h5 {
    font-size: 18px
}

.comment-reply li p {
    margin-bottom: 0;
    font-size: 15px;
    color: var(--font-hc-color)
}

.comment-reply .list-inline li {
    display: inline-block;
    margin: 0;
    padding-right: 20px
}

.comment-reply .list-inline li a {
    font-size: 13px
}

@media (max-width: 640px) {
    .blog-page .left-box .single-comment-box>ul>li {
        padding: 25px 0
    }

    .blog-page .left-box .single-comment-box ul li .icon-box {
        display: inline-block
    }

    .blog-page .left-box .single-comment-box ul li .text-box {
        display: block;
        padding-left: 0;
        margin-top: 10px
    }

    .blog-page .single_post .footer .stats {
        float: none;
        margin-top: 10px
    }

    .blog-page .single_post .body,
    .blog-page .single_post .footer {
        padding: 30px
    }
}