/*
Theme Name: Biz Growth Hub Lite
Theme URI: https://www.featherthemes.com/themes/wordpress-template-biz-growth-hub-lite-theme/
Author: featherthemes
Author URI: https://www.featherthemes.com
Description: The WordPress Biz Growth Hub Lite Theme is a clean, professional theme built for business growth. It suits business hubs, consultancies, startups, business academies, and any organization that wants a clear, modern site to showcase services and content. With a focus on usability and a polished look, it works well for landing pages, blogs, and business portfolios.
Version: 0.1
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biz-growth-hub-lite
Tags: custom-menu,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,editor-style,featured-images,two-columns,blog,news,portfolio

Biz Growth Hub Lite WordPress Theme, Copyright 2026 featherthemes(featherthemes.com)
Biz Growth Hub Lite is distributed under the terms of the GNU GPL
*/

/*extra Classes */
body{letter-spacing: normal; font-size:15px; font-family: 'Roboto', sans-serif; color: #4b5563; line-height: 1.7;}
.btn-primary {  color: #fff;  background-color:#2563eb; border-color: #2563eb;}
.btn-primary:hover{background-color: #1e40af; transform: translateY(-2px);}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
a{color:#2563eb;text-decoration:none; transition: color 0.2s ease;}
a:hover{color:#1e40af;}
p a{ text-decoration:underline;}
p a:hover{ color:#1e40af;}
h3 a{color:#1f2937;}
.sticky{};
.heading {
    margin-bottom: 25px;
}
.page .blog-post .heading,
.single .entry-header {
    margin-top: 0;
}
ol.wp-block-latest-comments{padding-left:0;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
a.rdmore {
    background: #2563eb;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}
a.rdmore:hover {
    background: #1e40af;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.35);
}
.readmorebox{ width: 100%; text-align: left; }
.home .sitefull {    text-align: left;    padding: 20px; box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
    -moz-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57); margin-bottom:30px;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ margin:0; padding:24px 0; }

.blog-post {
    padding: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    margin-bottom: 30px;
    overflow: hidden;
    border: none;
}
.blog-post h1 {
    color: #1f2937;
    font-size: 28px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    padding: 30px 30px 0 0;
    margin-bottom: 5px;
}

#sitefull{ width:100%; float:none; }
#sitefull p{ margin-bottom:15px;}

.page_content,
.pagecontent {
    padding: 30px;
}
.page_content.ourresources{ padding: 0 0;}
.page_content p {
    margin-bottom: 18px;
    line-height: 1.8;
    margin-top: 0;
    color: #374151;
    font-size: 15px;
}
.page_content p.box_content {
    padding-bottom: 20px;
    margin-bottom: 0;
}

/* Blog Meta */
.postmeta {
    background: #f1f5f9;
    padding: 10px 15px;
    border-radius: 6px;
    margin: 10px 0 15px;
    font-size: 13px;
    color: #64748b;
}
.blog-meta {
    font-style: normal;
    margin-bottom: 15px;
    padding: 0 0 12px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.post-date, .post-comment, .post-categories {
    display: inline-block;
    color: #64748b;
    margin: 0 12px 0 0;
    font-size: 13px;
    line-height: 21px;
}
.post-date i, .post-comment i, .post-categories i { color: #2563eb; margin-right: 4px; }

/* Pagination */
.page-numbers {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 3px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #4b5563;
    background: #fff;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
    text-decoration: none;
}
.page-numbers:hover,
.page-numbers.current {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
}
.navigation.pagination {
    border-radius: 8px;
    background: transparent;
    padding: 20px 0;
    display: block;
    text-align: center;
}

/* Blog Lists */
.blog_lists {
    margin-bottom: 25px;
    border-bottom: none;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    transition: box-shadow 0.3s ease;
}
.blog_lists:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.blog_lists h3 {
    margin-bottom: 8px;
    text-transform: none;
    font-size: 22px;
    font-weight: 700;
}
.blog_lists h3 a{ color:#1f2937; text-decoration:none; transition: color 0.2s ease; }
.blog_lists h3 a:hover{ color:#2563eb;}
.blog_lists p{ margin-bottom:10px; color:#4b5563; line-height:1.7; }

.single_title{ margin-bottom:10px; }

.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%; border-radius:8px; }
.BlogPosts h2{ margin:10px 0; font-size:22px; }

/* Post Thumbnail */
.post-thumb {
    width: auto;
    float: left;
    margin: 0 25px 15px 0;
    border-radius: 8px;
    overflow: hidden;
}
.post-thumb img{ width:auto; transition: transform 0.4s ease; }
.post-thumb:hover img { transform: scale(1.03); }
/* Page & single: feature image on top, full-width and centered (do not use width: auto or image aligns left) */
.page .blog-post .post-thumb,
.blog-post .featured-image-wrap,
.single .post-thumb {
    display: block;
    width: 100%;
    float: none;
    margin: 0 0 24px 0;
}
.page .blog-post .post-thumb img,
.blog-post .featured-image-wrap img,
.single .post-thumb img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    image-rendering: auto;
    margin: 10px auto 0;
}
/* Disable hover zoom on page/single feature image to prevent blur */
.page .blog-post .post-thumb:hover img,
.blog-post .featured-image-wrap:hover img,
.single .post-thumb:hover img {
    transform: none;
}

/* Full Width Layout */
#contentdiv.layout-fullwidth .site-main {
    width: 100%;
    float: none;
}

#contentdiv.layout-fullwidth .blog-post {
    text-align: left;
}

#contentdiv.layout-fullwidth .blog-post .heading,
#contentdiv.layout-fullwidth .blog-post .heading h1,
#contentdiv.layout-fullwidth .blog-post .heading h3,
#contentdiv.layout-fullwidth .blog-post .heading .style2 {
    text-align: center !important;
}

#contentdiv.layout-fullwidth .blog-post .pagecontent,
#contentdiv.layout-fullwidth .blog-post .entry-content {
    text-align: justify !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#contentdiv.layout-fullwidth .blog-post .pagecontent p,
#contentdiv.layout-fullwidth .blog-post .entry-content p {
    text-align: justify !important;
}

#contentdiv.layout-fullwidth .blog-post h1,
#contentdiv.layout-fullwidth .pagecontent h1,
#contentdiv.layout-fullwidth .pagecontent h2,
#contentdiv.layout-fullwidth .pagecontent h3 {
    text-align: center !important;
}

/* Ensure full width layout hides sidebar */
#contentdiv.layout-fullwidth #sidebar {
    display: none !important;
}

/* Page: center content and keep layout as feature image → title → content below */
.page .blog-post {
    text-align: center;
}
.page .blog-post .heading,
.page .blog-post .heading h1,
.page .blog-post .heading h3 {
    text-align: center;
}
.page .blog-post .pagecontent {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.page .blog-post .pagecontent p {
    text-align: center;
}
/* Stack any columns/media in page content below title; center images */
.page .blog-post .pagecontent .alignleft,
.page .blog-post .pagecontent .alignright,
.page .blog-post .pagecontent img.alignleft,
.page .blog-post .pagecontent img.alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
.page .blog-post .pagecontent .wp-block-columns {
    flex-direction: column;
    align-items: center;
}
/* Force Media & Text block to stack: image on top, content below, centered */
.page .blog-post .pagecontent .wp-block-media-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.page .blog-post .pagecontent .wp-block-media-text .wp-block-media-text__media {
    margin: 0 auto 1em;
    width: 100%;
    max-width: 100%;
}
.page .blog-post .pagecontent .wp-block-media-text .wp-block-media-text__content {
    padding: 1em 0;
    text-align: center;
}
.page .blog-post .pagecontent .wp-block-media-text .wp-block-media-text__content p {
    text-align: center;
}
.page .blog-post .heading {
    padding-left: 30px;
    padding-right: 30px;
}
.page .blog-post .pagecontent {
    padding-left: 30px;
    padding-right: 30px;
}

/* Recent Articles */
.recent_articles h3 a{ font-size:22px; text-decoration:none; color:#1f2937; transition:color 0.2s ease; }
.recent_articles h3 a:hover { color:#2563eb; }
.recent_articles {
    margin: 0 0 25px;
    border-bottom: none;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
}
.recent_articles h3 {
    background: none;
    padding: 0;
    margin-bottom: 10px;
    color: #1f2937;
    font-size: 20px;
    font-weight: 700;
}

/* Blockquote */
blockquote {
    border-left: 4px solid #2563eb;
    margin: 20px 0;
    padding: 18px 24px;
    background: #f8fafc;
    border-radius: 0 8px 8px 0;
    color: #374151;
    font-size: 16px;
    line-height: 1.7;
    font-style: italic;
}

h3.style2 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 50px;
    border-left: none;
    padding-left: 25px;
    color: #1f2937;
    text-align:center;
}
.wp-block-latest-comments__comment {
    padding: 4px 20px 0;
}

#comments.comments-area {
    padding: 30px;
}

#commentform input[type="checkbox"] {
    width: auto;
}