/*
Theme Name: Genuine Growth Full Footer Theme
Description: Theme with accurate footer structure and styling.
Version: 1.0
Author: Genuine Growth
*/
body { margin:0; font-family:'Poppins', sans-serif; color:#3c3c3c; background:#fff; }
.container { max-width:1280px; margin:auto; padding:0 1rem; }
.navbar { display:flex; justify-content:space-between; align-items:center; position:relative; }
.nav-left { display:flex; list-style:none; gap:1rem; margin:0; padding:0; }
.logo-box { position:absolute; left:50%; transform:translateX(-50%); }
.nav-right { display:flex; }
.content-wrapper { max-width:1280px; margin:0 auto; padding:2rem; display:flex; gap:2rem; }
.main-content { flex:3; }
#sidebar { flex:1; }
.post-card { display:flex; background:#fff; padding:2rem; margin-bottom:2rem; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.05); }
.post-thumbnail img { width:150px; height:auto; margin-right:20px; border-radius:5px; }
.post-content h2 a { font-family:'Bodoni Moda', serif; font-size:1.75rem; color:#3c3c3c; text-decoration:none; }
.read-more-btn { background:#cc7452; color:#fff; padding:0.5rem 1rem; text-decoration:none; border-radius:5px; display:inline-block; margin-top:10px; }
.read-more-btn:hover { background:#3b3b3b; }

/* Footer Styling as provided */
.footer { background-color: #7b8551; padding: 3rem 1rem; font-family: 'Poppins', sans-serif; }
.footer-content { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 2rem; max-width: 1280px; margin: 0 auto; }
.footer-col { flex: 1; min-width: 150px; }
.footer-col ul { list-style: none; padding: 0; margin: 0; }
.footer-col ul li { margin-bottom: 1rem; }
.footer-col a { color: #fff; text-decoration: none; font-weight: 500; transition: color 0.3s ease; }
.footer-col a:hover { color: #e0b44c; }
.footer-col.light-links a { color: #b7b7b7; }
.footer-col.light-links a:hover { color: #e0b44c; }
.subscribe-label { color: #fff; font-weight: 600; margin-bottom: 0.75rem; }
.footer .social-icons a { background-color: #3c3c3c; color: white; width: 40px; height: 40px; border-radius: 6px; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; }
.footer .social-icons a:hover { background-color: #e0b44c; color: #3c3c3c; }
.logo-col { display: flex; justify-content: flex-end; align-items: flex-start; }
.footer-logo { max-width: 160px; padding: .25rem 1.25rem; border-radius: 0.5rem; }
.copyright-bar { background-color: #ffffff; padding: 1rem 0; border-top: 1px solid #ccc; text-align: center; font-size: 0.7rem; color: #3c3c3c; }
.copyright-bar .container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; }

@media (max-width:768px) {
  .footer-content { flex-direction:column; align-items:center; text-align:center; }
}

.site-header { position: sticky; top: 0; background: #fff; z-index: 1000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.navbar { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; position: relative; }
.nav-left, .nav-right { display: flex; align-items: center; }
.nav-left { list-style: none; gap: 1.5rem; margin: 0; padding: 0; }
.nav-left li a { text-decoration: none; color: #3c3c3c; font-weight: 600; transition: color 0.3s ease; }
.nav-left li a:hover { color: #7b8551; }
.cta-button { background: #cc7452; color: white; padding: 0.5rem 1rem; text-decoration: none; font-weight: 600; border-radius: 4px; }
.cta-button:hover { background: #3b3b3b; }
.logo-box { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #fff; padding: 0.5rem; border-radius: 0 0 5px 5px; box-shadow: 0 10px 10px rgba(0,0,0,0.2); z-index: 2; }
.logo { height: 110px; }