/* All Widget Templates ************************************************************************************************
***********************************************************************************************************************/
body.blog-page {
    --color-white: #ffffff;
    --color-green: #28a745;
    --color-yellow: #ffc107;
    --color-blue: #002737;
    --color-black: #222222;
    --color-gray: #6c757d;
    --color-red: #dc3545;
    --border-color: #d5d6da;
}

.fav-color-green {color: #28a745;}
.fav-color-yellow {color: #ffc107;}
.fav-color-blue {color: #002737;}
.fav-color-black {color: #222222;}
.fav-color-gray {color: #6c757d;}
.fav-color-red {color: #dc3545;}
.blog-post-view .page-wrapper .page-main .sidebar  .block, 
.blog-index-index.page-layout-2columns-right .sidebar-additional .block {
    background-color: #fff;
    margin: 0;
    padding:0 30px 30px;
}
.blog-post-view .page-wrapper .page-main .sidebar  .block .block-title strong , 
.blog-index-index.page-layout-2columns-right .sidebar-additional .block .block-title strong {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}
.blog-post-view .page-wrapper .page-main .sidebar .widget.block.blog-search,
.blog-index-index.page-layout-2columns-right .sidebar-additional .widget.block.blog-search {
    border-radius: 20px 20px 0 0px;
    padding-top: 30px;
    padding-bottom: 15px
}
blog-post-view .page-wrapper .page-main .sidebar .block:last-child,
.blog-index-index.page-layout-2columns-right .sidebar-additional .block:last-child {
    border-radius: 0 0 20px 20px;
    padding-bottom: 30px;
}
.blog-post-view .column.main .post-content a{
    color: #000 !important;
    text-decoration: underline;
}
/* Buttons */
.btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;}
.btn-white:hover {background-color: #002737 !important;color: #fff !important; border: 1px solid #002737 !important;}
.btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}
.btn-black:hover {background-color: #002737 !important;color: #fff !important;border: 1px solid #002737 !important;}
.btn-blue {background-color: #002737 !important;color: #fff !important;border: 1px solid #002737 !important;}
.btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}


/* Slider *************************************************************************************************************/
.post-slider .post-block .image-wrap {padding-bottom: 450px;}
/* END Slider *********************************************************************************************************/


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

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



/* Blog Post List *****************************************************************************************************/
.post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0}
.post-list .post-item.post-holder {margin: 0 0 30px 0;padding: 0;display: block;}
.post-list .post-container {display: -ms-flexbox;display: flex;}

/* Post Image ************************************/
.post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;min-height: auto;}
.post-list .post-image .image-container {position: relative;}
.post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;}
/* Post Category */
.post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;}
.post-list .post-image .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;
    /*-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all .3s ease;*/}
.post-list .post-image .post-category a:hover {background: #002737;}

/* Post Info **************************************/
.post-list.modern .post-info {padding: 0 0 0 25px;flex: 0 0 70%;max-width: 70%;width: 70%;order: 1;box-sizing: border-box;}
/* Post Title */
body.blog-post-view .page-wrapper .page-main .column.main {
    margin: 0 0 30px 0;
    padding: 30px;
    border-radius: 20px;
    border: 0;
}
.post-list .post-info .post-title-wrap h3 {margin: 0;}
.post-list .post-info .post-title-wrap h3 a {    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
    text-transform: capitalize;}
    .blog-post-view.page-layout-2columns-right .sidebar-additional .block .block-content .post-item-date span.value,
    .blog-index-index.page-layout-2columns-right .sidebar-additional .block .block-content .post-item-date span.value {
        font-size: 12px;
        font-weight: normal;
        color: #666666;
        font-style: normal;
    }
    .blog-post-view .post-data-wrap span.post-date {
        font-size: 14px;
        font-weight: normal;
        color: #666666;
        font-style: normal;
    }
    .blog-post-view.page-layout-2columns-right .sidebar-additional .block .block-content a.post-item-link,
    .blog-index-index.page-layout-2columns-right .sidebar-additional .block .block-content  a.post-item-link {
        text-transform: capitalize;
    }
    .widget.blog-search .control input#blog_search {
        position: relative;
        left: 0;
        border-radius: 5px;
        padding-right: 61px;
    }
/* Post Data */
.blog-post-view.widget.block-list-posts .block-content .item .post-image{min-height: 201px;width: 299px;}
.post-list .post-info .post-data-wrap {font-size: 12px;margin: 0 0 10px 0 !important;}
.post-list .post-info .post-data-wrap .post-date {font-size: 12px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;color: #666;}
.post-list .post-info .post-data-wrap a {font-weight: 600;color: #666;text-transform: capitalize;}
/* Post Description */
.post-list .post-description {line-height: 21px;font-size: 13px;}
.post-list .post-description p {line-height: 24px;font-size: 16px;}
/* Post View */
.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}
.post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;}
/*.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}*/
/*.post-list .post-view:before {display: inline-block;content: "\f06e";width: 10px;height: 10px;text-align: center;margin-right: 3px;*/
/*    font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
/* Read More */
/*  .post-list .post-read-more {display: none;}  */
.post-read-more a.post-read {display: inline-block;color: #fff;background-color: #002737;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;}
.post-read-more a.post-read:hover {color: #fff;/*background: #222222;*/text-decoration: none;}
/*@media (max-width: 1200px) {
    .blog-index-index .post-list /*.post-read-more *//* {display: none;}
}
*/
@media (max-width: 768px) {
    .post-list .post-item.post-holder {margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
    body.blog-post-view .page-wrapper .page-main .column.main{
        padding: 0;
    }
    body .post-list.modern .post-item.post-holder{
        padding: 15px ;
    }
    body.blog-post-view .page-wrapper .page-main .sidebar .block,
    body.blog-index-index.page-layout-2columns-right .sidebar-additional .block{
        padding: 20px 15px;
    }
    .post-list .post-image .post-category {display: none;}
    .post-list .post-info {padding: 0 0 0 15px;}
    .post-list.modern .post-description {display: none;}
    .post-read-more a.post-read {display: none;}
}
@media (max-width: 640px) {
    .post-list .post-info .post-title-wrap h3 a {font-size: 14px;font-weight: 500;line-height: 1.4;display: inline-block;
        margin-bottom: 0;
        /*max-height: 39px;overflow: hidden;*/}
}


/* Images Format *******************************************/
.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;}
@media (max-width: 768px) {

}
/* Blog Post List *****************************************************************************************************/


/* Blog Post List Modern **********************************************************************************************/
.post-list.modern .post-item.post-holder {    margin: 0 0 30px 0;
    padding: 30px;
    background-color: #fff;
    border-radius: 20px;
    border: 0;
}
.post-list.modern .post-info .post-title-wrap h3 a:hover {text-decoration: none;transition: all .2s ease;}
.post-list.modern .post-info .post-data-wrap a:hover {text-decoration: none;transition: all .2s ease;}
/* Blog Post List Modern **********************************************************************************************/


/* Post View **********************************************************************************************************/
/* Page Title */
/*.blog-post-view .page-title-wrapper .page-title {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}*/
/* Category */
.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;}
.blog-page .page-main > .page-title-wrapper .page-title {
    text-transform: capitalize;
}
/* Post Data */
.blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;}
.blog-post-view .post-data-wrap a {font-weight: 600;text-transform: capitalize;}
.blog-post-view .post-data {color: #666;}
/* Post View */
/* Post Comments */
.blog-post-view .post-comments {margin-right: 20px;}
/* Social */
/* .blog-post-view .post-sharing {margin-bottom: 20px;} */
/* Image */
.blog-post-view .post-featured-image {font-size: 0;margin-bottom: 20px;}
/* Tags */
.blog-post-view .post-tag {margin-bottom: 20px;}
.blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px 10px 0;text-transform: uppercase;font-size: 11px;}
.blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color); /*color: #222; */background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;}
.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;}

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

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

/* Post Sharing Bottom */
.post-view-modern .post-sharing-bottom {}
.post-sharing-bottom {padding: 20px 0;border-top: 1px solid #f3f3f3;}
.post-sharing-bottom .share-elements {text-align: center;}
.post-sharing-bottom .share-elements .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 5px 5px 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;}
.post-sharing-bottom .share-elements .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {background-color: rgb(29, 161, 242);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-bottom .share-elements .icon-wrapper .icon {line-height: 48px;height: 48px;width: 48px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-bottom .share-elements .icon-wrapper .label {font-size: 13px;line-height: 48px;height: 48px;color: #ffffff;display: inline-block;padding: 0 15px 0 3px;vertical-align: top;}
.post-sharing-bottom .share-elements .icon-wrapper:hover {transform: translateY(-4px);}

/* Post Gallery */
/*.blog-post-view .post-gallery {display: flex;flex-wrap: wrap;}*/
.blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;}
.blog-post-view .post-gallery .gallery-image-hld {display: inline-block;}
.blog-post-view .post-gallery .gallery-image-hld img {}
.post-holder .block.comments textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
}
/* Post Navigation */
.blog-post-view .post-nextprev  {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;/*color: #222222;*/font-weight: 600;text-align: right;text-transform: capitalize;}
.blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;color: #002737;}
.blog-post-view .post-nextprev .nextprev-link span {display: block;color: #666;font-size: 14px;font-weight: normal;}

/* Block Related */
.blog-post-view .post-bottom .block.related {margin-bottom: 0;}
.blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Related Posts */
.mfblog-related-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;}
.mfblog-related-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;}

.mfblog-related-posts-block.block.related .post-list .post-item .image-container {
    -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;border-radius: 20px;}
.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.mfblog-related-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 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; /*color: #222222; */}
@media (max-width: 767px) {
    .mfblog-related-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;}
}

/* Related Products */
.mfblog-related-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.mfblog-related-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Block Comments */
.block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;}
.block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;}
/* END Post Bottom *************************************/

@media (max-width: 767px) {
    .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;}
}
/* END Post View ******************************************************************************************************/


/* Animation Zoom */
.image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;}
.image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;}
.image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1);  -webkit-transform: scale3d(1.1,1.1,1);}


/* Sidebar ************************************************************************************************************/
/* Block 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;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;}
.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(../images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;}
.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;}
.blog-search .actions .action.search {background: #222222;right: 0;padding: 0 20px;border-radius: 0px 5px 5px 0px;}

/* Posts List */
.widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;}
/* Images */
/* Span Background */
.widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;border-radius: 20px;}
.widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
/* Post Info */
.widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;}
.widget.block-list-posts .post-list .post-item .block-info .block-date {color: #666;}
.widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;}

/* Post Grid */
.widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;}
.widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
/* END Posts List */

/* New Post List */
.widget.block-posts-list .post-item {display: flex;gap: 1.5rem;}
.widget.block-posts-list .post-item .image-container {flex: 0 0 33.333333%;width: 33.333333%;align-self: flex-start;display: block;order: 0;margin-bottom: 10px;}
.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-size: cover;background-position: center;}
.widget.block-posts-list .post-item .block-info .post-title {margin: 0 0 0.5rem 0 !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;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;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 {font-size: 11px;line-height: 1.2rem;color: #666;font-family: sans-serif;}
.widget.block-posts-list .post-item .block-info .post-description {display: none;line-height: 21px;font-size: 13px;}
.widget.block-posts-list .post-item .block-info .read-more {display: none;}
/* END New Post List */

/* Archive */
.widget.block-archive .archive-item-link {font-weight: 600}

/* RSS Feed */
.widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;}
/* End Sidebar ********************************************************************************************************/

@media (max-width: 500px) {
    .post-list .post-container{
        flex-flow: wrap;
    }
    .post-list.modern .post-info {
        padding:15px 0 0;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        order: 1;
        box-sizing: border-box;
    }
    .post-list .post-image {-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;order: 0;min-height: auto;}
}   

/* Table of Contents (TOC) Sidebar ************************************************************************************/

.toc-sidebar,.widget.block-archive .item:after {
    display: none;
}

@media (min-width: 1024px) {
    /*
     * The blog post view uses a float-based layout where .sidebar-additional
     * is only as tall as its own blocks — far shorter than the blog content.
     * position:sticky on the sidebar would immediately run out of parent height.
     *
     * Fix: switch .columns to flexbox for blog post pages only.
     *   - align-items: flex-start  → each column is only as tall as its content.
     *   - .columns height           → set by the tallest child = blog content column.
     *   - position:sticky on .sidebar-additional → now has the full blog content
     *     height to scroll within, stopping naturally when the post ends.
     *
     * !important on float/display overrides the page-layout-2columns-right rules
     * that set float:left / float:right on these elements.
     */
    body.blog-post-view .columns {
        display: flex !important;
        align-items: flex-start;
        flex-wrap: nowrap;
        overflow: visible !important;
    }

    body.blog-post-view .page-main {
        overflow: visible !important;
    }

    body.blog-post-view .columns .column.main {
        float: none !important;
        flex: 0 0 75%;
        min-width: 0;
    }

    body.blog-post-view .columns .sidebar.sidebar-additional {
        float: none !important;
        flex: 0 0 25%;
        min-width: 0;
        position: sticky;
        top: 160px;
        align-self: flex-start;
    }

    .toc-sidebar {
        display: block;
        padding-bottom: 15px;
    }
    .tablet-main .sharing-title{
        display: none;
    }
}

.toc-box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
}

.toc-box__title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
    margin: 0 0 14px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6;
}

.toc-box__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.toc-box__item {
    margin: 0;
    padding: 0;
}

.toc-box__item + .toc-box__item {
    margin-top: 2px;
}

.toc-box__item--h2 {
    padding-left: 12px;
}

.toc-box__link {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    color: #9ca3af;
    text-decoration: none;
    padding: 3px 0;
    transition: color 0.15s ease;
    font-weight: 400;
}

.toc-box__link:hover {
    color: #374151;
    text-decoration: none;
}

.toc-box__link--active {
    color: #111111;
    font-weight: 700;
}

/* END Table of Contents (TOC) Sidebar ********************************************************************************/

.post-sharing-bottom .sharing-title {
    font-family: Inter, system-ui, -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    margin: 0 0 12px 0 !important;
}

.post-sharing-bottom .share-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    padding: 0px !important;
    border-radius: 12px !important;
    border: 0px solid rgba(0, 0, 0, 0.12) !important;
    background: rgb(1, 42, 54) !important;
    color: rgb(255, 255, 255) !important;
    cursor: pointer !important;
    appearance: none !important;
    outline: none !important;
    white-space: nowrap !important;
    transition: transform 160ms, background 160ms !important;
}

.post-sharing-bottom .share-action-btn:hover {
    background: rgb(2, 57, 73) !important;
}

.post-sharing-bottom .share-action-btn:active {
    transform: scale(0.95) !important;
}

.post-sharing-bottom .share-icon-span svg {
    fill: currentColor !important;
    display: block !important;
}

body.blog-post-view div.sidebar-additional {
    padding-top: 5px;
}
body.blog-post-view div.column.main {
    margin-top: 5px !important;
}

body.blog-post-view .blog-detail-top-section {
    text-align: center;
}

body.blog-post-view .blog-detail-top-section h1 {
    margin: 0 10%;
    font-weight: 500;
}

body.blog-post-view .blog-detail-top-section .post-top-detail-section {
   display: flex;
    justify-content: center;
    gap: 5%;
    margin-bottom: 40px;
}

body.blog-post-view .blog-detail-top-section .post-top-detail-section div {
    display: inline-block;
}

body.blog-post-view .blog-detail-top-section .post-featured-image img {
    border-radius: 15px;
}
body.blog-post-view #maincontent{
    padding: 0 295px 0 295px !important;
}
span.screen-reader-text {
    color: #1c1c1c73;
    font-size: 16px;
    font-weight: 500;
}
body.blog-post-view .blog-detail-top-section .post-top-detail-section div a, body.blog-post-view .blog-detail-top-section .post-top-detail-section div .post-date {
    font-size: 16px;
    font-weight: 325;
    color: #012a36;
}
body.blog-post-view .page-bottom {
    padding: 0 295px 50px 295px !important;
    margin: 0;
    max-width: 100%;
}
body.blog-post-view .widget.block.block-recent-posts.block-list-posts{
    background-color: #fff;
    padding: 32px;
    border-radius: 12px;
}
body.blog-post-view .page-bottom .block-title{
    margin-top: 10px;
}
body.blog-post-view .page-bottom .block-title strong {
    font-size: 32px;
    font-weight: 400;
}
body.blog-post-view .page-bottom .block-content {
    display: grid;
}

body.blog-post-view .widget.block-list-posts .block-content .item {
    padding: 8px 0 0 0;
    display: grid;
    width: 299px;
}
.widget.block-list-posts .block-content .item .post-image{
min-height: auto;
}
body.blog-post-view .widget.block-list-posts .block-content .item .post-image{
    padding : 0 !important;
    margin-right: 0 !important;
    border-radius: 10px !important;
    
}
body.blog-post-view .widget.block-list-posts .block-content .item .post-image .post-item-link img {
    width: 100%;
    height: 201px;
    vertical-align: middle;
    border-radius: 10px;
}
body.blog-post-view .page-bottom .block-content a.post-item-link {
    color: #666666 !important;
    font-size: 18px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}
body.blog-post-view .page-bottom .block-content span.value {
    color: #72858d;
    font-size: 15px;
}
body.blog-post-view .page-bottom .block-content a.post-item-link:hover,body.blog-post-view .page-bottom .block-content span.value:hover{
    color: #000 !important;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link{
    margin: 0 !important;
    display: block !important;
}

/* ======================================================================
   Recent Posts Slick Slider  (only when .has-rp-slider is present)
   ====================================================================== */

/* Slider container: override the page-bottom flex layout so slick can work */
body.blog-post-view .widget.block-list-posts.has-rp-slider .block-content {
    display: block !important;
    gap: 0 !important;
    flex-wrap: unset !important;
    overflow: visible;
}
body.blog-post-view .widget.block-list-posts.has-rp-slider .block-content .slick-list {
    width: 100%;
}

/* Each slide item: fill the slick-slide column, keep same card look */
body.blog-post-view .widget.block-list-posts.has-rp-slider .block-content .item {
    padding: 0 9px;
    box-sizing: border-box;
}
body.blog-post-view .widget.block-list-posts.has-rp-slider .block-content .item .post-image {
    width: 100% !important;
        margin-bottom: 5px;
}

body.blog-post-view .widget.block-list-posts.has-rp-slider .block-content .item .post-image .post-item-link img {
    width: 100%;
    height: 201px;
    object-fit: cover;
    border-radius: 10px;
}

/* Dots: center-align; appearance inherits from global ul.slick-dots in styles-m.css */
body.blog-post-view .widget.block-list-posts.has-rp-slider .block-content ul.slick-dots {
    text-align: center;
}
body.blog-post-view hr.social{
    display: none;
}

/* END Recent Posts Slick Slider ====================================== */

/* ======================================================================
   RESPONSIVE — Blog Post Detail Page
   ====================================================================== */

/* 1280px and below: first padding reduction (295px → 80px) */
@media (max-width: 1280px) {
    body.blog-post-view #maincontent {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    body.blog-post-view .page-bottom {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

/* Tablet / small laptop: ≤1023px — switch to single column */
@media (max-width: 1023px) {
    body.blog-post-view #maincontent {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    body.blog-post-view .page-bottom {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /* Force single-column: undo float-based 2-col Magento layout */
    body.blog-post-view .columns .column.main,
    body.blog-post-view .columns .sidebar.sidebar-additional {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    body.blog-post-view .blog-detail-top-section h1 {
        margin: 0 0 16px;
    }
    .tablet-main .sharing-title{
        display: block;
    }
    body.blog-post-view .post-holder,body.blog-post-view .page-wrapper .page-main .column.main{
        margin-bottom: 0 !important;
    }
    body.blog-post-view #maincontent{
        padding-bottom: 0 !important;
    }
}

/* Mobile: ≤767px */
@media (max-width: 767px) {
    body.blog-post-view #maincontent {
        padding: 0 15px 0  15px !important;
    }
    body.blog-post-view .page-bottom {
        padding: 0 15px 30px !important;
    }

    /* Top section heading */
    body.blog-post-view .blog-detail-top-section h1 {
        font-size: 28px;
        line-height: 1.3;
        margin: 0 0 12px;
    }

    /* Author / date row: wrap and align left */
    body.blog-post-view .blog-detail-top-section .post-top-detail-section {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
        margin-bottom: 16px;
    }
    body.blog-post-view .blog-detail-top-section .post-top-detail-section div a,
    body.blog-post-view .blog-detail-top-section .post-top-detail-section div .post-date {
        font-size: 13px;
    }

    body.blog-post-view span.screen-reader-text{
        font-size: 14px;
    }

    /* Featured image */
    body.blog-post-view .blog-detail-top-section .post-featured-image img {
        width: 100%;
        height: auto;
    }

    /* Content images and tables */
    body.blog-post-view .post-description img {
        max-width: 100%;
        height: auto;
    }
    body.blog-post-view .post-description table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    body.blog-post-view .post-description iframe {
        max-width: 100%;
    }

    /* Recent posts card — widget padding */
    body.blog-post-view .widget.block.block-recent-posts.block-list-posts {
        padding: 20px 16px;
    }
    body.blog-post-view .page-bottom .block-title strong {
        font-size: 24px;
    }

    /* Non-slider recent post items: 2-column grid */
    body.blog-post-view .widget.block-list-posts:not(.has-rp-slider) .block-content {
        gap: 12px;
    }
    body.blog-post-view .widget.block-list-posts:not(.has-rp-slider) .block-content .item {
        width: calc(50% - 6px) !important;
    }

    /* Related posts: 2 per row */
    .mfblog-related-posts-block.block.related .post-list .post-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Post next/prev: allow wrapping */
    body.blog-post-view .post-nextprev {
        flex-wrap: wrap;
        gap: 12px;
    }

    body.blog-post-view hr.top{
        display: none;
    }
    body.blog-post-view hr.social{
        display: block;
    }
    .top-section-mobile-share {
        display: flex !important;
        gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
    }

    .toc-top-inline{
        margin: 0 !important;
    }

    .tablet-main .sharing-title,.tablet-main .top-section-mobile-share{
        display: none !important;
    }
}

/* Small mobile: ≤479px */
@media (max-width: 479px) {
    body.blog-post-view #maincontent {
        padding: 24px 24px 0 24px !important;
    }
    body.blog-post-view .page-bottom {
        padding: 0 12px 24px !important;
    }

    /* 1 per row on very small screens */
    body.blog-post-view .widget.block-list-posts:not(.has-rp-slider) .block-content .item {
        width: 100% !important;
    }

    /* Related posts: 1 per row */
    .mfblog-related-posts-block.block.related .post-list .post-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* END RESPONSIVE ===================================================== */

/* ============================================================
   TABLET / MOBILE INLINE ELEMENTS (top-section.phtml)
   TOC and share icons shown inline ≤1023px; hidden on desktop
   where the sidebar handles both.
   ============================================================ */

/* Inline TOC — hidden on desktop */
.toc-top-inline {
    display: none;
    text-align: left;
    margin-bottom: 20px;
}

/* Mobile/tablet share row — hidden on desktop */
.top-section-mobile-share {
    display: none;
}

.top-section-mobile-share .share-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: rgb(1, 42, 54) !important;
    color: rgb(255, 255, 255) !important;
    cursor: pointer !important;
    appearance: none !important;
    outline: none !important;
    text-decoration: none !important;
    transition: transform 160ms, background 160ms !important;
}

.top-section-mobile-share .share-action-btn:hover {
    background: rgb(2, 57, 73) !important;
}

.top-section-mobile-share .share-action-btn:active {
    transform: scale(0.95) !important;
}

.top-section-mobile-share .share-icon-span svg {
    fill: currentColor !important;
    display: block !important;
}

@media (max-width: 1023px) {
    /* Show inline TOC */
    .toc-top-inline {
        display: block;
    }
    .tablet-main .top-section-mobile-share {
        display: flex;
        gap: 10px;
        justify-content: start;
        margin-bottom: 20px;
        padding-left: 10px;
    }
    body.blog-post-view h3.sharing-title {
        font-family: Inter, system-ui, -apple-system, sans-serif !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        color: #111111 !important;
        margin: 0 0 12px 0 !important;
        text-align: left;
        padding-left: 10px;
    }

    /* Hide sidebar on tablet/mobile — TOC and share are shown inline above */
    body.blog-post-view .sidebar-additional {
        display: none !important;
    }
}

/* ============================================================
   STICKY HEADER (blog pages only)
   ============================================================ */
body.blog-page .page-header,
body.blog-page .ammenu-header-container {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
/* Undo Amasty's fixed-inner-content behaviour on blog (header is already sticky) */
body.blog-page .ammenu-header-container.-sticky .header.content {
    position: relative !important;
    top: auto !important;
}

/* ============================================================
   TITLE FONT SIZE (desktop — mobile override at 767px below)
   ============================================================ */
body.blog-post-view .blog-detail-top-section h1 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 600;
}

/* ============================================================
   POST CONTENT — HEADINGS AND BODY TEXT
   ============================================================ */
body.blog-post-view .post-description h2 { font-size: 32px; line-height: 1.3; margin: 28px 0 14px; }
body.blog-post-view .post-description h3 { font-size: 22px; line-height: 1.35; margin: 24px 0 12px; }
body.blog-post-view .post-description h4 { font-size: 18px; line-height: 1.4; margin: 20px 0 10px; }
body.blog-post-view .post-description h5 { font-size: 16px; line-height: 1.4; margin: 16px 0 8px; }
body.blog-post-view .post-description p,
body.blog-post-view .post-description li { font-size: 24px; line-height: 1.30; }
body.blog-post-view .post-description ol,
body.blog-post-view .post-description ul { padding-left: 24px; margin: 12px 0; }

/* ============================================================
   POST CONTENT IMAGES — CURVED EDGES
   ============================================================ */
body.blog-post-view .post-description img {
    border-radius: 12px;
    max-width: 100%;
    height: auto;
}

/* ============================================================
   TOC SIDEBAR — WIDER (30% instead of 25%)
   ============================================================ */
@media (min-width: 1024px) {
    body.blog-post-view .columns .column.main {
        flex: 0 0 70% !important;
    }
    body.blog-post-view .columns .sidebar.sidebar-additional {
        flex: 0 0 30% !important;
    }
}

/* ============================================================
   ARCHIVE IN SIDEBAR — CLEAN FORMAT (no slash separators)
   ============================================================ */
body.blog-post-view .sidebar-additional .block-archive {
    border-radius: 0 0 16px 16px;
}
body.blog-post-view .sidebar-additional .block-archive .block-title {
    margin-bottom: 4px;
}
body.blog-post-view .sidebar-additional .block-archive .block-title strong {
    font-size: 15px !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
}
body.blog-post-view .sidebar-additional .block-archive .block-content {
    padding: 0;
}
body.blog-post-view .sidebar-additional .block-archive .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}
body.blog-post-view .sidebar-additional .block-archive .item:last-child {
    border-bottom: none;
}
body.blog-post-view .sidebar-additional .block-archive .archive-item-link {
    font-weight: 400;
    color: #374151;
    text-decoration: none;
    font-size: 15px;
}
body.blog-post-view .sidebar-additional .block-archive .archive-item-link:hover {
    color: #111;
}
body.blog-post-view .post-description h3 > span:first-child {
    font-size: 24px !important;
    font-weight: 400 !important;
}
body.blog-post-view .post-description p span, body.blog-post-view .post-description li span{
    font-weight: 200 !important;
    font-size: 16px !important;
}

/* ============================================================
   BOTTOM ARCHIVE — shown on tablet/mobile below recent posts,
   hidden on desktop (sidebar archive handles desktop)
   ============================================================ */
body.blog-post-view .page-bottom .block-archive {
    display: none;
}
@media (max-width: 1023px) {
    body.blog-post-view .page-bottom .block-archive {
        display: block;
        background: #fff;
        padding: 24px;
        border-radius: 12px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    body.blog-post-view .page-bottom .block-archive .block-title {
        border-bottom: 1px solid #f3f4f6;
        padding-bottom: 12px;
        margin-bottom: 4px;
        padding-right: 0;
        padding-left: 0;
    }
    body.blog-post-view .page-bottom .block-archive .block-title strong {
        font-size: 20px !important;
        font-weight: 500;
        text-transform: none;
        letter-spacing: 0;
        color: #111;
    }
    body.blog-post-view .page-bottom .block-archive .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0;
    }
    body.blog-post-view .page-bottom .block-archive .item:last-child {
        border-bottom: none;
    }
    body.blog-post-view .page-bottom .block-archive .archive-item-link {
        font-size: 15px;
        color: #374151;
        text-decoration: none;
        font-weight: 400;
    }
    body.blog-post-view .page-bottom .block-archive .archive-item-link:hover {
        color: #111;
    }
}

/* ============================================================
   BOTTOM ARCHIVE COLLAPSIBLE — mobile only (≤767px)
   ============================================================ */

/* Toggle button: hidden on tablet+, shown on mobile */
.block-archive-bottom .archive-toggle-btn {
    display: none;
}

/* Extra items: always visible on tablet+ */
.block-archive-bottom .archive-extra {
    display: flex;
}

@media (max-width: 1023px) {
    /* Extra items collapsed by default on mobile */
    .block-archive-bottom .archive-extra {
        display: none !important;
    }
    /* Expanded state (class toggled by JS) */
    .block-archive-bottom.archive-open .archive-extra {
        display: flex !important;
    }
    /* Show toggle button on mobile */
    .block-archive-bottom .archive-toggle-btn {
        display: flex;
        align-items: center;
        gap: 6px;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        color: #002737;
        padding: 10px 0 4px;
        font-family: inherit;
    }
    .block-archive-bottom .archive-toggle-btn:hover {
        text-decoration: underline;
    }
    .block-archive-bottom .archive-toggle-icon {
        transition: transform 0.2s ease;
        flex-shrink: 0;
    }
    .block-archive-bottom.archive-open .archive-toggle-icon {
        transform: rotate(180deg);
    }
}

/* ============================================================
   MOBILE: HIDE TOC (≤767px phone — tablet keeps it 768-1023px)
   ============================================================ */
@media (max-width: 767px) {
    .toc-top-inline {
        display: none !important;
    }
    /* Title mobile override */
    body.blog-post-view .blog-detail-top-section h1 {
        font-size: 26px;
        line-height: 1.25;
    }
    body.blog-post-view .post-description h2 { font-size: 32px; margin: 20px 0 10px; }
    body.blog-post-view .post-description h3 { font-size: 17px; }
    body.blog-post-view .post-description h4 { font-size: 24px; }
    body.blog-post-view .post-description p,
    body.blog-post-view .post-description li { font-size: 16px; line-height: 22px; }
}
/* ============================================================
   AUTHOR CARD
   ============================================================ */
.post-author-section {
    background: #f8f9fa;
    border-radius: 16px;
    padding: 24px;
    display: block;
    margin-bottom: 20px;
}
.post-author-section .author-label {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    color: #6b7280;
    margin: 0 0 6px;
}
.post-author-section .author-name {
    font-size: 25px;
    font-weight: 600;
    color: #111;
    margin: 0 0 8px;
    line-height: 1.3;
}
.post-author-section .author-name a {
    color: inherit;
    text-decoration: none;
}
.post-author-section .author-name a:hover { text-decoration: underline; }
.post-author-section .author-bio {
    font-size: 16px;
    line-height: 1.65;
    color: #231f20;
    margin: 0;
    font-weight: 400;
}
@media (max-width: 767px) {
    .post-author-section { padding: 20px; }
    .post-author-section .author-name { font-size: 20px; }
    .post-author-section .author-label{ font-size: 13px; }
    .author-taglineP{font-size: 13px;}
}

/* Author card — detailed variant (My Author Detail) */
.post-author-section-detailed {
    background: #ffffff;
    border: 1px solid #e5e7eb;
}
.author-card-flex {
    display: grid;
    grid-template-columns: 1fr 200px;
    grid-template-areas:
        "header image"
        "about  image";
    column-gap: 24px;
    row-gap: 12px;
    align-items: start;
}
.author-card-flex-no-image {
    grid-template-columns: 1fr;
    grid-template-areas:
        "header"
        "about";
}
.author-card-header {
    grid-area: header;
    min-width: 0;
}
.author-bio {
    grid-area: about;
    min-width: 0;
}
.author-card-image {
    grid-area: image;
    align-self: stretch;
    min-height: 0;
    /* position:relative + an absolutely-positioned img decouples the
       image's own intrinsic aspect ratio from grid row-track sizing —
       otherwise the row auto-grows to fit the image's natural height
       instead of the (shorter) header text next to it. */
    position: relative;
    overflow: hidden;
}
.author-card-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 16px;
    display: block;
}
.post-author-section-detailed .author-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.post-author-section-detailed .author-name a {
    word-break: break-word;
    overflow-wrap: anywhere;
}
.author-verified-badge {
    display: inline-flex;
    width: 21px;
    height: 21px;
    flex-shrink: 0;
}
.author-verified-badge svg {
    display: block;
    width: 21px;
    height: 21px;
}
.author-tagline {
    font-size: 15px;
    font-weight: 400;
    color: #6b7280;
    word-break: break-word;
    overflow-wrap: anywhere;
    margin: 0 0 10px;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 10px;
}
.author-tagline-part {
    white-space: nowrap;
}
.author-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f3f4f6;
}
.author-social-label {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    margin-right: 4px;
}
.author-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    color: #ffffff !important;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    outline: none;
    flex-shrink: 0;
    transition: transform 160ms, opacity 160ms;
}
.author-social-btn:hover {
    opacity: 0.88;
}
.author-social-btn:active {
    transform: scale(0.95);
}
.author-social-btn svg {
    display: block;
    fill: currentColor;
    width: 18px;
    height: 18px;
}
.author-social-btn-linkedin { background: #0a66c2; }
.author-social-btn-x { background: #000000; }
.author-social-btn-facebook { background: #1877f2; }
.author-social-btn-copy {
    width: auto;
    height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    gap: 6px;
}
.author-social-btn-copy:hover {
    background: #f9fafb;
    opacity: 1;
}
/* Mobile/tablet: image sits beside the header (name + tagline) only,
   matching that row's height exactly; About text spans full width below.
   Uses grid-template-areas so this is a real layout change, not a hack. */
@media (max-width: 600px) {
    .author-card-flex {
        grid-template-columns: 1fr 100px;
        grid-template-areas:
            "header image"
            "about  about";
        row-gap: 10px;
        column-gap: 14px;
    }
    .author-card-flex-no-image {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "about";
    }
}

/* FAQ */
.mfblog-faq-block.block.faq {background: #f4f4f4;padding: 0 30px 0 30px;margin-bottom: 30px;}
.mfblog-faq-block.block.faq .block-title {margin-bottom: 20px;}
.mfblog-faq-block.block.faq .block-title strong {font-size: 32px;font-weight: 400;line-height: 1.3;}
.mfblog-faq-block.block.faq .faq-item {border-bottom: 1px solid #dddddd;padding: 18px 0 0 0;}
.mfblog-faq-block.block.faq .faq-item-title {cursor: pointer;list-style: none;display: block;position: relative;padding: 4px 0 20px 40px;font-size: 18px;font-weight: 400;line-height: 1.4;}
.mfblog-faq-block.block.faq .faq-item-title::-webkit-details-marker {display: none;}
.mfblog-faq-block.block.faq .faq-item-title::marker {content: "";}
.mfblog-faq-block.block.faq .faq-item-title::before {content: "\2715";position: absolute;left: 0;top: -0;font-size: 20px;font-weight: 300;color: #888888;display: inline-block;transition: transform 0.2s ease;transform: rotate(-45deg);}
.mfblog-faq-block.block.faq .faq-item[open] > .faq-item-title::before {transform: rotate(0deg);}
.mfblog-faq-block.block.faq .faq-item-description {height: 0;overflow: hidden;transition: height 0.3s ease;}
.mfblog-faq-block.block.faq .faq-item[open] .faq-item-description {height: auto;}
.mfblog-faq-block.block.faq .faq-item-description-inner {padding-left: 30px;padding-bottom: 20px;color: #666666;font-size: 16px;line-height: 1.7;}
.mfblog-faq-block.block.faq .faq-item-description-inner p:last-child {margin-bottom: 0;}
/* End FAQ ********************************************************************************************************/