/* Small additions on top of the reference theme (custom.css) for the database-driven pages. */

.hidden { display: none !important; }

/* page heading band used by every inner page */
.aboutus-pagetext-ul li a { color: #fff; }

/* tables: notice board, staff, downloads, calendar, TC */
.hfs-table { width: 100%; border-collapse: collapse; background: #fff; margin-bottom: 20px; }
.hfs-table th { background: #0c0b39; color: #fff; font-weight: 500; padding: 10px 12px; border: 1px solid #0c0b39; text-align: left; }
.hfs-table td { padding: 9px 12px; border: 1px solid #ddd; vertical-align: middle; color: #2d2d2d; }
.hfs-table tr:nth-child(even) td { background: #f7f7fb; }
.hfs-table td a { color: #002147; }
.hfs-table td a:hover { color: #e38b00; text-decoration: none; }
.hfs-table .tstaff { width: 70px; height: 80px; object-fit: cover; border: 2px solid #e38b00; }

/* year / category filter pills */
.hfs-filter { list-style: none; padding: 0; margin: 0 0 20px; text-align: center; }
.hfs-filter li { display: inline-block; margin: 0 4px 8px; }
.hfs-filter a { display: inline-block; padding: 6px 16px; border: 1px solid #0c0b39; color: #0c0b39; border-radius: 3px; }
.hfs-filter a:hover, .hfs-filter a.active { background: #e38b00; border-color: #e38b00; color: #fff; text-decoration: none; }
.hfs-count { text-align: center; color: #777; margin-bottom: 15px; }

/* empty state */
.hfs-empty { text-align: center; padding: 30px 10px; color: #777; font-size: 16px; }
.hfs-empty .fa { display: block; font-size: 40px; color: #e38b00; margin-bottom: 10px; }

/* news cards (Latest News page) */
.new-wraper { min-height: 230px; }
.new-wraper .new-file { display: inline-block; margin-top: 8px; color: #e38b00; }
.new-badge { background: #e38b00; color: #fff; font-size: 11px; padding: 1px 6px; border-radius: 2px; margin-left: 5px; vertical-align: middle; }

/* home page notice board list */
.hfs-notice-list { list-style: none; margin: 0; padding: 10px; background: #fff; }
.hfs-notice-list li { padding: 8px 0; border-bottom: 1px dashed #ccc; font-size: 14px; }
.hfs-notice-list li:last-child { border-bottom: 0; }
.hfs-notice-list a { color: #002147; display: block; }
.hfs-notice-list a:hover { color: #e38b00; text-decoration: none; }
.hfs-notice-date { color: #e38b00; font-size: 12px; display: block; }

/* video gallery */
.video-wpr { margin-bottom: 25px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.12); }
.video-ifrm-wpr iframe { display: block; width: 100%; height: 220px; border: 0; }
.video-title-h { font-size: 16px; padding: 10px 12px; margin: 0; color: #0c0b39; }

/* forms on Career / Contact */
.hfs-form .form-control { margin-bottom: 15px; border-radius: 0; }
.hfs-form label { font-weight: 500; color: #0c0b39; }
.hfs-form .hfs-msg { display: block; margin-bottom: 12px; font-weight: 500; }
.hfs-form .hfs-msg.ok { color: #16883d; }
.hfs-form .hfs-msg.err { color: #c0392b; }
.hfs-btn { background: #0c0b39; color: #fff; border: 0; padding: 10px 30px; }
.hfs-btn:hover { background: #e38b00; }

.contact-mess55 { display: block; margin-bottom: 8px; color: #fff; }
