/*
Theme Name:  GeneratePress Child - Wonderfullyrich
Description: Child theme for wonderfullyrich.com — restores Thesis-like visual design
Template:    generatepress
Version:     1.1
*/

/* ============================================================
   1. NAVIGATION — Full-width dark bar; white uppercase text
   Now rendered as separate <nav id="site-navigation"> below header
   via generate_settings nav_location = nav-below-header
   ============================================================ */

#site-navigation,
.main-navigation {
    background-color: #2a2a2a !important;
    width: 100%;
    margin: 0;
    padding: 0;
}

.main-navigation .inside-navigation {
    background-color: #2a2a2a;
    padding: 0 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* White, uppercase nav links */
.main-navigation .main-nav > ul > li > a,
.main-navigation .main-nav ul li a {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 44px;
    padding-left: 14px;
    padding-right: 14px;
}

.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.current-menu-item > a {
    color: #cccccc !important;
    background: rgba(255, 255, 255, 0.08);
    text-decoration: none;
}

/* Hide dropdown caret toggles */
.main-navigation .dropdown-menu-toggle {
    display: none !important;
}

/* Mobile menu toggle — dark background to match */
.main-navigation .menu-toggle {
    color: #ffffff;
    background-color: #2a2a2a;
}

/* ============================================================
   2. SITE HEADER & BRANDING
   ============================================================ */

.site-header {
    border-bottom: 1px solid #eeeeee;
    padding: 0;
}

.inside-header {
    padding: 15px 40px !important;
    align-items: flex-start !important;
    flex-direction: row !important;
}

/* GP uses .main-title for site title, not .site-title */
.main-title {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 34px !important;
    font-weight: normal !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.2 !important;
}

.main-title a {
    color: #333333 !important;
    text-decoration: none !important;
}

.main-title a:hover {
    color: #444444 !important;
    text-decoration: none !important;
}

/* Tagline — GP hides this via hide_tagline setting (now fixed via option),
   but also ensure it's visible and styled correctly */
.site-description {
    display: block !important;
    visibility: visible !important;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 14px;
    color: #555555;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

/* ============================================================
   3. BODY TYPOGRAPHY — Georgia serif
   ============================================================ */

body,
p,
li,
.entry-content,
.entry-summary {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15px;
    line-height: 1.7;
    color: #333333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, 'Times New Roman', serif;
}

/* ============================================================
   4. LINK COLORS
   ============================================================ */

a {
    color: #21759b;
    text-decoration: none;
}

a:hover {
    color: #0a5078;
    text-decoration: underline;
}

a:visited {
    color: #21759b;
}

/* Keep nav links white, not blue */
.main-navigation a,
.main-navigation a:visited {
    color: #ffffff !important;
}

/* ============================================================
   5. REMOVE POST CARD / BOX STYLING
   separate-containers layout adds padding:40px to .inside-article
   and wraps each post in its own box — remove all of it
   ============================================================ */

.separate-containers .inside-article {
    padding: 20px 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.separate-containers .site-main {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

article.post,
article.page {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.content-area {
    background: transparent;
}

/* Subtle separator between posts */
.blog article + article,
.archive article + article {
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
    padding-top: 10px;
}

/* ============================================================
   6. POST TITLES AND META
   ============================================================ */

.entry-title {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 4px;
}

.entry-title a {
    color: #333333 !important;
    text-decoration: none !important;
}

.entry-title a:hover {
    color: #21759b !important;
    text-decoration: none !important;
}

.entry-header .entry-meta,
footer.entry-meta,
.entry-meta {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888888;
}

/* ============================================================
   7. SIDEBAR WIDGET TITLES
   ============================================================ */

.sidebar .widget {
    margin-bottom: 24px;
    padding: 0 20px !important;
}

.sidebar .widget-title {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.tag-cloud-link {
    color: #21759b;
}

/* ============================================================
   8. FOOTER
   ============================================================ */

.site-footer {
    border-top: 1px solid #dddddd;
    margin-top: 20px;
    padding: 15px 0;
    font-size: 12px;
    color: #888888;
}