/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */

.blog-page .d-block {
    display: none !important;
}
.blog-page .post-info .value {
    color: #7A889F !important;
    font-size: 16px;
}
.blog-page .post-info .post-posed-date {
    font-weight: normal !important;
    text-transform: none !important;
}
.blog-page .post-title a.post-item-link {
    font-size: 20px;
    color: var(--link__color);
}
.blog-page .post-title a.post-item-link:hover {
    color: var(--link__hover__color);
}
.blog-page .post-description {
    font-size: 18px;
    color: var(--text__color);
}
.blog-page .post-description .post-read-more {
    background: #fff;
    color: var(--text__color);
}
.blog-page .post-description .post-read-more:before,
.blog-page .post-description .post-read-more:after {
    background-color: unset;
}
.blog-page .post-description .post-read-more:hover {
    background: var(--button__hover__background);
    color: var(--button__hover__color);
}

.sidebar .block-recent-posts.block-list-posts .block-content .item > a.post-item-link {
    color: var(--link__color);
    font-size: 16px;
}
.sidebar .block-recent-posts.block-list-posts .block-content .item > a.post-item-link:hover {
    color: var(--link__hover__color);
}
.sidebar .widget.block-categories ul li a:hover {
    color: var(--link__hover__color);
}

.blog-page .breadcrumbs {
    display: none;
}
.blog-page .post-view {
    margin-top: 32px;
}
.post-info .label {
    display: none;
}
.blog-post-view .sidebar-additional {
    margin-top: 32px;
}
.post-view .mfblog-replated-posts-block .elementor__header {
    text-align: left;
    margin-bottom: 34px;
}
.post-view .mfblog-replated-posts-block .elementor__header h3 {
    font-size: 32px;
    color: var(--text__color);
}
.post-view .mfblog-replated-posts-block .post-list .slick-list.draggable {
    width: 100%;
}
.post-view .mfblog-replated-posts-block .post-list .slick-list.draggable .slick-track {
    margin-left: 0;
}
.post-view .mfblog-replated-posts-block .post-list .post-holder .post-categories a {
    color: var(--link__color);
    font-size: 14px;
}
.post-view .mfblog-replated-posts-block .post-list .post-holder .post-categories a:hover {
    color: var(--link__hover__color);
}
.post-view .mfblog-related-products-block .block-title strong {
    font-size: 32px !important;
    color: var(--text__color);
    font-weight: 400;
}
.post-view .mfblog-related-products-block .block-content a.product-item-link {
    color: var(--link__color);
    font-size: 16px;
}
.post-view .mfblog-related-products-block .block-content a.product-item-link:hover {
    color: var(--link__hover__color);
}
.blog-post-view .post-bottom .block.related {
    margin-bottom: 48px;
}
.blog-post-view .post-bottom .block.related .block-title {
    margin-bottom: 34px;
}

.post-view #post-comments .c-count strong {
    font-size: 32px;
    color: #061A37;
}
.post-view .block.comments .c-count {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px !important;
}
.post-view #post-comments .c-comments .p-text {
    margin-bottom: 16px;
}
.post-view #post-comments .c-comments .p-info {
    margin-bottom: 16px;
}
.post-view #post-comments .c-comments .p-info .p-name {
    width: 78%;
}
.post-view #post-comments .c-comments .p-info .publish-date {
    width: 20%;
    text-align: right;
    white-space: nowrap;
}
.post-view #post-comments .c-comments .reply-action {
    padding-bottom: 10px;
}
.post-view #post-comments .c-reply.cf .c-btn-hld {
    margin-top: 24px;
}
.post-view #post-comments .c-comments .reply-action {
    background: #fff;
    color: var(--text__color);
}
.post-view #post-comments .c-comments .reply-action:before,
.post-view #post-comments .c-comments .reply-action:after {
    background-color: unset;
}
.post-view #post-comments .c-comments .reply-action:hover {
    background: var(--button__hover__background);
    color: var(--button__hover__color);
}
#post-comments .c-comments .c-comment .c-replyform-comment .c-btn-hld {
    margin-top: 24px;
}
.post-bottom #post-comments button {
    background: var(--button__background);
    color: var(--button__color);
}

.post-view .post-bottom {
    margin-top: 48px;
}
.post-view .post-bottom .post-nextprev {
    padding: 0;
    margin-bottom: 48px;
}
.post-view .post-bottom .post-nextprev .nextprev-link {
    color: var(--link__color);
}
.post-view .post-bottom .post-nextprev .nextprev-link:hover {
    color: var(--link__hover__color);
}
.post-view .post-bottom .post-nextprev .nextprev-link span {
    color: var(--link__color);
}
.post-view .post-bottom .post-nextprev .nextprev-link span:hover {
    color: var(--link__hover__color);
}
.post-view > .post-holder .post-infor-bottom {
    padding-bottom: 48px;
}
body.blog-post-view .mfblog-replated-posts-block.block.related {
    margin-bottom: 48px;
}

.sidebar .widget.block-tagclaud .tagclaud-hld span a {
    color: var(--link__color) !important;
}
.sidebar .widget.block-tagclaud .tagclaud-hld span a:hover {
    color: var(--link__hover__color) !important;
}
.sidebar .widget.block-categories ul li {
    color: #7A889F;
}
.sidebar .widget.block-categories ul li a {
    color: var(--link__color);
}
.sidebar .block-recent-posts.block-list-posts .block-content .item .post-item-date {
    color: #7A889F;
}

body.blog-post-view .post-tag-comment a {
    color: var(--link__color) !important;
    font-size: 16px;
    white-space: nowrap;

}
body.blog-post-view .post-tag-comment a:hover {
    color: var(--link__hover__color) !important;
}

.mfblog-related-products-block {
    .products-grid:not(.slick-slider) .product-item,
    .products-grid .product-items:not(.slick-slider) .product-item {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    body.blog-post-view .post-tag-comment a {
        display: inline-block;
        margin-bottom: 1rem;
    }
}
@media (max-width: 589px) {
    .post-view #post-comments .c-comments .p-info .p-name {
        width: 100%;
    }
    .post-view #post-comments .c-comments .p-info .publish-date {
        width: 100%;
        text-align: left;
    }
}
