/**
 * 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 */
body.blog-page {
    --color-white: #fff;
    --color-green: #28a745;
    --color-yellow: #ffc107;
    --color-blue: #4db2ec;
    --color-black: #222;
    --color-gray: #6c757d;
    --color-red: #dc3545;
    --border-color: #d5d6da;
}

.btn-white {
    background: #fff !important;
    color: #7d7d7d !important;
    border: 1px solid #bbb !important;
}

.btn-white:hover {
    background: #4db2ec !important;
    color: #fff !important;
    border-color: #4db2ec !important;
}

.btn-black {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
}

.btn-black:hover {
    background: #4db2ec !important;
    color: #fff !important;
    border-color: #4db2ec !important;
}

.btn-blue {
    background: #4db2ec !important;
    color: #fff !important;
    border: 1px solid #4db2ec !important;
}

.btn-blue:hover {
    background: #222 !important;
    color: #fff !important;
    border-color: #222 !important;
}

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

.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 {
    display: block;
    position: relative;
    padding-bottom: 70%;
    overflow: hidden;
    line-height: 0;
}

.post-list .post-image .image-wrap .bg-img {
    display: block;
    position: absolute;
    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: #000;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

.post-list .post-image .post-category a:hover {
    background: #4db2ec;
}

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

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

.post-list .post-info .post-data-wrap {
    font-size: 11px;
    font-family: 'Vazirmatn';
}

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

.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: #000;
    color: #fff;
    font-size: 10px;
    line-height: 11px;
    font-weight: 600;
    text-align: center;
}

.post-list .post-view:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #000 transparent transparent;
}

.post-read-more a.post-read {
    display: inline-block;
    padding: 10px 15px;
    background: #4db2ec;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

.post-read-more a.post-read:hover {
    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;
}

.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 #e6e9ee;
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.post-list.modern .post-container:hover {
    transform: translateY(-2px);
    border-color: #d9dee6;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

.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: #f3f4f6;
}

.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(20, 27, 38, .88) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 500 !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: #2563eb !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: #172033 !important;
    text-decoration: none !important;
}

.post-list.modern .post-title a:hover {
    color: #2563eb !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: #98a1af !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: #929baa !important;
    font-size: 10px !important;
}

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

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

.post-list.modern .post-description {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #687386 !important;
    font-size: 15px !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: #172033 !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: #2563eb !important;
    color: #fff !important;
}

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

.blog-post-view .post-data-wrap {
    margin-bottom: 30px;
    font-size: 13px;
}

.blog-post-view .post-data-wrap a {
    font-weight: 600;
}

.blog-post-view .post-data {
    color: #bbb;
}

.blog-post-view .post-comments {
    margin-right: 20px;
}

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

.blog-post-view .post-featured-image {
    margin-bottom: 20px;
    font-size: 0;
}

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

.blog-post-view .post-tag .post-tag-title {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 7px 12px;
    background: #222;
    color: #fff;
    border: 1px solid #222;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
}

.blog-post-view .post-tag .post-tags a {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 12px;
    background: #fff;
    border: 1px solid var(--border-color);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {
    background: #333;
    color: #fff;
    opacity: .9;
    text-decoration: none;
}

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

.blog-post-view .post-description p {
    font-size: 1.4rem;
    line-height: 1.7;
}

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

.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;
    text-transform: 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);
}

.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;
    font-size: 20px;
    font-weight: 600;
    text-align: right;
    opacity: .7;
}

.blog-post-view .post-nextprev .nextprev-link:hover {
    text-decoration: none;
}

.blog-post-view .post-nextprev .nextprev-link span {
    display: block;
    color: #bbb;
    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 #222;
    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: 2px;
    border-bottom: 3px solid #222;
    font-size: 18px;
    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 {
    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 {
    display: block;
    position: relative;
    padding-bottom: 70%;
    overflow: hidden;
    line-height: 0;
}

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

.mfblog-related-posts-block.block.related .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 {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.block.comments .c-count {
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px solid #222;
    font-weight: 400;
}

.image-wrap .animation-type-zoom {
    display: block;
    position: relative;
    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;
    line-height: inherit;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    box-sizing: content-box;
}

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

.blog-search .actions .action.search {
    right: 0;
    padding: 0 10px;
    background: #222;
    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 .image-container {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 10px;
    order: 0;
}

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

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

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

.widget.block-list-posts .post-list .post-item .block-info .post-item-name {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
}

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

.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 {
    display: block;
    position: relative;
    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 {
    display: block;
    position: absolute;
    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;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-decoration: none;
    transition: all 300ms ease-in-out;
}

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

.widget.block-posts-list .post-item .block-info .block-date .post-date {
    color: #bbb;
    font-size: 11px;
    line-height: 1.2rem;
    font-family: 'Vazirmatn';
}

.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 {
    font-weight: 600;
}

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

@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 {
        flex: none;
        width: 100%;
        height: 180px;
    }

    .post-list.modern .image-container {
        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 .page-title {
        font-size: 20px;
    }

    .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;
    }
}
/**
 * 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!
 */