/**
 * 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!
 */

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

.post-holder {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.blog-page-list .post-holder {border-bottom: 1px solid #eee}
.blog-page-list .blog-top-image {padding-bottom: 20px}

.post-holder .post-header {position:relative;}

.post-holder .post-header .post-info {padding: 0 0 20px 0;}
.post-holder .post-header .post-info .item {display: inline-block}
.post-holder .post-header .post-info .dash {display: none; /* fix for old templates */}
.post-holder .post-header .post-info .label {font-weight: 600;}
.post-holder .post-header .post-info .value {font-style: italic;}
.post-holder .post-header .post-info .item::after {display: inline-block; content: ' | ';color:#b9b9b9}
.post-holder .post-header .post-info .item:last-child::after{display: none}

.post-list {
    margin-top: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.post-list-wrapper .post-list {padding-left: 0}

.post-list .post-content .post-read-more {padding-top:10px; float:right;}

.subcategory-links-wrapper ul,
.post-links-wrapper ul {list-style: none}

.post-content .post-description img {margin: 15px 0;max-width: 100%;height: auto}
.post-content .post-description ul,
.post-content .post-description ol {list-style-position: outside;}

.post-content .post-description .mfblog-contents li {display: list-item;}
.post-content .post-description .mfblog-contents li li {margin-left: 15px;}

.post-content .post-description .post-ftimg-hld {margin: 0 0 10px 0;}
.post-content .post-description .post-ftimg-hld img {width:100%; padding:0; margin:0;}

.post-content .post-description .mfblog-contents-toc {list-style: decimal;}
.post-content .post-description .mfblog-contents-toc li {margin-bottom: 1rem;}
.post-content .post-description .mfblog-contents-toc li > ol {margin-top: 1rem;}
.post-content .post-description .mfblog-contents-toc li:before {content: none;}
.post-content .post-description .mfblog-contents-toc li a {display: inline;}


/* Post Title */
.post-list .post-header .post-title-holder {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.post-list .post-header .post-title {margin: 0;padding: 10px 10px 10px 0;}
.post-list .post-header .post-title a {text-decoration: none;font-size: 22px;font-weight: 400;}
.post-list .post-holder .post-header .addthis_toolbox a {margin-bottom: 0;}

.post-list .hidden {display:none;}
.post-view .post-bottom {margin-top:30px;}

.post-view .post-nextprev-hld  {margin-bottom: 30px;}
.post-view .post-nextprev-hld .nextprev-link {font-weight: 700;}
.post-view .post-nextprev-hld .prev-link {float:left}
.post-view .post-nextprev-hld .next-link {float:right}

/* Post Gallery */
.post-view .post-gallery {margin:15px 0 15px 0}
.post-view .post-gallery .gallery-image-hld {margin: 0 14px 14px 0; border:1px solid #ccc; display: block; float:left}
.post-view .post-gallery .gallery-image{padding: 0; margin:0; display:block}

.post-view .block {margin-bottom: 30px;}

/* Widget Gallery */
.widget.block-categories ul {padding: 0;margin: 0;list-style: none;}
.widget.block-categories ul li {padding: 5px 0 5px 9px;margin: 0;}
.widget.block-categories ul li a {font-weight: 600;}
.widget.block-categories ul ul {margin: 0;}

/* Widget RSS */
.widget.block-rss .rss-icon {float: left; width: 23px; padding-right: 10px;}

/* Widget Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.widget.blog-search .action.search {position: absolute;right: 10px;top: 0;bottom: 0;z-index: 1;height: 100%;margin: 0;padding: 0;display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/search-icon.svg) no-repeat -10px -7px;background-size: 35px;opacity: 0.5;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* Widget Tag Claud */
.widget.block-tagclaud .smallest{font-size: 0.75em}
.widget.block-tagclaud .small{font-size:1em}
.widget.block-tagclaud .medium{font-size:1.25em}
.widget.block-tagclaud .large{font-size:1.5em}
.widget.block-tagclaud .largest{font-size:2em}

/* Widget Archive */
.widget.block-archive .item {margin: 5px 0;}
.widget.block-archive .item {display: inline-block}
.widget.block-archive .item:after {content: "\\"; display:inline-block;padding-left: 5px}

/* Widget Recent */
.blog-widget-recent .post-list {padding: 0;margin: 0;}
.blog-widget-recent .post-holder {width: 31.2%;float: left;margin: 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 48%;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: both;}
@media (max-width: 767px) {
    .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 98%;}
}
@media (max-width: 1024px) {
    .blog-widget-recent .post-holder {
        width: 48%;
    }
}
@media (max-width: 767px) {
    .blog-widget-recent .post-holder {
        width: 98%;
    }
}

.blog-widget-recent .post-description .post-text-hld {
    min-height: 150px;
    overflow-y: auto;
}

.blog-widget-recent-masonry .post-description .post-text-hld {
    max-height: none;
    min-height: 0;
}
.blog-widget-recent-masonry .post-description .post-ftimg-hld {
    width: 100%;
    margin: 0;
}

.mfblog-autoloader {text-align: center;}
.mfblog-autoloader .mfblog-show-onload {display: none;}


@media (max-width: 420px) {
    #mfblog_gcomments {max-width:345px; overflow-y: scroll;}
}

.blog-category-view .category-content,
.blog-index-index .index-description,
.blog-tag-view .tag-content {padding-left: 0}

/* Posts List */
.widget.block-list-posts .block-content .item {
    padding: 8px 0 0 0;
}
.widget.block-list-posts .block-content .item .post-image {
    width: 60px;
    float: left;
    border-radius: 0;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-right: 12px;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link {
    display: inline-block;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
/* END Posts List */

/* Fix Related Products */
.blog-post-view .products-grid .product-item {
    display: inline-block;
    margin-left: 2%;
    width: calc((100% - 2%)/2);
}
.blog-post-view .product-item:nth-child(2n+1) {
    margin-left: 0;
}
.blog-post-view .products-grid .product-item .product-item-info {
    width: auto;
}
@media (min-width: 640px){
    .blog-post-view .products-grid .product-item {
        display: inline-block;
        margin-left: 2%;
        width: calc((100% - 4%)/3);
    }
    .blog-post-view .products-grid .product-item:nth-child(2n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 0;
    }
}
@media (min-width: 1024px){
    .blog-post-view .products-grid .product-item {
        width: calc((100% - 8%)/5);
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(5n+1) {
        margin-left: 0;
    }
}

/* Icons */
.mf-blog-icon {width: 15px;height: 15px;display: inline-block;position: relative;top: 2px;background-size: cover;}
.mf-blog-icon.mfbi-calendar {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/calendar-icon.svg')}
.mf-blog-icon.mfbi-folder {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/folder-icon.svg')}
.mf-blog-icon.mfbi-comments {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/comments-icon.svg')}
.mf-blog-icon.mfbi-tags {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/tags-icon.svg')}
.mf-blog-icon.mfbi-user {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/user-icon.svg')}
.mf-blog-icon.mfbi-views {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/views-icon.svg')}
.mf-blog-icon.mfbi-reading-time {background-image: url('../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/time-icon.svg')}
/* END Fix Related Products */


/* Post Sharing Top */
/*.post-sharing-top {padding: 10px 0 10px 0;}*/
.post-sharing-top .share-elements {display: flex;flex-wrap: wrap;align-items: center;}
.post-sharing-top .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 4px 0 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;vertical-align: middle;line-height: 16px;}
.post-sharing-top .icon-wrapper:last-child {margin-right: 0;}
.post-sharing-top .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-top .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
.post-sharing-top .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-top .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
.post-sharing-top .icon-wrapper .icon {line-height: 16px;height: 16px;width: 16px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}
.post-sharing-top .icon-wrapper:hover {transform: translateY(-2px);}

/*.post-list .post-sharing-top {}*/
/*.post-view .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}*/
/*.post-list.modern {}*/
/* END Post Sharing Top */
/* =========================================
   Magefan Blog - Brand Design
   Primary brand color: #007f73
   ========================================= */

body.blog-page {
    --color-white: #fff;
    --color-primary: #007f73;
    --color-primary-dark: #075c54;
    --color-primary-soft: #eaf7f4;
    --color-primary-border: #cce9e3;
    --color-title: #123c37;
    --color-text: #1d3431;
    --color-gray: #667a76;
    --color-light-gray: #e3efec;
    --color-black: #123c37;
    --color-green: #007f73;
    --color-yellow: #ffc107;
    --color-blue: #007f73;
    --color-red: #dc3545;
    --border-color: #dcebe7;
}

/* =========================================
   Buttons
   ========================================= */

.btn-white {
    background: #fff !important;
    color: var(--color-primary-dark) !important;
    border: 1px solid var(--color-primary-border) !important;
}

.btn-white:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary) !important;
}

.btn-black,
.btn-blue {
    background: var(--color-primary) !important;
    color: #fff !important;
    border: 1px solid var(--color-primary) !important;
}

.btn-black:hover,
.btn-blue:hover {
    background: var(--color-primary-dark) !important;
    color: #fff !important;
    border-color: var(--color-primary-dark) !important;
}

.clearfix::after {
    display: table;
    clear: both;
    content: "";
}

/* =========================================
   General post list
   ========================================= */

.post-slider .post-block .image-wrap {
    padding-bottom: 450px;
}

.post-holder {
    margin-bottom: 40px;
    border-radius: 0;
}

.blog-page-list .index-description {
    margin-bottom: 15px;
}

.post-list {
    margin: 0 0 20px;
    padding-left: 0;
    list-style: none;
}

.post-list .post-item.post-holder {
    display: block;
    margin: 0 0 30px;
    padding: 0;
}

.post-list .post-container {
    display: flex;
}

.post-list .post-image {
    flex: 0 0 30%;
    width: 30%;
    order: 0;
}

.post-list .post-image .image-container {
    position: relative;
}

.post-list .post-image .image-wrap {
    position: relative;
    display: block;
    padding-bottom: 70%;
    overflow: hidden;
    line-height: 0;
}

.post-list .post-image .image-wrap .bg-img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.post-list .post-image .image-wrap img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.post-list .post-image .post-category {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    font-size: 0;
    line-height: 1;
}

.post-list .post-image .post-category a,
.blog-post-view .post-category a {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 5px 10px;
    background: var(--color-primary-dark);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.post-list .post-image .post-category a:hover {
    background: var(--color-primary);
}

.post-list .post-info .post-title-wrap h3 {
    margin: 0;
}

.post-list .post-info .post-title-wrap h3 a {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.post-list .post-info .post-data-wrap,
.post-list .post-info .post-data-wrap .post-date {
    font-family: sans-serif;
    font-size: 11px;
}

.post-list .post-info .post-data-wrap .post-date {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    box-shadow: none;
}

.post-list .post-info .post-data-wrap a {
    font-weight: 600;
}

.post-list .post-description {
    font-size: 13px;
    line-height: 21px;
}

.post-list .post-view {
    position: relative;
    top: -5px;
    display: block;
    padding: 4px 6px;
    background: var(--color-primary-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 11px;
    text-align: center;
}

.post-list .post-view::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 3px 3px 0 0;
    border-style: solid;
    border-color: var(--color-primary-dark) transparent transparent;
    content: "";
}

.post-read-more a.post-read {
    display: inline-block;
    padding: 10px 15px;
    background: var(--color-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.post-read-more a.post-read:hover {
    background: var(--color-primary-dark);
    color: #fff;
    text-decoration: none;
}

.post-image .image-wrap._16x9 {
    padding-bottom: 35% !important;
}

.post-image .image-wrap._4x3 {
    padding-bottom: 67% !important;
}

.post-image .image-wrap._3x2 {
    padding-bottom: 55% !important;
}

.post-image .image-wrap._1x1 {
    padding-bottom: 100% !important;
}

/* =========================================
   Modern post list
   ========================================= */

.post-list.modern {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.post-list.modern .post-item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.post-list.modern .post-container {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 210px;
    min-height: 210px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--color-light-gray);
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(0, 79, 70, .04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.post-list.modern .post-container:hover {
    border-color: var(--color-primary-border);
    box-shadow: 0 8px 25px rgba(0, 79, 70, .10);
    transform: translateY(-2px);
}

.post-list.modern .post-image {
    flex: 0 0 28%;
    width: 28%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.post-list.modern .image-container {
    position: relative;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #f2f8f7;
}

.post-list.modern .image-wrap {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.post-list.modern .post-featured-img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    transition: transform .4s ease;
}

.post-list.modern .post-container:hover .post-featured-img {
    transform: scale(1.04);
}

.post-list.modern .post-category {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 10;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
    background: transparent !important;
}

.post-list.modern .post-category .category-name {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 150px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    background: rgba(0, 95, 85, .92) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transform: none !important;
}

.post-list.modern .post-category .category-name:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
}

.post-list.modern .post-info {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    padding: 18px 22px !important;
    text-align: right;
}

.post-list.modern .post-title-wrap {
    margin: 0 0 7px !important;
    padding: 0 !important;
}

.post-list.modern .post-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

.post-list.modern .post-title a {
    color: var(--color-title) !important;
    text-decoration: none !important;
}

.post-list.modern .post-title a:hover {
    color: var(--color-primary) !important;
}

.post-list.modern .post-data-wrap {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 9px;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #84938f !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
}

.post-list.modern .post-author-name,
.post-list.modern .post-date,
.post-list.modern .reading-time {
    color: #7b8b87 !important;
    font-size: 10px !important;
}

.post-list.modern .post-author-name a {
    color: #47645f !important;
    font-size: 10px !important;
    font-weight: 600;
    text-decoration: none;
}

.post-list.modern .post-view {
    margin-right: auto;
    color: #7b8b87 !important;
    font-size: 10px !important;
}

.post-list.modern .post-description {
    display: -webkit-box;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow: hidden;
    color: #60736e !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.post-list.modern .post-description p {
    margin: 0 !important;
}

.post-list.modern .post-read-more {
    display: block !important;
    margin-top: auto !important;
    padding: 0 !important;
}

.post-list.modern .post-read-more .action.primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 95px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    background: var(--color-primary-dark) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease;
}

.post-list.modern .post-read-more .action.primary:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
}

.post-list.modern .post-info::before,
.post-list.modern .float-right {
    display: none !important;
}

/* =========================================
   Single blog post
   ========================================= */

.blog-post-view .breadcrumbs {
    margin-bottom: 14px;
}

.blog-post-view .breadcrumbs a {
    color: var(--color-gray);
    text-decoration: none;
    transition: color .2s ease;
}

.blog-post-view .breadcrumbs a:hover {
    color: var(--color-primary);
}

.blog-post-view .page-title-wrapper {
    margin: 18px 0 16px;
}

.blog-post-view .page-title-wrapper .page-title {
    position: relative;
    max-width: 920px;
    margin: 0;
    padding-inline-start: 18px;
    color: var(--color-title);
    font-size: clamp(28px, 4vw, 43px);
    font-weight: 800;
    line-height: 1.48;
    letter-spacing: -.35px;
}

.blog-post-view .page-title-wrapper .page-title::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 5px;
    border-radius: 99px;
    background: var(--color-primary);
    content: "";
}

.blog-post-view .post-header {
    position: relative;
    margin-bottom: 24px;
    padding: 18px 20px;
    overflow: hidden;
    border: 1px solid var(--color-primary-border);
    border-radius: 16px;
    background: linear-gradient(135deg, #fff 0%, #f4fbf9 100%);
    box-shadow: 0 8px 25px rgba(0, 79, 70, .055);
}

.blog-post-view .post-header::before {
    position: absolute;
    top: -60px;
    right: -50px;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    background: rgba(0, 127, 115, .055);
    content: "";
    pointer-events: none;
}

.blog-post-view .post-category {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px !important;
}

.blog-post-view .post-category .category-name {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    margin: 0 !important;
    padding: 5px 13px;
    border: 1px solid var(--color-primary);
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-decoration: none;
    text-transform: none;
    transition: background .2s ease, transform .2s ease;
}

.blog-post-view .post-category .category-name:hover {
    background: var(--color-primary-dark);
    color: #fff;
    transform: translateY(-1px);
}

.blog-post-view .post-data-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px;
    margin-bottom: 0 !important;
    color: var(--color-gray);
    font-size: 13px;
    line-height: 1.8;
}

.blog-post-view .post-data-wrap a,
.blog-post-view .post-author-name {
    color: var(--color-text);
    font-weight: 700;
    text-decoration: none;
}

.blog-post-view .post-data-wrap a:hover {
    color: var(--color-primary);
}

.blog-post-view .post-date,
.blog-post-view .reading-time {
    color: var(--color-gray);
}

.blog-post-view .post-date > span {
    color: #b7ccc7;
}

/* Featured image: desktop compact + mobile CLS-safe */
.blog-post-view .post-featured-image {
    box-sizing: border-box;
    width: min(100%, 540px);
    max-width: 540px;
    aspect-ratio: 4 / 3;
    margin: 0 auto 26px;
    overflow: hidden;
    border: 1px solid var(--color-light-gray);
    border-radius: 18px;
    background: #f5faf9;
    box-shadow: 0 12px 28px rgba(0, 79, 70, .07);
}

.blog-post-view .post-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.blog-post-view .post-description {
    margin-bottom: 30px;
    color: var(--color-text);
    font-size: 16px;
    line-height: 2.1;
}

.blog-post-view .post-description p {
    margin-bottom: 20px;
    font-size: inherit;
    line-height: inherit;
}

.blog-post-view .post-description a {
    color: var(--color-primary);
    font-weight: 700;
    text-decoration-color: rgba(0, 127, 115, .35);
    text-underline-offset: 3px;
}

.blog-post-view .post-description a:hover {
    color: var(--color-primary-dark);
    text-decoration-color: var(--color-primary-dark);
}

.blog-post-view .post-description h2,
.blog-post-view .post-description h3,
.blog-post-view .post-description h4 {
    position: relative;
    margin: 34px 0 14px;
    padding-inline-start: 14px;
    color: var(--color-title);
    font-weight: 800;
    line-height: 1.6;
}

.blog-post-view .post-description h2::before,
.blog-post-view .post-description h3::before,
.blog-post-view .post-description h4::before {
    position: absolute;
    inset-block: 9px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 99px;
    background: var(--color-primary);
    content: "";
}

.blog-post-view .post-description h2 {
    font-size: 26px;
}

.blog-post-view .post-description h3 {
    font-size: 22px;
}

.blog-post-view .post-description blockquote {
    margin: 25px 0;
    padding: 18px 20px;
    border: 1px solid var(--color-primary-border);
    border-inline-start: 4px solid var(--color-primary);
    border-radius: 12px;
    background: var(--color-primary-soft);
    color: var(--color-title);
}

.blog-post-view .post-description ul,
.blog-post-view .post-description ol {
    margin-bottom: 22px;
    padding-inline-start: 24px;
}

.blog-post-view .post-description li {
    margin-bottom: 8px;
}

/* Tags */
.blog-post-view .post-tag {
    margin: 24px 0 22px;
    padding-top: 20px;
    border-top: 1px solid var(--color-light-gray);
}

.blog-post-view .post-tag .post-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-post-view .post-tag .post-tag-title {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--color-primary-dark);
    border: 0;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-transform: none;
}

.blog-post-view .post-tag .post-tag-title::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-inline-end: 6px;
    border-radius: 50%;
    background: var(--color-primary-soft);
    color: var(--color-primary);
    content: "#";
    font-size: 15px;
    font-weight: 800;
}

.blog-post-view .post-tag .post-tags a {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    margin: 0 !important;
    padding: 5px 12px;
    background: #fff;
    color: var(--color-primary-dark);
    border: 1px solid var(--color-primary-border);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    transition: all .2s ease;
}

.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    opacity: 1;
    text-decoration: none;
    transform: translateY(-1px);
}

/* Share */
.post-view .post-bottom {
    margin-top: 30px;
}

.blog-post-view .post-sharing {
    margin-bottom: 20px;
}

.post-sharing-bottom {
    margin-bottom: 30px;
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.post-sharing-bottom .share-elements {
    text-align: center;
}

.post-sharing-bottom .share-elements .icon-wrapper {
    display: inline-block;
    margin: 0 5px 5px 0;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
    transition: transform .2s ease-in-out;
}

.post-sharing-bottom .share-elements .icon-wrapper.icon-facebook {
    background: rgb(59, 89, 152);
}

.post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {
    background: #000;
}

.post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {
    background: rgb(203, 32, 39);
}

.post-sharing-bottom .share-elements .icon-wrapper.icon-linkedin {
    background: rgb(2, 136, 209);
}

.post-sharing-bottom .share-elements .icon-wrapper .icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    vertical-align: top;
    line-height: 48px;
}

.post-sharing-bottom .share-elements .icon-wrapper .label {
    display: inline-block;
    height: 48px;
    padding: 0 15px 0 3px;
    color: #fff;
    font-size: 13px;
    line-height: 48px;
    vertical-align: top;
}

.post-sharing-bottom .share-elements .icon-wrapper:hover {
    transform: translateY(-4px);
}

/* =========================================
   Gallery, related and navigation
   ========================================= */

.blog-post-view .post-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1rem;
    margin-bottom: 20px;
}

.blog-post-view .post-gallery .gallery-image-hld {
    display: inline-block;
}

.blog-post-view .post-nextprev {
    display: flex;
    margin-bottom: 30px;
    padding: 20px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.blog-post-view .post-nextprev .nextprev-link {
    display: block;
    color: var(--color-title);
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    opacity: .85;
}

.blog-post-view .post-nextprev .nextprev-link:hover {
    color: var(--color-primary);
    text-decoration: none;
}

.blog-post-view .post-nextprev .nextprev-link span {
    display: block;
    color: var(--color-gray);
    font-size: 14px;
    font-weight: 400;
}

.blog-post-view .post-bottom .block.related {
    margin-bottom: 0;
}

.blog-post-view .post-bottom .block.related .block-title,
.mfblog-related-products-block.block.related .block-title {
    margin: 0 0 25px;
    padding: 5px 0;
    border-bottom: 1px solid var(--color-primary-border);
    line-height: 1.42857143;
}

.blog-post-view .post-bottom .block.related .block-title strong,
.mfblog-related-products-block.block.related .block-title strong,
.block.comments .c-count strong {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid var(--color-primary);
    color: var(--color-title);
    font-size: 18px;
    font-weight: 700;
}

.block.comments .c-count {
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px solid var(--color-primary-border);
    font-weight: 400;
}

.mfblog-related-posts-block.block.related .post-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    overflow: hidden;
}

.mfblog-related-posts-block.block.related .post-list .post-item {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    margin-bottom: 2rem !important;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.mfblog-related-posts-block.block.related .post-list .post-item .image-container,
.widget.block-list-posts .post-list .post-item .image-container {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 10px;
    order: 0;
}

.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap,
.widget.block-list-posts .post-list .image-container .image-wrap {
    position: relative;
    display: block;
    padding-bottom: 70%;
    overflow: hidden;
    line-height: 0;
}

.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img,
.widget.block-list-posts .post-list .image-container .image-wrap .bg-img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.mfblog-related-posts-block.block.related .post-list .post-item .block-info,
.widget.block-list-posts .post-list .post-item .block-info {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.mfblog-related-posts-block.block.related .post-list .block-info h3.post-title a {
    color: var(--color-title);
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

/* =========================================
   Sidebar widgets and search
   ========================================= */

.image-wrap .animation-type-zoom {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
}

.image-container .animation-type-zoom {
    transition: transform .3s ease, opacity .3s;
}

.image-container:hover .animation-type-zoom {
    transform: scale3d(1.1, 1.1, 1);
}

.widget.blog-search {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    float: right;
}

.widget.blog-search .block-content {
    margin-bottom: 0;
}

.widget.blog-search .block-content .form {
    position: relative;
}

.widget.blog-search label,
.widget.blog-search .action.search > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.widget.blog-search label {
    display: inline-block;
    float: right;
    text-decoration: none;
}

.widget.blog-search .control {
    clear: both;
    margin: 0;
    padding: 0;
    border-top: 0;
}

.widget.blog-search input {
    position: static;
    margin: 0;
    padding-right: 35px;
    left: -300%;
}

.widget.blog-search .action.search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none;
    text-shadow: none;
    box-sizing: content-box;
}

.widget.blog-search .action.search::before {
    display: inline-block;
    width: 16px;
    height: 32px;
    margin: 0;
    overflow: hidden;
    background: url(../../frontend/Local/tebbox-child/fa_IR/Magefan_Blog/images/search-icon-white.svg) no-repeat -10px -7px;
    background-size: 35px;
    content: "";
    vertical-align: top;
}

.blog-search .actions .action.search {
    right: 0;
    padding: 0 10px;
    background: var(--color-primary);
    border-radius: 0;
}

.widget.block-list-posts .post-list .post-item {
    flex-direction: column;
    margin-bottom: 2rem !important;
}

.widget.block-list-posts .post-list .post-item .block-info .post-item-name {
    color: var(--color-title);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.widget.block-list-posts .post-list .post-item .block-info .post-item-name:hover {
    color: var(--color-primary);
}

.widget.block-list-posts .post-list .post-item .block-info .block-date,
.widget.block-posts-list .post-item .block-info .block-date .post-date {
    color: #879792;
}

.widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {
    font-size: 11px;
}

.widget.block-posts-list .post-item {
    display: flex;
    gap: 1.5rem;
}

.widget.block-posts-list .post-item .image-container {
    display: block;
    flex: 0 0 33.333333%;
    align-self: flex-start;
    width: 33.333333%;
    margin-bottom: 10px;
    order: 0;
}

.widget.block-posts-list .post-item .image-container .image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

.widget.block-posts-list .post-item .image-container .image-wrap._4x3 {
    padding-bottom: 70%;
}

.widget.block-posts-list .post-item .image-container .image-wrap .bg-img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-position: center;
    background-size: cover;
}

.widget.block-posts-list .post-item .block-info .post-title {
    margin: 0 0 .5rem !important;
}

.widget.block-posts-list .post-item .block-info .post-title .post-item-name {
    display: block;
    color: var(--color-title);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
    transition: color .25s ease;
}

.widget.block-posts-list .post-item .block-info .post-title .post-item-name:hover {
    color: var(--color-primary);
}

.widget.block-posts-list .post-item .block-info .block-date {
    line-height: 1rem;
}

.widget.block-posts-list .post-item .block-info .post-description,
.widget.block-posts-list .post-item .block-info .read-more {
    display: none;
}

.widget.block-posts-list .post-item .block-info .post-description {
    font-size: 13px;
    line-height: 21px;
}

.widget.block-archive .archive-item-link {
    color: var(--color-primary-dark);
    font-weight: 700;
}

.widget.block-archive .archive-item-link:hover {
    color: var(--color-primary);
}

.widget.block-rss .rss-icon {
    width: 23px;
    filter: grayscale(100%);
    vertical-align: middle;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 991px) {
    .post-list.modern .post-container {
        height: 195px;
        min-height: 195px;
    }

    .post-list.modern .post-image {
        flex: 0 0 30%;
        width: 30%;
    }

    .post-list.modern .post-info {
        padding: 15px 18px !important;
    }

    .post-list.modern .post-title {
        font-size: 16px !important;
    }

    .post-list.modern .post-description {
        font-size: 11px !important;
    }
}

@media (max-width: 768px) {
    .post-list .post-item.post-holder {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767px) {
    .post-list .post-image .post-category {
        display: none;
    }

    .post-list .post-info {
        padding: 0 0 0 15px;
    }

    .post-list.modern {
        gap: 15px;
    }

    .post-list.modern .post-container {
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .post-list.modern .post-image,
    .post-list.modern .image-container {
        flex: none;
        width: 100%;
        height: 180px !important;
    }

    .post-list.modern .post-info {
        height: auto;
        min-height: 180px;
        padding: 16px !important;
    }

    .post-list.modern .post-title {
        font-size: 17px !important;
    }

    .post-list.modern .post-description {
        -webkit-line-clamp: 3;
    }

    .post-list.modern .post-read-more .action.primary {
        width: 100% !important;
    }

    .mfblog-related-posts-block.block.related .post-list .post-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .blog-post-view .page-title-wrapper {
        margin: 12px 0 14px;
        padding-inline: 14px;
    }

    .blog-post-view .page-title-wrapper .page-title {
        padding-inline-start: 13px;
        font-size: 27px;
        line-height: 1.55;
        letter-spacing: -.2px;
    }

    .blog-post-view .page-title-wrapper .page-title::before {
        inset-block: 8px;
        width: 4px;
    }

    .blog-post-view .post-header {
        margin: 0 12px 18px;
        padding: 15px 14px;
        border-radius: 14px;
    }

    .blog-post-view .post-category {
        margin-bottom: 10px !important;
    }

    .blog-post-view .post-data-wrap {
        gap: 4px 7px;
        font-size: 12px;
    }

    .blog-post-view .post-featured-image {
        width: calc(100% - 28px);
        max-width: 330px;
        aspect-ratio: 4 / 3;
        margin: 0 auto 22px;
        border-radius: 14px;
        box-shadow: 0 8px 20px rgba(0, 79, 70, .06);
    }

    .blog-post-view .post-description {
        font-size: 15px;
        line-height: 2;
    }

    .blog-post-view .post-description h2 {
        font-size: 22px;
    }

    .blog-post-view .post-description h3 {
        font-size: 19px;
    }

    .blog-post-view .post-tag {
        margin-top: 20px;
        padding: 17px 14px 0;
    }

    .blog-post-view .post-tag .post-tags {
        gap: 7px;
    }

    .blog-post-view .post-tag .post-tags a {
        min-height: 29px;
        padding: 4px 10px;
        font-size: 11px;
    }

    .blog-post-view .post-nextprev .nextprev-link {
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (max-width: 640px) {
    .post-list .post-info .post-title-wrap h3 a {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
    }
}
@media (min-width: 768px) {
    .blog-post-view .post-featured-image {
        width: min(100%, 780px);
        max-width: 880px;
        margin-inline: auto;
    }
}/**
 * 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!
 *//**
 * 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!
 */

#post-comments * {box-sizing: border-box;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/* Styles For All Blocks*/
.c-count {margin-bottom: 15px;font-weight: 700;padding-bottom: 10px;font-size: 16px;border-bottom: 1px solid #bbbbbb;color: #222;}
.c-img {width: 48px;position: absolute; left: 0;top: 0;z-index: 5;}
.c-img img {width: 100%;}
.c-reply, .c-comment {position: relative;margin-bottom: 18px;}
/*.c-replyform, .c-post {margin-left: 25px;}*/
.c-allcomments,
.c-allcomments:visited {display: block;width: 100%;font-weight: 700;font-size: 14px;color: #fff;background: #1979c3;margin-top: 24px;line-height: 40px;text-align: center;border-radius: 3px;transition: 200ms cubic-bezier(.08,.52,.52,1) background-color;text-decoration: none;}
.c-allcomments:hover {background-color: #e2e2e2;color: #fff;text-decoration: none;}

/* Reply Form */
.c-replyform textarea,
.c-replyform input {color: #222;background: #fff !important;display: block;}
.c-replyform textarea {padding: 8px;height: 70px;border: 1px solid #bbbbbb;}
.c-replyform.no-active textarea {border-bottom: 1px solid #bbbbbb;height: 60px;}
.c-replyform textarea:focus,
.c-replyform input:focus {box-shadow:none;}
.c-replyform button {-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.c-replyform button:hover {-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}

/* Message */
.c-replyform div.mage-error[generated] {display: none!important;}
.c-replyform .mage-error {background-color: #fff3f3!important;border-color:#d5d6da;}

/* Form */
.c-replyform .c-btn-hld {margin-top: 20px;}
.c-replyform.no-active .c-btn-hld {display: none;}
.c-replyform .c-btn-hld .lr-hld {
    display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-justify-content: center;-ms-flex-pack: justify;justify-content: space-between;
}
.c-replyform .left-hld,
.c-replyform .right-hld {
    width: 49%;padding: 0;-webkit-flex: 0 0 49%;-ms-flex: 0 0 49%;flex: 0 0 49%;
}
@media screen and (max-width: 480px) {
    .c-replyform .c-btn-hld {
        display: -webkit-flex;display: -ms-flexbox;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    }
    .c-replyform .lr-hld {
        -webkit-order: 0;-ms-flex-order: 0;order: 0;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    }
    .c-replyform form .c-btn-hld .input-box {
        -webkit-order: 1;-ms-flex-order: 1;order: 1;
    }
    #recaptcha-append-to {
        -webkit-order: 2;-ms-flex-order: 2;order: 2;
    }
    .c-replyform button {
        -webkit-order: 3;-ms-flex-order: 3;order: 3;
    }
    .c-replyform .left-hld {padding: 0 0 20px 0;}
}


/* Button */
.c-replyform button {display: inline-block;color: #fff;background-color: #4db2ec;border: none;border-radius: 0;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;margin-top: 20px;}
.c-replyform button:hover {color: #ffffff;background-color: #222222;}
.c-replyform button.cancel {background-color: #f6f7f9;border-color: #ced0d4;color: #4b4f56;}
.c-replyform button.cancel:hover {background-color: #e9ebee;}


.c-replyform form .c-btn-hld .input-box {width: 100%;text-align: left;padding: 6px 0;display: inline-block;float: left;margin: 20px 0;}
.c-replyform form .c-btn-hld .input-box .checkbox.required-entry {float: left;margin: 2px 10px 0 0;}
.c-replyform form .c-btn-hld .input-box .checkbox.required-entry.mage-error {
    -webkit-box-shadow: 0 0 5px 0 rgb(250, 166, 166);
    -moz-box-shadow: 0 0 5px 0 rgb(250, 166, 166);
    box-shadow: 0 0 5px 0 rgb(250, 166, 166);
}

/* Comment */
.c-comments {margin-top: 20px;border-top: 1px solid #ddd;padding-top: 30px;padding-left: 25px;}
.c-comments .c-comment {border-bottom: 1px dashed #eee;}
.c-comments .c-comment:last-child{border-bottom: none}
.c-post .p-info {margin-bottom: 10px;}
.c-post .p-name {font-weight: 700;/*color: #222222;*/display: inline-block;margin-right: 10px;font-size: 14px;line-height: 20px;}
.c-post .publish-date {font-size: 11px;color: #bbbbbb;display: inline-block;line-height: 20px;}
.c-post .p-actions {padding: 8px 0 10px;}
.c-post .p-actions {font-size: 12px;}
.c-post .p-actions a {color: #bbbbbb;}
.c-post .p-actions a:hover {text-decoration: underline; }
.c-post .p-actions span {color: #90949c;}

/* Post's replies and reply form */
.p-replies {border-left: 1px dotted #bdbdbd; padding-left: 10px;}
.p-replies .c-img {width: 36px;}
.p-replies .c-post, .p-replies .c-replyform {margin-left: 20px;}
.p-replies .c-comment {margin-bottom: 10px;}
.p-replies .c-more {background: #d7eaf9;padding: 5px;font-size: 12px;border-radius: 3px;margin-bottom: 10px;}
.p-replies .c-more a {color: #4267b2; font-weight: 700; font-size: 11px;}
.p-replies .c-more a:hover {text-decoration: underline;}
.p-replies .c-more i{width: 0;height: 0;border-left: 3px solid rgba(0, 0, 0, 0);border-right: 3px solid rgba(0, 0, 0, 0);border-top: 3px solid #768196;vertical-align: middle;margin-left: 3px;position: relative;top: 7px;}

/* MSP recaptcha */
#post-comments .c-replyform .c-btn-hld #msp-recaptcha-container {margin-top: 20px;}

@media screen and (max-width: 450px) {
    .c-img {width: 38px;}
    .c-post {font-size: 13px;}
    .c-post .p-actions {font-size: 11px;}
    .c-reply, .c-comment {position: relative;margin-bottom: 18px;}
    .c-replyform, .c-post {margin-left: 0}
    .p-replies {padding-left: 5px;}
    .p-replies .c-img {width: 28px;}
    .p-replies .c-post, .p-replies .c-replyform {margin-left: 34px;}
    .p-replies .c-more a {font-size: 10px;padding: 3px;}
    .c-replyform .left-hld,
    .c-replyform .right-hld {float:none;width: 100%;}
}