/* elysium-render.css — styling for the containers that host the JSON-rendered
 * data (header wordmark, socmed strip, footer org block, partner / branch /
 * person lists, article references). Colours taken from the theme's own
 * palette (#0085b2 links, #444 copy, grey footer). Nothing else is restyled. */

/* header: the logo image is bound to main.logoUrl, the wordmark to
   main.abbreviation — one of the two is always visible */
#header-left a { text-decoration: none; display: inline-block; }
#header-left .brand-name {
  font-size: 30px; font-weight: bold; letter-spacing: 1px;
  color: #0085b2; line-height: 60px; vertical-align: middle;
}
#header-left img { vertical-align: middle; max-height: 70px; }
#header-left img + .brand-name { margin-left: 10px; }

/* socmed strip + footer icons */
.social-media-item a { display: inline-block; text-decoration: none; }
.social-media-item svg, .footer-socmed svg { vertical-align: middle; margin-right: 4px; }
.footer-socmed { margin-top: 6px; }
.footer-socmed a { display: inline-block; margin-right: 8px; color: inherit; }

/* footer organisation identity block */
#footer-info .footer-org-name { font-size: 14px; margin-bottom: 4px; }
#footer-info > div { line-height: 1.6; }
#footer-info a { color: inherit; text-decoration: none; }
#footer-info a:hover { text-decoration: underline; }
#footer-info .footer-links { margin-top: 6px; }

/* partner logo rail in the footer (replaces the flexslider payload) */
.logo-slider-holder .slides { list-style: none; margin: 0; padding: 0; }
.logo-slider-holder .slides li { text-align: center; }
.logo-slider-holder img { max-width: 160px; max-height: 60px; }
.logo-slider-holder .partner-name { font-size: 12px; color: #444; }

/* partner list page */
.partner-list .partner-item {
  float: left; width: 31%; margin: 0 1% 20px; padding: 12px;
  box-sizing: border-box; border: 1px solid #e3e3e3; background: #fff;
}
.partner-list .partner-logo { text-align: center; margin-bottom: 8px; }
.partner-list .partner-logo img { max-width: 100%; max-height: 70px; }
.partner-list .partner-name { font-weight: bold; margin-bottom: 4px; }
.partner-list .partner-name a, .pd-branch-name a { color: #0085b2; text-decoration: none; }
.partner-list .partner-relation { font-size: 12px; color: #666; }
.partner-list .partner-kind, .partner-list .partner-type,
.partner-list .partner-category { font-size: 11px; color: #999; }

/* branch (pengurus daerah) list */
.pd-branch-container .pd-branch-item { line-height: 1.5; }
.pd-branch-item .pd-branch-name { font-weight: bold; }
.pd-branch-item .pd-branch-type { font-size: 11px; color: #999; text-transform: lowercase; }
.pd-branch-item .pd-branch-address,
.pd-branch-item .pd-branch-email,
.pd-branch-item .pd-branch-phone { font-size: 12px; color: #666; }
.pd-branch-item .pd-branch-logo img { max-height: 40px; }
.pd-branch-item.pd-branch-parent { font-weight: bold; }

/* people / kepengurusan list */
.position-list .position-item { padding: 6px 0; border-bottom: 1px dotted #e3e3e3; }
.position-item .person-profession,
.position-item .person-email,
.position-item .person-phone,
.position-item .person-birthdate { font-size: 12px; color: #666; }
.position-item .person-photo img { max-height: 80px; }

/* contact page extras */
.contact-profile { margin-top: 18px; }
.contact-profile .org-image { max-width: 100%; }

/* the article heading now travels inside the article record, so it is styled
   exactly like the .page-title it replaces (style2.css:61) */
.page-content .article-title {
  font-size: 24px; color: #0085b2; margin: 0 0 15px; line-height: 1.5em;
  font-weight: normal;
}

/* article references (wiki-style, rendered only when a url is filled in) */
.article-references { margin-top: 28px; padding-top: 12px; border-top: 1px solid #e3e3e3; }
.article-references-title { font-weight: bold; margin-bottom: 6px; color: #444; }
.article-references ol { margin: 0 0 0 20px; padding: 0; }

/* media boxes whose source image was never captured must collapse, not gap */
img[src=""], img:not([src]) { display: none; }
.ely-no-media { display: none !important; }

@media (max-width: 767px) {
  .partner-list .partner-item { width: 100%; margin: 0 0 14px; float: none; }
  #header-left .brand-name { font-size: 22px; line-height: 40px; }
}