/* ============================================
   BAS WEBSITE — CUSTOM CSS
   Last updated: June 2026
   ============================================ */

/* ------------------------------------------
   AFFECTED PAGES — Page IDs:
   55360  Education (main)
   55540  Beginner's Guide to Astronomy
   55541  Observing & Deep Sky
   55542  Astrophotography & Technology
   55543  Education, Schools & Outreach
   55525  Astronomy Resources
   55767  Membership
   ------------------------------------------ */

/* ------------------------------------------
   1. Fix white gap, breadcrumb and title
   on specific dark-theme pages only
   ------------------------------------------ */

.page-id-55360 .top_panel_title,
.page-id-55540 .top_panel_title,
.page-id-55541 .top_panel_title,
.page-id-55542 .top_panel_title,
.page-id-55543 .top_panel_title,
.page-id-55525 .top_panel_title,
.page-id-55767 .top_panel_title {
    display: none !important;
}

.page-id-55360 .breadcrumbs,
.page-id-55540 .breadcrumbs,
.page-id-55541 .breadcrumbs,
.page-id-55542 .breadcrumbs,
.page-id-55543 .breadcrumbs,
.page-id-55525 .breadcrumbs,
.page-id-55767 .breadcrumbs,
.page-id-55360 .trx_addons_breadcrumbs,
.page-id-55540 .trx_addons_breadcrumbs,
.page-id-55541 .trx_addons_breadcrumbs,
.page-id-55542 .trx_addons_breadcrumbs,
.page-id-55543 .trx_addons_breadcrumbs,
.page-id-55525 .trx_addons_breadcrumbs,
.page-id-55767 .trx_addons_breadcrumbs,
.page-id-55360 h1.entry-title,
.page-id-55540 h1.entry-title,
.page-id-55541 h1.entry-title,
.page-id-55542 h1.entry-title,
.page-id-55543 h1.entry-title,
.page-id-55525 h1.entry-title,
.page-id-55767 h1.entry-title,
.page-id-55360 .entry-header,
.page-id-55540 .entry-header,
.page-id-55541 .entry-header,
.page-id-55542 .entry-header,
.page-id-55543 .entry-header,
.page-id-55525 .entry-header,
.page-id-55767 .entry-header {
    display: none !important;
}

.page-id-55360 .entry-content,
.page-id-55540 .entry-content,
.page-id-55541 .entry-content,
.page-id-55542 .entry-content,
.page-id-55543 .entry-content,
.page-id-55525 .entry-content,
.page-id-55767 .entry-content {
    padding: 0 !important;
    margin: 0 !important;
}

/* ------------------------------------------
   2. MEMBERSHIP PAGE ONLY: Form field styling
   Page ID: 55767
   ------------------------------------------ */

.page-id-55767 .wpcf7 h3 {
    color: #4db8e8 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #1e3a50 !important;
    padding-bottom: 8px !important;
}

.page-id-55767 .wpcf7 label {
    color: #a0b4c8 !important;
    font-size: 0.9em !important;
}

.page-id-55767 .wpcf7 input[type="text"],
.page-id-55767 .wpcf7 input[type="email"],
.page-id-55767 .wpcf7 input[type="tel"],
.page-id-55767 .wpcf7 input[type="number"],
.page-id-55767 .wpcf7 input[type="date"],
.page-id-55767 .wpcf7 select,
.page-id-55767 .wpcf7 textarea {
    background-color: #1a2535 !important;
    color: #ffffff !important;
    border: 1px solid #2a3f55 !important;
    border-radius: 4px !important;
    padding: 10px 14px !important;
}

.page-id-55767 .wpcf7 input::placeholder,
.page-id-55767 .wpcf7 textarea::placeholder {
    color: #5a7a90 !important;
}

.page-id-55767 .wpcf7 input[type="submit"] {
    background-color: #1a6eb5 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 16px !important;
}

.page-id-55767 .wpcf7 .wpcf7-acceptance label {
    color: #8aa4bb !important;
}
/* Close white gap — target the wrapper between nav and content */
.page-id-55360 .content,
.page-id-55540 .content,
.page-id-55541 .content,
.page-id-55542 .content,
.page-id-55543 .content,
.page-id-55525 .content,
.page-id-55767 .content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Remove 60px gap between nav and content on dark pages */
.page-id-55360 .page_content_wrap,
.page-id-55540 .page_content_wrap,
.page-id-55541 .page_content_wrap,
.page-id-55542 .page_content_wrap,
.page-id-55543 .page_content_wrap,
.page-id-55525 .page_content_wrap,
.page-id-55767 .page_content_wrap {
    padding-top: 0 !important;
}
/* Join BAS — Become a Member nav button */
#menu-item-55772 > a {
    background-color: #f0c060 !important;
    color: #0d1b2a !important;
    padding: 8px 18px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    margin-left: 10px !important;
    transition: background-color 0.2s ease !important;
}

#menu-item-55772 > a:hover {
    background-color: #e6b040 !important;
    color: #0d1b2a !important;
}
/* Hide title panel on Portfolio plugin pages */
.page-id-55870 .top_panel_title,
.page-id-55880 .top_panel_title,
.page-id-55887 .top_panel_title {
    display: none !important;
}

/* Remove white gap on Portfolio plugin pages */
.page-id-55870 .page_content_wrap,
.page-id-55880 .page_content_wrap,
.page-id-55887 .page_content_wrap {
    padding-top: 0 !important;
}

.page-id-55870 .entry-content,
.page-id-55880 .entry-content,
.page-id-55887 .entry-content {
    padding: 0 !important;
    margin: 0 !important;
}
.page-id-55870 .page_content_wrap,
.page-id-55880 .page_content_wrap,
.page-id-55887 .page_content_wrap {
    padding-top: 0 !important;
}
/* Widen submission form to match page width */
.bas-submit-wrap {
    max-width: 100% !important;
}

.bas-submission-form .bas-sessions-table {
    width: 100% !important;
}
.bas-sessions-header,
.bas-session-row {
    grid-template-columns: 1.5fr 1fr 100px 130px 80px 40px !important;
}
/* Fix gallery header title colour — white on white issue */
.bas-gallery-header h1 {
    color: #0d1b2a !important;
}

.bas-gallery-header p {
    color: #5a7a90 !important;
}