/*
 * BPR&D additions to the DBIM theme (assets/dbim/css/style.css).
 * Only what the CodeIgniter views need on top of the static design.
 */

/* Site title in the header: same look as the design's <h1>, but not a heading,
   so each page keeps a single <h1> (the page title). */
header .header-top-area .logoArea a .siteTitle {
    display: block;
    font-size: 26px;
    color: #000;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
}
header .header-top-area .logoArea a .siteTitle span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #3b3b3b;
    line-height: 21px;
}
header .header-top-area .logoArea a img { max-height: 90px; width: auto; }
@media (max-width: 991px) {
    header .header-top-area .logoArea a .siteTitle { font-size: 20px; line-height: 29px; }
}
@media (max-width: 575px) {
    header .header-top-area .logoArea a .siteTitle { font-size: 19px; line-height: 22px; }
}

/* Skip-link target */
#main-content:focus { outline: none; }

/* Footer address block */
.footerAddress { font-style: normal; font-size: 14px; line-height: 22px; }

/* Empty states */
.noData { padding: 16px 0; color: #5a5a5a; }

/* Rich text coming from the CMS (page.description) */
.cmsContent img { max-width: 100%; height: auto; }
.cmsContent table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.cmsContent table td, .cmsContent table th { border: 1px solid #d9d9d9; padding: 8px 10px; vertical-align: top; }
.cmsContent iframe { max-width: 100%; }
.cmsContent .table-responsive, .cmsContent { overflow-x: auto; }

/* Inner page side menu (pages deeper than the sub-menu bar) */
.sideMenu { border: 1px solid #e3e3e3; border-radius: 12px; padding: 16px; }
.sideMenu h2 { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.sideMenu ul { list-style: none; padding-left: 0; margin: 0; }
.sideMenu ul ul { padding-left: 16px; }
.sideMenu li a { display: block; padding: 6px 0; text-decoration: none; }
.sideMenu li a[aria-current="page"] { font-weight: 700; }

/* PDF size label added by master.php */
.pdfSize { font-size: 0.85em; white-space: nowrap; }

/* Engage cards on the home page use the BPR&D SVG icons */
.personasImgArea img.engageIcon { width: 120px; height: 120px; object-fit: contain; padding: 22px; background: #fff; }

/* Social media cards link to the official profiles */
.socialBox .socialLink { display: flex; align-items: center; justify-content: center; min-height: 120px; font-size: 48px; }

/* Search results */
.searchResult { padding: 14px 0; border-bottom: 1px solid #e3e3e3; }
.searchResult h2 { font-size: 18px; margin-bottom: 4px; }
.searchResult .hlight { background: #fff3a6; }

/* Feedback / forms */
.dbimForm .form-label { font-weight: 600; }
.dbimForm .captchaBox img { border: 1px solid #d9d9d9; border-radius: 6px; }

/* Main menu: BPR&D has 8 CMS-driven items with longer labels than the
   design's 6, so keep them on one line and tighten the spacing. */
.menuSection .header-nav-list { gap: 0 36px; flex-wrap: wrap; }
.menuSection .header-nav-link { white-space: nowrap; font-size: 17px; }
@media (max-width: 1350px) {
    .menuSection .header-nav-list { gap: 0 24px; }
    .menuSection .header-nav-link { font-size: 15px; }
}

/* Banner images uploaded through the CMS come in mixed sizes */
.bannerSection .bannerSlider img { width: 100%; max-height: 600px; object-fit: cover; }

/* Social cards without an embedded feed */
.socialSection .socialBox .socialPostArea:has(> .socialLink) { height: auto; overflow: visible; }