/*!
Theme Name: GolfCube social
Theme URI: https://www.golfcubesocial.com/
Author: TwoPoints
Author URI:
Description: "GolfCube social" is a simple & easy to use WordPress theme. It is based on world's most popular framework for responsive websites, Twitter Bootstrap 4. "WP Bootstrap 4" is a perfect combination of Bootstrap 4 and WordPress. It is fast and light-weight with around 20 kb style.css. It is also search engine friendly. It has a built-in slider for featured posts on blog's home page. It supports all major & popular WordPress plugins like Jetpack, Contact Form 7, Elementor, Beaver Builder, SiteOrigin Page Builder etc. Check demo on https://bootstrap-wp.com
Version: 1.1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: GolfCubesocial
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog

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

WP Bootstrap 4 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; background: #000; }
a { color: inherit; text-decoration: none; }
button { border: none; background: none; padding: 0; cursor: pointer; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }

/* Dropdown hover */
.nav-dropdown { display: none; }
.nav-item:hover .nav-dropdown { display: block; }

/* Mobile menu */
#mobile-menu { display: none; }
#mobile-menu.open { display: block; }

/* Smooth scrolling */
html { scroll-behavior: smooth; }
.contactlists li a:hover {color:#16a34a;}
/* Hero overlay */
.hero-bg { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; }
.content-area {padding-top: 170px;}
.site-main article{color:#fff;}
.container {
    max-width: 80rem; margin-left:auto; margin-right:auto;padding: 0 1.5rem;
}
.entry-title {color: #22c55e; font-size: 34px;
    margin-bottom: 15px;}
.entry-meta.text-muted {color:#999; margin-bottom:10px;}
.site-main article h2 {font-size: 21px;margin: 10px 0px;}
.site-main article h3 {font-size: 18px;margin: 10px 0px;}
.site-main article ul {
    list-style: disc;
    padding-left: 15px;
}
.site-main article ul li {margin-top:4px;}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
.col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.sidebar-1-area {color: #ffff; padding-top: 150px;}

/* ============================================
   BLOG — SINGLE POST CONTENT TYPOGRAPHY
   ============================================ */
.post-content-body { color: #d1d5db; font-size: 1.0625rem; line-height: 1.85; }
.post-content-body p { margin-bottom: 1.5rem; }
.post-content-body h2 { color: #fff; font-size: 1.5rem; font-weight: 700; margin: 2.5rem 0 1rem; line-height: 1.3; }
.post-content-body h3 { color: #fff; font-size: 1.2rem; font-weight: 600; margin: 2rem 0 0.75rem; line-height: 1.4; }
.post-content-body h4 { color: #e5e7eb; font-size: 1.05rem; font-weight: 600; margin: 1.5rem 0 0.5rem; }
.post-content-body ul,
.post-content-body ol { padding-left: 1.5rem; margin-bottom: 1.5rem; }
.post-content-body ul { list-style: disc; }
.post-content-body ol { list-style: decimal; }
.post-content-body li { margin-bottom: 0.5rem; }
.post-content-body strong { color: #f9fafb; font-weight: 600; }
.post-content-body em { color: #d1d5db; font-style: italic; }
.post-content-body a { color: #22c55e; text-decoration: underline; text-underline-offset: 3px; }
.post-content-body a:hover { color: #4ade80; }
.post-content-body blockquote {
    border-left: 3px solid #22c55e;
    padding: 0.75rem 1.25rem;
    margin: 2rem 0;
    background: #111827;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #9ca3af;
    font-style: italic;
}
.post-content-body pre {
    background: #111827;
    border: 1px solid #1f2937;
    border-radius: 0.5rem;
    padding: 1.25rem;
    overflow-x: auto;
    margin-bottom: 1.5rem;
}
.post-content-body code {
    background: #1f2937;
    color: #22c55e;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
}
.post-content-body img { max-width: 100%; height: auto; border-radius: 0.75rem; margin: 1.5rem 0; }
.post-content-body hr { border: none; border-top: 1px solid #1f2937; margin: 2.5rem 0; }

/* Post navigation */
.post-nav-block .nav-links { display: flex; justify-content: space-between; gap: 2rem; }
.post-nav-block .nav-previous,
.post-nav-block .nav-next { flex: 1; }
.post-nav-block .nav-next { text-align: right; }
.post-nav-label { display: block; color: #6b7280; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.35rem; }
.post-nav-title { display: block; color: #fff; font-weight: 600; font-size: 0.95rem; line-height: 1.4; }
.post-nav-block a:hover .post-nav-title { color: #22c55e; }

/* Blog pagination */
.blog-pagination .nav-links { display: flex; gap: 1rem; align-items: center; }
.blog-pagination .nav-previous a,
.blog-pagination .nav-next a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #22c55e;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid #166534;
    padding: 0.5rem 1.25rem;
    border-radius: 0.5rem;
    transition: background 0.2s, color 0.2s;
}
.blog-pagination .nav-previous a:hover,
.blog-pagination .nav-next a:hover { background: #14532d; color: #fff; }

/* Archive — remove old sidebar padding */
.blog-content-area.content-area { padding-top: 0; }
