/* ==========================================================================
   Keshav Dham - site specific styles
   (replaces the inline styles that were repeated in every old page)
   ========================================================================== */

/* ---------- Top bar ---------- */
.topbar .btn,
.topbar .btn i { color: #fff; font-size: 12px; }
.topbar .btn:hover { color: #ffe08a; }

/* ---------- Navigation ---------- */
.site-navbar { background-color: #fff; }
.site-navbar .navbar-nav { font-size: 12px; }
.site-navbar .nav-link { padding: 10px !important; color: #000 !important; }
.site-navbar .nav-link i { padding-right: 2px; color: rgb(220, 53, 69); }
.site-navbar .nav-item.active > .nav-link { color: rgb(220, 53, 69) !important; font-weight: 600; }
.site-navbar .dropdown-menu { font-size: 12px; margin-top: 8px; }
.site-navbar .dropdown-item.active,
.site-navbar .dropdown-item:active { background-color: rgb(220, 53, 69); color: #fff; }
.btn-donate { margin: 2px; color: #fff !important; font-weight: 650; }

/* ---------- Footer ---------- */
.site-footer { margin-top: 0; padding: 30px 0 0; }
.site-footer .footer-address { font-size: 13px; font-weight: normal; }
.footer-links { font-size: 14px; line-height: 25px; }
.footer-links li { font-weight: 100; border-bottom: .5px solid rgba(0, 0, 0, .6); }
.footer-links a { color: #fff; }
.footer-links a:hover { color: #ffe08a; text-decoration: none; }
.footer-2 a { color: #fff; }

/* ---------- Page header (used by the dynamic pages) ---------- */
.page-banner { background-color: #f4dada; padding: 30px 0 20px; text-align: center; }
.page-banner h1 { margin: 0; font-weight: 700; }
.page-banner p { margin: 8px 0 0; color: #555; }

/* ---------- News & events ---------- */
.event-card { height: 100%; }
.event-card .event-img { width: 100%; height: 100%; min-height: 160px; object-fit: cover; }
.event-card .event-date { font-size: 13px; color: #dc3545; font-weight: 600; }
.blog-slider__img img { object-fit: cover; }

/* ---------- Magazine ---------- */
.magazine-card .cover { width: 100%; height: 260px; overflow: hidden; background: #f6f6f6; }
.magazine-card .cover img { width: 100%; height: 100%; object-fit: cover; object-position: top; }

/* ---------- Gallery ---------- */
.album-card { border: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .12); transition: transform .2s; height: 100%; }
.album-card:hover { transform: translateY(-4px); }
.album-card .album-cover { height: 220px; object-fit: cover; width: 100%; }
.album-card .badge { position: absolute; top: 10px; right: 10px; }
.gallery-grid a { display: block; overflow: hidden; border-radius: 4px; }
.gallery-grid img { width: 100%; height: 200px; object-fit: cover; transition: transform .3s; }
.gallery-grid a:hover img { transform: scale(1.05); }

/* ---------- Forms ---------- */
.form-panel { padding: 20px; background-color: #f6f6f6; }