/*
Theme Name: Retirement Fixed Nav Images
Version: 5.0
*/

body{margin:0;font-family:Arial;background:#f4f7fb;color:#222}
.container{max-width:1200px;margin:auto;padding:20px}

/* HEADER */
.header{background:#0f2f4f;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
nav ul li{position:relative}
nav a{color:#fff;text-decoration:none;padding:10px 14px;display:block}

/* FIXED DROPDOWN */
nav ul li ul{
 display:none;
 position:absolute;
 top:100%;
 left:0;
 background:#fff;
 min-width:220px;
 box-shadow:0 10px 25px rgba(0,0,0,0.1);
}
nav ul li:hover > ul{display:block}
nav ul li ul li{position:relative}
nav ul li ul li ul{
 top:0;
 left:100%;
}
nav ul li ul li:hover > ul{
 display:block;
}
nav ul li ul li a{color:#333}

/* HERO (SMALLER) */
.hero{
 background:url('https://images.unsplash.com/photo-1506744038136-46273834b3fb') center/cover no-repeat;
 color:#fff;
 padding:80px 20px;
 text-align:center;
}
.hero h1{font-size:40px;margin-bottom:10px}
.hero p{font-size:18px;margin-bottom:20px}

/* BUTTON */
.btn{padding:12px 20px;border-radius:25px;text-decoration:none}
.btn-primary{background:#ffd166;color:#000}

/* CARDS */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:-40px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.card img{width:100%;height:140px;object-fit:cover}
.card-content{padding:20px;text-align:center}

/* POSTS */
.posts{margin-top:50px}