/**
 * Roweb Blog Module - Pre-compiled CSS Fallback
 * This file is loaded on themes that don't compile LESS (e.g., Hyva)
 */

/* Variables as CSS Custom Properties */
:root {
    --blog-color-white: #ffffff;
    --blog-color-green: #28a745;
    --blog-color-yellow: #ffc107;
    --blog-color-blue: #4db2ec;
    --blog-color-black: #222222;
    --blog-color-gray: #6c757d;
    --blog-color-red: #dc3545;
    --blog-border-color: #d5d6da;
    --blog-primary: #1f97c1;
    --blog-primary-text: #1f97c1;
    --blog-primary-background: #1f97c1;
    --blog-primary-background-text: #ffffff;
    --blog-primary-hover: #1f97c1;
    --blog-primary-hover-text: #ffffff;
    --blog-secondary: #4d5e64;
    --blog-secondary-text: #4d5e64;
    --blog-secondary-background: #4d5e64;
    --blog-secondary-background-text: #ffffff;
    --blog-secondary-hover: #4d5e64;
    --blog-secondary-hover-text: #ffffff;
}

/* Blog Page CSS Variables */
body.blog-page {
    --color-white: var(--blog-color-white);
    --color-green: var(--blog-color-green);
    --color-yellow: var(--blog-color-yellow);
    --color-blue: var(--blog-color-blue);
    --color-black: var(--blog-color-black);
    --color-gray: var(--blog-color-gray);
    --color-red: var(--blog-color-red);
    --border-color: var(--blog-border-color);
    --b-prim: var(--blog-primary);
    --b-text-prim: var(--blog-primary-text);
    --b-prim-background: var(--blog-primary-background);
    --b-prim-background-text: var(--blog-primary-background-text);
    --b-prim-hover: var(--blog-primary-hover);
    --b-prim-hover-text: var(--blog-primary-hover-text);
    --b-seco: var(--blog-secondary);
    --b-text-seco: var(--blog-secondary-text);
    --b-seco-background: var(--blog-secondary-background);
    --b-seco-background-text: var(--blog-secondary-background-text);
    --b-seco-hover: var(--blog-secondary-hover);
    --b-seco-hover-text: var(--blog-secondary-hover-text);
}

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

/* Post Holder */
.post-holder { padding-bottom: 20px; margin-bottom: 20px; border-radius: 0; }
.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 .item::after { display: inline-block; content: ' | '; color: #b9b9b9; }
.post-holder .post-header .post-info .item:last-child::after { display: none; }
.post-holder .post-header .post-info .dash { display: none; }
.post-holder .post-header .post-info .label { font-weight: 600; }
.post-holder .post-header .post-info .value { font-style: italic; }

/* Post List */
.post-list { margin-top: 0; margin-bottom: 20px; list-style: none; padding-left: 0; }
.post-list-wrapper .post-list { padding-left: 0; }
.post-list .post-item.post-holder { margin: 0 0 30px 0; padding: 0; display: block; }
.post-list .post-container { display: flex; }
.post-list .post-content .post-read-more { padding-top: 10px; float: right; }
.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 .hidden { display: none; }

/* Post Image */
.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; 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-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: var(--blog-primary); color: #fff; font-size: 11px; line-height: 12px; font-weight: 500; text-decoration: none; text-transform: uppercase; }

/* Post Info */
.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: sans-serif; }
.post-list .post-info .post-data-wrap .post-date { font-size: 11px; margin: 0; padding: 0; box-shadow: none; float: none; width: auto; }
.post-list .post-info .post-data-wrap a { font-weight: 600; }
.post-list .post-description { line-height: 21px; font-size: 13px; }

/* Post View Count Badge */
.post-list .post-view { display: block; background: var(--blog-primary); 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: var(--blog-primary) transparent transparent; }

/* Read More */
.post-read-more a.post-read { display: inline-block; color: #fff; background-color: var(--blog-primary-background); font-size: 13px; font-weight: 500; line-height: 1; padding: 10px 15px; }
.post-read-more a.post-read:hover { color: #fff; text-decoration: none; }

/* Image Formats */
.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 */
.post-list.modern .post-item.post-holder { margin: 0 0 30px 0; padding: 0 0 30px 0; }
.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-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; }

/* Post Content */
.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 .roweb_blog-contents li { display: list-item; }
.post-content .post-description .roweb_blog-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 View Page */
.blog-post-view .post-category a { display: inline-block; margin: 0 5px 0 0; padding: 5px 10px; background: var(--blog-primary); color: #fff; font-size: 11px; line-height: 12px; font-weight: 500; text-decoration: none; text-transform: uppercase; }
.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; }
.blog-post-view .post-data { color: #bbbbbb; }
.blog-post-view .post-comments { margin-right: 20px; }
.blog-post-view .post-sharing { margin-bottom: 20px; }
.blog-post-view .post-featured-image { font-size: 0; margin-bottom: 20px; }

/* Post 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 var(--blog-primary); background: var(--blog-primary); 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(--blog-border-color); 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: var(--blog-secondary-hover); color: var(--blog-secondary-hover-text); }

/* Post Description */
.blog-post-view .post-description { margin-bottom: 30px; }
.blog-post-view .post-description p { font-size: 1rem; line-height: 24px; }

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

/* Post Navigation */
.blog-post-view .post-nextprev { display: flex; padding: 20px 0; margin-bottom: 30px; border-top: 1px solid var(--blog-border-color); border-bottom: 1px solid var(--blog-border-color); }
.blog-post-view .post-nextprev .nextprev-link { display: block; font-size: 20px; font-weight: 600; text-align: right; opacity: 0.7; }
.blog-post-view .post-nextprev .nextprev-link:hover { text-decoration: none; }
.blog-post-view .post-nextprev .nextprev-link span { display: block; color: #bbbbbb; font-size: 14px; font-weight: normal; }

/* Post View Navigation (old style) */
.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-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 .post-bottom { margin-top: 30px; }
.post-view .block { margin-bottom: 30px; }

/* 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 var(--blog-primary); line-height: 1.42857143; color: var(--blog-primary); }
.blog-post-view .post-bottom .block.related .block-title strong { border-bottom: 3px solid var(--blog-primary); padding-bottom: 2px; font-weight: 400; font-size: 18px; }

/* Post Sharing Bottom */
.post-sharing-bottom { padding: 30px 0; margin-bottom: 30px; border-top: 1px solid var(--blog-border-color); border-bottom: 1px solid var(--blog-border-color); }
.post-sharing-bottom .share-elements { text-align: right; }
.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: 50%; }
.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(0, 0, 0); }
.post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest { background-color: rgb(203, 32, 39); }
.post-sharing-bottom .share-elements .icon-wrapper.icon-linkedin { background-color: rgb(2, 136, 209); }
.post-sharing-bottom .share-elements .icon-wrapper .icon { line-height: 30px; height: 30px; width: 30px; 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 Sharing Top */
.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); }

/* Related Posts Block */
.roweb_blog-related-posts-block.block.related .post-list { display: flex; flex-wrap: wrap; position: relative; overflow: hidden; margin-left: -10px; margin-right: -10px; }
.roweb_blog-related-posts-block.block.related .post-list .post-item { flex-direction: column; margin-bottom: 2rem !important; flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; width: 25%; box-sizing: border-box; }
.roweb_blog-related-posts-block.block.related .post-list .post-item .image-container { flex: 0 0; width: 100%; display: block; order: 0; margin-bottom: 10px; }
.roweb_blog-related-posts-block.block.related .post-list .image-container .image-wrap { display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 70%; }
.roweb_blog-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; }
.roweb_blog-related-posts-block.block.related .post-list .post-item .block-info { padding-left: 0 !important; padding-right: 0 !important; }
.roweb_blog-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; }

/* Related Products Block */
.roweb_blog-related-products-block.block.related .product-item .product-item-photo { display: block; text-align: center; }
.roweb_blog-related-products-block.block.related .block-title { margin: 0 0 25px; padding: 5px 0; border-bottom: 1px solid var(--blog-primary); line-height: 1.42857143; color: var(--blog-primary); }
.roweb_blog-related-products-block.block.related .block-title strong { border-bottom: 3px solid var(--blog-primary); padding-bottom: 2px; font-weight: 400; font-size: 18px; }

/* Comments Block */
.block.comments .c-count { margin: 0 0 20px; padding: 0; border-bottom: 1px solid var(--blog-primary); font-weight: 400; color: var(--blog-primary); }
.block.comments .c-count strong { border-bottom: 3px solid var(--blog-primary); padding-bottom: 2px; font-weight: 400; font-size: 18px; display: inline-block; }
.block.comments .p-info .p-name { color: var(--blog-secondary); }

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

/* Sidebar Widgets */
.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; }
.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; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0 10px; text-decoration: none; font-weight: 400; border-radius: 0; }
.widget.blog-search .action.search:before { content: ''; margin: 0; vertical-align: top; display: inline-block; overflow: hidden; 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: var(--blog-primary); right: 0; padding: 0 10px; border-radius: 0; }

/* Widget Categories */
.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 Tag Cloud */
.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 Recent */
.blog-widget-recent .post-list { padding: 0; margin: 0; }
.blog-widget-recent .post-holder { width: 31.2%; float: left; margin: 1%; box-sizing: border-box; }
.blog-widget-recent .post-description .post-text-hld { min-height: 150px; overflow-y: auto; }
.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; }
.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; }

/* Widget 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; }
.widget.block-list-posts .post-list .post-item .image-container { flex: 0 0 30%; width: 30%; display: block; order: 0; }
.widget.block-list-posts .post-list .image-container .image-wrap { display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 70%; }
.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; }
.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: #bbbbbb; }
.widget.block-list-posts .post-list .post-item .block-info .block-date .post-data { font-size: 11px; }
.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 { 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; }

/* Widget Block Posts List (New) */
.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; 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: #bbbbbb; 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; }

/* Autoloader */
.roweb_blog-autoloader { text-align: center; }
.roweb_blog-autoloader .roweb_blog-show-onload { display: none; }

/* Category/Index/Tag Content */
.blog-category-view .category-content, .blog-index-index .index-description, .blog-tag-view .tag-content { padding-left: 0; }
.subcategory-links-wrapper ul, .post-links-wrapper ul { list-style: none; }

/* Blog Icons */
.blog-icon { width: 15px; height: 15px; display: inline-block; position: relative; top: 2px; background-size: cover; }
.blog-icon.bgimg-calendar { background-image: url('../images/calendar-icon.svg'); }
.blog-icon.bgimg-folder { background-image: url('../images/folder-icon.svg'); }
.blog-icon.bgimg-comments { background-image: url('../images/comments-icon.svg'); }
.blog-icon.bgimg-tags { background-image: url('../images/tags-icon.svg'); }
.blog-icon.bgimg-user { background-image: url('../images/user-icon.svg'); }
.blog-icon.bgimg-views { background-image: url('../images/views-icon.svg'); }
.blog-icon.bgimg-reading-time { background-image: url('../images/time-icon.svg'); }

/* Template Styles */
[class^=template-] { position: relative; overflow: hidden; }
[class^=template-] * { box-sizing: border-box; }
[class^=template-] a { text-decoration: none; font-family: sans-serif; }
[class^=template-] .block-title-wrap { border-bottom: 2px solid var(--blog-primary); margin-bottom: 26px; line-height: 24px; }
[class^=template-] .block-title-wrap h4 { display: inline-block; background: var(--blog-primary); color: #fff; padding: 7px 12px 5px; font-weight: 500; line-height: 16px; }
[class^=template-] .block-content .image-container { position: relative; }
[class^=template-] .image-wrap { display: block; line-height: 0; overflow: hidden; }
[class^=template-] .image-wrap img { display: block; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center center; transition: transform .3s ease, opacity .3s; }
[class^=template-] .block-content .image-wrap { display: block; position: relative; padding-bottom: 67%; overflow: hidden; }
[class^=template-] .block-content .image-wrap .bg-img { position: absolute; display: block; width: 100%; height: 100%; background-size: cover; background-position: center; }
[class^=template-] .image-container .post-category { position: absolute; left: 0; bottom: 0; display: block; font-size: 0; line-height: 1; }
[class^=template-] .image-container .post-category a { display: inline-block; margin: 5px 5px 0 0; padding: 5px 10px; background: var(--blog-primary); color: #fff; font-size: 11px; line-height: 12px; font-weight: 500; text-decoration: none; text-transform: uppercase; transition: all .3s ease; }
[class^=template-] .image-container .animation-type-zoom { transition: transform .3s ease, opacity .3s; }
[class^=template-] .image-container:hover .animation-type-zoom { transform: scale3d(1.1, 1.1, 1); }
[class^=template-] .post-info h3.post-title a { font-size: 20px; line-height: 25px; font-weight: 500; }
[class^=template-] .post-data-wrap { font-size: 11px; }
[class^=template-] .post-data { font-size: 11px; }
[class^=template-] .post-author { font-weight: 600; font-size: 11px; }
[class^=template-] .post-view { display: block; background: var(--blog-primary); color: #fff; font-size: 10px; font-weight: 600; text-align: center; line-height: 11px; position: relative; top: -5px; padding: 4px 6px; }
[class^=template-] .post-view:after { position: absolute; bottom: -3px; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0 0; border-color: #000 transparent transparent; }
[class^=template-] .post-description { line-height: 21px; font-size: 13px; opacity: .7; }
[class^=template-] .post-list .post-item { margin-bottom: 1.5rem; display: flex; }
[class^=template-] .post-list .image-container { flex: 0 0 30%; max-width: 30%; width: 30%; order: 0; position: relative; }
[class^=template-] .post-list .post-info { padding: 0 0 0 25px; width: 100%; }
[class^=template-] .block-content .post-list .post-info h3 a { font-size: 14px; line-height: 20px; font-weight: 600; }
[class^=template-] .image-wrap._16x9 { padding-bottom: 35% !important; }
[class^=template-] .image-wrap._4x3 { padding-bottom: 67% !important; }
[class^=template-] .image-wrap._3x2 { padding-bottom: 55% !important; }
[class^=template-] .image-wrap._1x1 { padding-bottom: 100% !important; }

/* Comments */
#post-comments * { box-sizing: border-box; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.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-allcomments, .c-allcomments:visited { display: block; width: 100%; font-weight: 700; font-size: 14px; color: #fff; background: var(--blog-primary); 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; }
.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 { transition: all 0.2s; display: inline-block; color: #fff; background-color: var(--blog-color-blue); 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 div.mage-error[generated] { display: none !important; }
.c-replyform .mage-error { background-color: #fff3f3 !important; border-color: #d5d6da; }
.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: flex; justify-content: space-between; }
.c-replyform .left-hld, .c-replyform .right-hld { width: 49%; padding: 0; flex: 0 0 49%; }
.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 { box-shadow: 0 0 5px 0 rgb(250, 166, 166); }
.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; 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; 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; }
.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; }
#post-comments .c-replyform .c-btn-hld #msp-recaptcha-container { margin-top: 20px; }

/* Tags Index Page */
.tag-list-wrapper { margin: 20px 0; }
.tag-list-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.tag-list-grid .tag-item { background: #fff; border: 1px solid var(--blog-border-color); border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.2s ease; }
.tag-list-grid .tag-item:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
.tag-list-grid .tag-item:hover .tag-image img { transform: scale(1.05); }
.tag-list-grid .tag-container { display: flex; flex-direction: column; height: 100%; }
.tag-list-grid .tag-image { width: 100%; height: 160px; overflow: hidden; }
.tag-list-grid .tag-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.tag-list-grid .tag-info { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.tag-list-grid .tag-title { font-size: 1.25rem; font-weight: 600; margin: 0 0 10px 0; line-height: 1.3; }
.tag-list-grid .tag-title a { color: #333; text-decoration: none; }
.tag-list-grid .tag-title a:hover { color: var(--blog-primary); }
.tag-list-grid .tag-post-count { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; font-size: 0.9rem; color: var(--blog-color-gray); }
.tag-list-grid .tag-post-count .count { font-weight: 700; color: var(--blog-primary); font-size: 1.1rem; }
.tag-list-grid .tag-description { flex-grow: 1; color: var(--blog-color-gray); font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tag-list-grid .tag-action { margin-top: auto; }
.tag-list-grid .tag-action .action.primary { display: inline-block; padding: 10px 20px; background-color: var(--blog-primary-background); color: var(--blog-primary-background-text); text-decoration: none; border-radius: 4px; font-size: 0.9rem; font-weight: 600; transition: background-color 0.3s ease; }
.tag-list-grid .tag-action .action.primary:hover { background-color: var(--blog-primary-hover); color: var(--blog-primary-hover-text); }

/* Subcategory Cards */
.subcategory-cards-wrapper { margin: 20px 0 30px; }
.subcategory-cards-title { font-size: 1.25rem; font-weight: 600; margin: 0 0 15px 0; color: #333; }
.subcategory-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.subcategory-card { background: #fff; border: 1px solid var(--blog-border-color); border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.2s ease; }
.subcategory-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
.subcategory-card:hover .subcategory-card-image img { transform: scale(1.05); }
.subcategory-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
.subcategory-card-image { width: 100%; height: 160px; overflow: hidden; background: #f5f5f5; }
.subcategory-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.subcategory-card-image-placeholder { display: flex; align-items: center; justify-content: center; }
.subcategory-card-image-placeholder .placeholder-icon { width: 48px; height: 48px; background: var(--blog-border-color); border-radius: 50%; opacity: 0.5; }
.subcategory-card-content { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.subcategory-card-title { font-size: 1.125rem; font-weight: 600; margin: 0 0 8px 0; line-height: 1.3; color: #333; }
.subcategory-card:hover .subcategory-card-title { color: var(--blog-primary); }
.subcategory-card-meta { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; font-size: 0.9rem; color: var(--blog-color-gray); }
.subcategory-card-meta .post-count { font-weight: 700; color: var(--blog-primary); font-size: 1.1rem; }
.subcategory-card-description { flex-grow: 1; color: var(--blog-color-gray); font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.subcategory-card-action { margin-top: auto; font-size: 0.9rem; font-weight: 600; color: var(--blog-primary); display: flex; align-items: center; gap: 5px; }
.subcategory-card-action .arrow { transition: transform 0.2s ease; }
.subcategory-card:hover .subcategory-card-action .arrow { transform: translateX(3px); }

/* Sidebar Category Tree */
.widget.block-categories .category-level-0 { padding: 0; margin: 0; list-style: none; }
.widget.block-categories .category-level-0 > .category-item { padding: 8px 0; border-bottom: 1px solid #f0f0f0; }
.widget.block-categories .category-level-0 > .category-item:last-child { border-bottom: none; }
.widget.block-categories .category-level-0 > .category-item > a { font-weight: 600; color: #333; text-decoration: none; }
.widget.block-categories .category-level-0 > .category-item > a:hover { color: var(--blog-primary); }
.widget.block-categories .category-level-1,
.widget.block-categories .category-level-2,
.widget.block-categories .category-level-3 { padding: 0; margin: 8px 0 0 15px; list-style: none; border-left: 2px solid #f0f0f0; padding-left: 12px; }
.widget.block-categories .category-level-1 .category-item,
.widget.block-categories .category-level-2 .category-item,
.widget.block-categories .category-level-3 .category-item { padding: 5px 0; }
.widget.block-categories .category-level-1 .category-item > a,
.widget.block-categories .category-level-2 .category-item > a,
.widget.block-categories .category-level-3 .category-item > a { font-weight: 400; font-size: 0.95em; color: #555; text-decoration: none; }
.widget.block-categories .category-level-1 .category-item > a:hover,
.widget.block-categories .category-level-2 .category-item > a:hover,
.widget.block-categories .category-level-3 .category-item > a:hover { color: var(--blog-primary); }
.widget.block-categories .post-count { font-size: 0.85em; color: var(--blog-color-gray); margin-left: 5px; }

/* Related Products Fix */
.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; }

/* WordPress Imported Posts */
.blog-post-view .post-description .wp-imported h1 { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 20px; margin-top: 25px; }
.blog-post-view .post-description .wp-imported h2 { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 20px; margin-top: 25px; }
.blog-post-view .post-description .wp-imported h3 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 20px; margin-top: 25px; }
.blog-post-view .post-description .wp-imported h4 { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 20px; margin-top: 25px; }
.blog-post-view .post-description .wp-imported button { margin: 15px 0; }

/* Responsive - Mobile */
@media (max-width: 767px) {
    .post-list .post-item.post-holder { margin-bottom: 1.5rem; }
    .post-list .post-image .post-category { display: none; }
    .post-list .post-info { padding: 0 0 0 15px; }
    .post-read-more a.post-read { display: none; }
    .post-list.modern .post-info .post-read-more { display: none; }
    .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; }
    .roweb_blog-related-posts-block.block.related .post-list .post-item { flex: 0 0 50%; max-width: 50%; }
    .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder { width: 98%; }
    .blog-widget-recent .post-holder { width: 98%; }
    [class^=template-] .post-list .post-item { margin-bottom: 2.5rem !important; }
    [class^=template-] .post-list .post-info { padding: 0 0 0 15px !important; }
    [class^=template-] .post-list .post-data-wrap { margin: 0 !important; }
}

@media (max-width: 639px) {
    .post-list .post-info .post-title-wrap h3 a { font-size: 14px; font-weight: 600; line-height: 1.4; display: inline-block; }
    .post-list.modern .post-container { flex-direction: column; }
    .post-list.modern .post-image { flex: 0 0 100%; width: 100%; }
    .post-list.modern .post-info { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 25px 0 0; }
}

@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: 768px) {
    [class^=template-] .post-list .post-item { margin-bottom: 2.5rem !important; }
}

@media (max-width: 768px) {
    .tag-list-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 15px; }
    .tag-list-grid .tag-info { padding: 15px; }
    .tag-list-grid .tag-title { font-size: 1.1rem; }
    .subcategory-cards-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 15px; }
    .subcategory-card-content { padding: 15px; }
    .subcategory-card-title { font-size: 1rem; }
}

@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; }
    .blog-widget-recent .post-holder { width: 48%; }
}

@media (max-width: 480px) {
    .tag-list-grid { grid-template-columns: 1fr; }
    .subcategory-cards-grid { grid-template-columns: 1fr; }
    .c-replyform .c-btn-hld { display: flex; flex-direction: column; }
    .c-replyform .lr-hld { order: 0; flex-direction: column; }
    .c-replyform form .c-btn-hld .input-box { order: 1; }
    .c-replyform #recaptcha-append-to { order: 2; }
    .c-replyform button { order: 3; }
    .c-replyform .left-hld { padding: 0 0 20px 0; }
    .c-replyform .left-hld, .c-replyform .right-hld { float: none; width: 100%; }
}

@media (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; }
}

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