:root{ --saffron:#c76b12; --sandstone:#d8b58a; --ivory:#f8f3e8; --maroon:#5b1f1f; --gold:#c9a227; --charcoal:#121212; --text:#2b2b2b; } body{ font-family:'Inter',sans-serif; background:var(--ivory); color:var(--text); scroll-behavior:smooth; } h1,h2,h3,h4,h5{ font-family:'Cormorant Garamond',serif; font-weight:700; color:var(--maroon); } .section-title{ position:relative; margin-bottom:1rem; } .section-title::after{ content:''; width:90px; height:3px; background:linear-gradient(90deg,var(--gold),var(--saffron)); display:block; margin-top:10px; } .btn-heritage{ background:linear-gradient(135deg,var(--saffron),var(--gold)); border:none; color:#fff; padding:.8rem 1.6rem; border-radius:50px; font-weight:600; transition:.3s ease; } .btn-heritage:hover{ transform:translateY(-2px); color:#fff; } .navbar{ transition:.3s ease; } .navbar.scrolled{ background:rgba(255,248,240,.96)!important; box-shadow:0 5px 20px rgba(0,0,0,.08); } .hero{ min-height:120vh; position:relative; overflow:hidden; display:flex; align-items:center; background: linear-gradient(rgba(10,10,10,.55),rgba(10,10,10,.55)), url('../images/ram-mandir.jpeg') center/cover no-repeat; } .hero::before{ content:''; position:absolute; inset:0; background:url('../images/temple-silhouette.png') bottom center/contain no-repeat; opacity:.15; } .hero-content{ position:relative; z-index:2; } .hero h1{ color:#fff; font-size:clamp(3rem,6vw,5rem); line-height:1; } .hero h2{ color:#f7d9a4; font-size:clamp(1.5rem,3vw,2.2rem); } .hero p{ color:#f2f2f2; font-size:1.1rem; max-width:700px; } .portrait-frame{ border:8px solid rgba(255,255,255,.35); border-radius:20px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,.35); } .heritage-card{ background:#fff; border-radius:20px; padding:2rem; box-shadow:0 10px 30px rgba(0,0,0,.06); border:1px solid rgba(201,162,39,.18); transition:.3s ease; } .heritage-card:hover{ transform:translateY(-5px); box-shadow:0 15px 40px rgba(0,0,0,.1); } .timeline{ border-left:3px solid var(--gold); padding-left:1.5rem; } .timeline-item{ position:relative; margin-bottom:2rem; } .timeline-item::before{ content:''; position:absolute; left:-1.95rem; top:.3rem; width:16px; height:16px; background:var(--saffron); border:3px solid #fff; border-radius:50%; } .quote-box{ background:linear-gradient(135deg,#fff8ef,#fff); border-left:5px solid var(--gold); padding:1.5rem; border-radius:12px; } .footer{ background:#2a1515; color:#f4e7cf; } .footer a{ color:#f4e7cf; text-decoration:none; } .footer a:hover{ color:#fff; } .dark-mode{ background:var(--charcoal); color:#e5e5e5; } .dark-mode .heritage-card{ background:#1f1f1f; color:#eee; } .dark-mode .navbar.scrolled{ background:rgba(18,18,18,.96)!important; } .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4{ color:#f5d08a; } @media (max-width:768px){ .hero{ text-align:center; padding-top:80px; padding-bottom:20px; margin:0 auto !important;} }
.navbar{background:rgba(255,248,240,.96)!important; box-shadow:0 5px 20px rgba(0,0,0,.08);}
.nav-link{color: #c77215 !important;font-weight:600;}
.home-h1{/*margin-top: 60px;*/}
#pdfContainer {
    display: none;
    position: fixed;
    top: 5%;
    left: 20%;
  width: 60%;
    height: 90%;
    background: #fff;
    border: 2px solid #412e23;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    z-index: 99999;
}

/* Header */
.pdf-header {
    height: 50px;
    background: #422f25;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.pdf-header h2 {
    margin: 0;
    font-size: 20px;
	color: white;
}


#codeBtn:hover {
    color: #00d4ff;
}

/* Close Button */
#closePdfBtn {
   background: #d9534f;
  color: white;
  border: none;
  font-size: 18px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

#closePdfBtn:hover {
    background: #c9302c;
}

/* PDF Viewer */
#pdfFrame {
    width: 100%;
    height: calc(100% - 95px); /* 50px header + 45px close button */
    border: none;
}

/*
**
* Gallery
*/
/* .gallery-grid{
      column-count:3;
      column-gap:1.25rem;
    } */

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.25rem;
}
    .gallery-item{
      break-inside:avoid;
      /* margin-bottom:1.25rem; */
	   margin:0;
      position:relative;
      overflow:hidden;
      border-radius:1rem;
      background:#fff;
      box-shadow:0 10px 25px rgba(0,0,0,.08);
      cursor:pointer;
      transition:transform .35s ease, box-shadow .35s ease;
    }

    .gallery-item:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 40px rgba(0,0,0,.14);
    }

    .gallery-item img{
      width:100%;
      display:block;
      transition:transform .45s ease;
	  height: -webkit-fill-available;
    }

    .gallery-item:hover img{
      transform:scale(1.04);
    }

    .gallery-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.08));
      opacity:0;
      transition:opacity .3s ease;
      display:flex;
      align-items:flex-end;
      padding:1rem;
    }

    .gallery-item:hover .gallery-overlay{
      opacity:1;
    }

    .gallery-caption{
      color:#fff;
    }

    .gallery-caption h5{
      margin:0;
      font-size:1rem;
      color:#fff;
    }

    .gallery-caption small{
      opacity:.9;
    }

    .zoom-btn{
      position:absolute;
      top:12px;
      right:12px;
      width:42px;
      height:42px;
      border-radius:50%;
      border:none;
      background:rgba(255,255,255,.92);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#5b1f1f;
      box-shadow:0 4px 12px rgba(0,0,0,.15);
      transition:transform .2s ease;
    }

    .zoom-btn:hover{
      transform:scale(1.08);
    }

    .gallery-modal .modal-content{
      background:#111;
      border:none;
    }

    .gallery-modal .modal-body{
      padding:0;
      text-align:center;
      overflow:hidden;
    }

    .gallery-modal img{
      max-width:100%;
      max-height:85vh;
      transition:transform .25s ease;
      transform-origin:center center;
      cursor:grab;
      user-select:none;
    }

    .gallery-toolbar{
      position:absolute;
      top:12px;
      right:12px;
      z-index:10;
      display:flex;
      gap:.5rem;
    }

    .gallery-toolbar button{
      width:42px;
      height:42px;
      border-radius:50%;
      border:none;
      background:rgba(255,255,255,.92);
      color:#222;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .gallery-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:10;
      width:52px;
      height:52px;
      border-radius:50%;
      border:none;
      background:rgba(255,255,255,.18);
      color:#fff;
      backdrop-filter:blur(4px);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .gallery-nav:hover{
      background:rgba(255,255,255,.3);
    }

    .gallery-prev{ left:12px; }
    .gallery-next{ right:12px; }

    .gallery-info{
      padding:1rem 1.25rem;
      background:#181818;
      color:#f2f2f2;
      text-align:left;
    }

    .gallery-info h5{
      margin-bottom:.25rem;
      color:#fff;
    }

    @media (max-width:992px){
      .gallery-grid{ /* column-count:2; */grid-template-columns:repeat(2, 1fr); }
    }

    @media (max-width:576px){
      .gallery-grid{ /* column-count:1; */grid-template-columns:1fr; }
    }
/*
**
*End Gallery
*/