/*
 * VedicWave overrides on top of the legacy theme (public/legacy/css/*).
 * Moved here from the inline <style> blocks in the legacy header.php,
 * footer.php, why.php and content-details.php so a strict CSP can apply.
 */

/* ---- header.php ---- */
.contents > h3 { font-size: 20px; }
a { color: rgb(9 73 153); }
#style-switcher { display: none; }
#header .header-nav-bar { background: #023c5e; }
#header .header-nav-bar .primary-nav > li > a,
#header .header-nav-bar .primary-nav > li.active > a { color: #fff; }
#header .header-nav-bar .primary-nav > li:hover > a { color: #ddcd0b; }
#header .header-nav-bar .primary-nav > li > a.nav-link-en { font-size: 12px; }
#header .header-nav-bar .primary-nav > li > a.nav-link-hi { font-size: 17px; }
#header.fixed { position: fixed; top: 0; z-index: 1000; width: 100%; }
.brand-title { color: #dfb416; }
p { text-align: justify; }
.langs { color: #291f23; }
.language-form { display: inline-block; padding: 0 10px; margin: 0; line-height: normal; }
.language-form select { margin-top: 18px; }
@media (max-width: 992px) {
    h1 { font-size: 30px; margin-top: 10px; }
    h3 { font-size: 20px; margin-top: 8px; }
}

/* ---- page title banner (why.php etc.) ---- */
.navigater {
    background-image: url(../legacy/img/page-title-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}
.navigater .breadcrumbs {
    color: white;
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 2% 0 8px;
    list-style: none;
}
.navigater .breadcrumbs > li { float: left; }
.breadcrumbs > li:after { margin: 0 10px; color: #d2b995; content: '/'; }
.breadcrumbs > li:last-child:after { content: ''; }
.navigater h1 { float: right; margin-right: 28%; font-size: 40px; }
.navigater .breadcrumbs > li > a { color: white; }
@media (max-width: 992px) {
    .navigater h1 { float: none; margin-right: 0; font-size: 30px; }
}

/* ---- section listing cards ---- */
#page-content { background: white; padding: 3%; }
#page-content > .page-content { background: inherit; padding-top: 20px; }
.single-blog-card { border: 1px solid #EBEDF2; position: relative; margin-top: 40px; }
.single-blog-card .blog-featured-img {
    display: block;
    height: 230px;
    background-color: #eee;
    overflow: hidden;
}
.single-blog-card .blog-featured-img img { width: 100%; height: 100%; object-fit: cover; }
.single-blog-card .contents { padding: 30px; padding-top: 0; margin-top: 10px; }
.single-blog-card .contents .card-excerpt { max-height: 110px; overflow: hidden; }
.single-blog-card .contents .read-more-link {
    color: #01b42e;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 11px;
    display: block;
}

/* ---- article page (content-details.php) ---- */
#main-wrapper { background: white; }
.axil-breadcrumb-area { margin: 2% 2% 5%; }
.article-title { font-size: 24px; }
.article-image img { max-width: 100%; height: auto; display: block; margin: 15px 0; }
.article-body { margin-bottom: 20px; }
.article-body img { max-width: 100%; height: auto; }
.article-videos iframe { border: 0; }
.preview-banner { background: #fff3cd; color: #664d03; padding: 8px 16px; text-align: center; }

/* ---- donation.php / contact-us.php ---- */
.donation-container {
    background-color: white;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 50px auto;
}
.donation-title { text-align: center; margin-bottom: 20px; color: #007bff; }
.donation-amounts input[type="radio"] { margin-right: 10px; }
.btn-donate {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
}
.contact-page { background-color: #f9f9f9; padding: 60px 0; }
.contact-form { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.form-unavailable { margin-top: 12px; color: #6c757d; text-align: center; }
fieldset[disabled] { opacity: 0.7; }

/* ---- footer.php ---- */
#footer > .container { padding-bottom: 20px; }
#footer { background: #023c5e; color: #fff; }
#footer .footer-copyright { background: #023c5e; color: white; }
#footer > .container p,
#footer .footer-links li a { color: #fff; }
#footer > .container a:hover { color: #b9190d; }
.footer-highlight { color: #dfb416; }

/* ---- error pages ---- */
.error-page { background: #f5f6f8; font-family: Arial, sans-serif; }
.error-box { max-width: 560px; margin: 12vh auto; padding: 32px; background: #fff; border-radius: 6px; text-align: center; }
.error-box h1 { font-size: 56px; color: #023c5e; margin: 0 0 12px; }