/*!
Theme Name: Helpblogger Naija
Theme URI: https://helpblogger.ng/
Author: Helpblogger NG
Author URI: https://helpblogger.ng
Description: Superfast Wordpress Theme for your website, boost your SEO faster
Version: 1.1.7
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: helpblogger_naija
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/* HelpBlogger Post Content Styles */

/* Base Typography */
.helpblogger-post p {
    line-height: 1.75;
    margin-bottom: 1.5rem;
}

.helpblogger-post p:last-child {
    margin-bottom: 0;
}

/* Headings */
.helpblogger-post h1,
.helpblogger-post h2,
.helpblogger-post h3,
.helpblogger-post h4,
.helpblogger-post h5,
.helpblogger-post h6 {
    font-weight: 700;
    line-height: 1.25;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.helpblogger-post h1:first-child,
.helpblogger-post h2:first-child,
.helpblogger-post h3:first-child,
.helpblogger-post h4:first-child,
.helpblogger-post h5:first-child,
.helpblogger-post h6:first-child {
    margin-top: 0;
}

.helpblogger-post h1 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.helpblogger-post h2 {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

.helpblogger-post h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.helpblogger-post h4 {
    margin-top: 1.75rem;
    margin-bottom: 0.875rem;
}

.helpblogger-post h5 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.helpblogger-post h6 {
    font-size: 1rem;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
}

/* Links */
.helpblogger-post a {
    color: #0066cc;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 500;
}

.helpblogger-post a:hover {
    text-decoration: underline;
    color: #0052a3;
}

/* Strong and Bold */
.helpblogger-post strong,
.helpblogger-post b {
    color: var(--text-color);
    font-weight: 700;
}

/* Emphasis and Italic */
.helpblogger-post em,
.helpblogger-post i {
    font-style: italic;
    color: var(--text-color);
}

/* Lists */
.helpblogger-post ul,
.helpblogger-post ol {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.helpblogger-post ul {
    list-style-type: disc;
}

.helpblogger-post ol {
    list-style-type: decimal;
}

.helpblogger-post li {
    color: var(--text-color);
    line-height: 1.75;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.helpblogger-post li:last-child {
    margin-bottom: 0;
}

/* Nested Lists */
.helpblogger-post ul ul,
.helpblogger-post ul ol,
.helpblogger-post ol ul,
.helpblogger-post ol ol {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.helpblogger-post ul ul {
    list-style-type: circle;
}

.helpblogger-post ul ul ul {
    list-style-type: square;
}

/* Blockquotes */
.helpblogger-post blockquote {
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: var(--text-color);
    line-height: 1.6;
    padding: 1.5rem;
    border-radius: 0.5rem;
    position: relative;
}

.helpblogger-post blockquote, blockquote {
    font-style: italic;
    border-left: 4px solid #98e698;
    padding: 12px 20px;
    margin: 20px 0;
    border-radius: 0 10px 0 10px;
    background-color: #0a290a;
    color: #fff;
    line-height: 1.6;
}

.helpblogger-post blockquote p {
    margin-bottom: 0;
    font-size: inherit;
}

.helpblogger-post blockquote cite {
    display: block;
    margin-top: 1rem;
    font-size: 0.875rem;
    color: var(--text-color);
    font-style: normal;
}

.helpblogger-post blockquote cite:before {
    content: "— ";
}

/* Code */
.helpblogger-post code {
    background-color: #f3f4f6;
    color: #dc2626;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.875rem;
    font-weight: 500;
}

.helpblogger-post pre {
    background-color: #1f2937;
    color: #f9fafb;
    padding: 1.5rem;
    border-radius: 0.75rem;
    overflow-x: auto;
    margin: 2rem 0;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
}

.helpblogger-post pre code {
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
}

/* Tables */
.helpblogger-post table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    background-color: white;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.helpblogger-post thead {
    background-color: #f9fafb;
}

.helpblogger-post th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.helpblogger-post td {
    padding: 1rem;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: top;
}

.helpblogger-post tr:last-child td {
    border-bottom: none;
}

.helpblogger-post tbody tr:hover {
    background-color: #f9fafb;
}

/* Images */
.helpblogger-post img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1.5rem 0;
    display: block;
}

.helpblogger-post figure {
    margin: 2rem 0;
}

.helpblogger-post figcaption {
    text-align: center;
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.5rem;
    font-style: italic;
}

/* Horizontal Rule */
.helpblogger-post hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, #e5e7eb, transparent);
    margin: 3rem 0;
}

/* Forms */
.helpblogger-post input,
.helpblogger-post textarea,
.helpblogger-post select {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 1rem;
    transition: border-color 0.2s ease;
    background-color: white;
}

.helpblogger-post input:focus,
.helpblogger-post textarea:focus,
.helpblogger-post select:focus {
    outline: none;
    border-color: #00A859;
}

.helpblogger-post label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
}

.helpblogger-post button,
.helpblogger-post input[type="submit"] {
    background-color: #00A859;
    color: white;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 1rem;
}

.helpblogger-post button:hover,
.helpblogger-post input[type="submit"]:hover {
    background-color: rgba(0, 168, 89, 0.9);
}

/* Definition Lists */
.helpblogger-post dl {
    margin: 1.5rem 0;
}

.helpblogger-post dt {
    font-weight: 600;
    color: #374151;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.helpblogger-post dt:first-child {
    margin-top: 0;
}

.helpblogger-post dd {
    color: #6b7280;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

/* Addresses */
.helpblogger-post address {
    font-style: italic;
    color: #6b7280;
    margin: 1.5rem 0;
    padding: 1rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
    border-left: 4px solid #00A859;
}

/* Abbreviations */
.helpblogger-post abbr {
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: help;
}

/* Subscript and Superscript */
.helpblogger-post sub,
.helpblogger-post sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.helpblogger-post sup {
    top: -0.5em;
}

.helpblogger-post sub {
    bottom: -0.25em;
}

/* Mark/Highlight */
.helpblogger-post mark {
    background-color: #fef3c7;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
    color: #92400e;
}

/* Small text */
.helpblogger-post small {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Responsive Design */
@media (max-width: 768px) {
    .helpblogger-post h1 {
        font-size: 1.875rem;
    }

    .helpblogger-post h2 {
        font-size: 1.5rem;
    }

    .helpblogger-post h3 {
        font-size: 1.25rem;
    }

    .helpblogger-post p,
    .helpblogger-post li {
        font-size: 1rem;
    }

    .helpblogger-post blockquote {
        font-size: 1.125rem;
        padding: 1rem;
        margin: 1.5rem 0;
    }

    .helpblogger-post pre {
        padding: 1rem;
        margin: 1.5rem 0;
        font-size: 0.8125rem;
    }

    .helpblogger-post table {
        font-size: 0.875rem;
    }

    .helpblogger-post th,
    .helpblogger-post td {
        padding: 0.75rem;
    }
}