/*
Theme Name: WikiBook Child
Theme URI: https://demo.theme-sky.com/wikibook/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: wikibook
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: wikibook-child
*/

/* =============================================================================
   CONTENT PAGE LAYOUT TEMPLATE
   Reusable layout for content pages: About Us, Advertising, Tips on Databases.
   Wrap page content in: <div class="content-page">...</div>
   Available classes:
     .cp-intro        - centred intro paragraph
     .cp-divider      - horizontal separator line
     .cp-section      - standard content section wrapper
     .cp-list         - product/feature bullet list (border-separated)
     .cp-list-compact - compact checkmark/arrow list
     .cp-highlight    - callout box with left border (Why Choose Us type sections)
     .cp-cta          - dark call-to-action block at page bottom
   ============================================================================= */

/* Intro paragraph - centred, constrained width */
article .content-page p.cp-intro {
    font-size: 18px !important;
    line-height: 1.8 !important;
    max-width: 700px !important;
    margin: 0 auto 10px !important;
    color: #555 !important;
    text-align: center !important;
    padding: 20px 0 10px !important;
    display: block !important;
}

/* Horizontal divider after intro */
article .content-page hr.cp-divider {
    border: none !important;
    border-top: 2px solid #e0e0e0 !important;
    margin: 10px 0 40px !important;
}

/* Section headings (h2) - override theme large font */
article .content-page h2 {
    font-size: 26px !important;
    font-weight: bold !important;
    margin-bottom: 12px !important;
    color: #222 !important;
    line-height: 1.3 !important;
}

/* Body paragraphs */
article .content-page p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* Standard bullet list (product/feature items, border-separated) */
article .content-page ul.cp-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
}

article .content-page ul.cp-list li {
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 16px !important;
    color: #444 !important;
    list-style: none !important;
}

article .content-page ul.cp-list li strong {
    color: #333;
}

/* Compact list (checkmark ✓ / arrow → style items) */
article .content-page ul.cp-list-compact {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
}

article .content-page ul.cp-list-compact li {
    padding: 8px 0 !important;
    font-size: 16px !important;
    color: #444 !important;
    list-style: none !important;
}

/* Highlighted / callout section (left border accent) */
article .content-page .cp-highlight {
    background: #f9f9f9 !important;
    border-left: 4px solid #bbb !important;
    padding: 20px 24px !important;
    margin: 32px 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

article .content-page .cp-highlight h2 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* CTA block - dark background, centred */
article .content-page .cp-cta {
    background: #222222 !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 48px 24px !important;
    margin-top: 48px !important;
    border-radius: 4px !important;
    display: block !important;
}

article .content-page .cp-cta h2 {
    font-size: 28px !important;
    font-weight: bold !important;
    margin-bottom: 12px !important;
    color: #ffffff !important;
    text-align: center !important;
}

article .content-page .cp-cta p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    max-width: 600px !important;
    margin: 0 auto 24px !important;
    color: #cccccc !important;
    text-align: center !important;
}

article .content-page .cp-cta a {
    display: inline-block !important;
    background: #ffffff !important;
    color: #222222 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    padding: 14px 36px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    transition: background 0.2s, color 0.2s !important;
}

article .content-page .cp-cta a:hover {
    background: #f0f0f0 !important;
    color: #111111 !important;
}