/*
Theme Name: Roopkund Trek
Theme URI: https://example.com
Author: Your Name
Description: A custom theme for the Roopkund Trek website – featuring trek info, itinerary, gallery, FAQs and safety notices.
Version: 1.0
Text Domain: roopkund
*/
:root{
–deep-blue:#0b3d5c;
–sky-blue:#1e88b5;
–snow:#f7fafc;
–stone:#4a4a4a;
–accent:#e07a3f;
–danger:#b3261e;
}
*{box-sizing:border-box;}
body{
margin:0;
font-family:’Poppins’, Arial, sans-serif;
color:var(–stone);
background:var(–snow);
line-height:1.6;
}
h1,h2,h3,h4{
font-family:’Poppins’, Arial, sans-serif;
color:var(–deep-blue);
margin-top:0;
}
a{color:var(–sky-blue); text-decoration:none;}
a:hover{color:var(–accent);}
img{max-width:100%; display:block;}
.container{max-width:1100px; margin:0 auto; padding:0 20px;}
/* Header */
.site-header{background:var(–deep-blue); padding:15px 0;}
.site-header .container{display:flex; align-items:center; justify-content:space-between;}
.site-title{color:#fff; font-size:24px; font-weight:700;}
.site-title a{color:#fff;}
.main-nav ul{list-style:none; display:flex; gap:22px; margin:0; padding:0;}
.main-nav a{color:#fff; font-weight:500;}
.main-nav a:hover{color:var(–accent);}
/* Safety banner */
.safety-banner{
background:var(–danger);
color:#fff;
text-align:center;
padding:10px 15px;
font-size:14px;
font-weight:600;
}
.safety-banner a{color:#fff; text-decoration:underline;}
/* Hero */
.hero{
background:linear-gradient(rgba(11,61,92,0.65), rgba(11,61,92,0.65)), url(‘https://images.unsplash.com/photo-1533240332313-0db49b459ad6?auto=format&fit=crop&w=1600&q=80’) center/