/* Plateau State Polytechnic public website — modern presentation layer */
:root {
  --pl-red: #b5121b;
  --pl-red-dark: #8f0d14;
  --pl-yellow: #f5c518;
  --pl-yellow-soft: #fff8d8;
  --pl-charcoal: #26272a;
  --pl-gray-900: #303236;
  --pl-gray-700: #5f6268;
  --pl-gray-500: #90949b;
  --pl-gray-200: #e3e4e7;
  --pl-gray-100: #f4f5f6;
  --pl-white: #fff;
  --pl-radius: 18px;
  --pl-shadow: 0 14px 40px rgba(32, 33, 36, .09);
}

html { scroll-behavior: smooth; }
body {
  background: var(--pl-white);
  color: var(--pl-gray-900);
  display: flow-root;
  font-family: "Roboto", "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: clip;
}
body.site-menu-open { overflow: hidden; }
a { color: var(--pl-red); transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
a:hover, a:focus { color: var(--pl-red-dark); }
h1, h2, h3, h4, h5, h6 { color: var(--pl-charcoal); font-family: "Montserrat", "Segoe UI", sans-serif; letter-spacing: -.02em; }
img { max-width: 100%; }

/* Utility header */
#mu-header.site-topbar {
  background: var(--pl-charcoal);
  color: #d9dadd;
  display: block;
  float: none;
}
#mu-header .mu-header-area {
  align-items: center;
  display: flex;
  float: none;
  justify-content: space-between;
  min-height: 42px;
  padding: 7px 0;
}
.site-contact-links, .site-social-links { align-items: center; display: flex; gap: 20px; }
.site-contact-links a, .site-social-links a { color: #d9dadd; font-size: 13px; }
.site-contact-links a:hover, .site-social-links a:hover { color: var(--pl-yellow); }
.site-contact-links i { color: var(--pl-yellow); margin-right: 7px; }
.site-social-links { gap: 4px; }
.site-social-links a { align-items: center; border-radius: 50%; display: flex; height: 28px; justify-content: center; width: 28px; }
.site-social-links a:hover { background: rgba(255,255,255,.08); }

/* Primary navigation */
#mu-menu.site-navigation {
  background: var(--pl-white);
  box-shadow: 0 5px 22px rgba(27, 28, 30, .07);
  display: block;
  float: none;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 990;
}
#mu-menu .navbar-default { background: var(--pl-white); border: 0; margin: 0; }
#mu-menu .navbar-default .container { position: relative; }
#mu-menu .navbar-header .navbar-brand {
  align-items: center;
  display: flex;
  height: 84px;
  padding: 13px 0;
}
#mu-menu .navbar-header .navbar-brand img { height: auto; max-height: 58px; max-width: 330px; width: auto; }
#mu-menu .navbar-default .navbar-nav > li > a {
  border: 0;
  color: #414348;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  margin: 0;
  padding: 32px 11px;
  text-transform: none;
}
#mu-menu .navbar-default .navbar-nav > li > a::after {
  background: var(--pl-red);
  bottom: 20px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) scaleX(0);
  transition: transform .2s ease;
  width: 22px;
}
#mu-menu .navbar-default .navbar-nav > li > a:hover,
#mu-menu .navbar-default .navbar-nav > li > a:focus,
#mu-menu .navbar-default .navbar-nav > .active > a,
#mu-menu .navbar-default .navbar-nav > .active > a:hover,
#mu-menu .navbar-default .navbar-nav > .active > a:focus,
#mu-menu .navbar-default .navbar-nav > .open > a,
#mu-menu .navbar-default .navbar-nav > .open > a:hover,
#mu-menu .navbar-default .navbar-nav > .open > a:focus {
  background: transparent;
  border: 0;
  color: var(--pl-red);
}
#mu-menu .navbar-default .navbar-nav > li > a:hover::after,
#mu-menu .navbar-default .navbar-nav > .active > a::after { transform: translateX(-50%) scaleX(1); }
#mu-menu .navbar-default .navbar-nav .site-apply-link > a {
  background: var(--pl-yellow);
  border-radius: 9px;
  color: var(--pl-charcoal);
  margin: 22px 0 22px 8px;
  padding: 10px 15px;
}
#mu-menu .navbar-default .navbar-nav .site-apply-link > a::after { display: none; }
#mu-menu .navbar-default .navbar-nav .site-apply-link > a:hover { background: #e2b40b; color: #161719; transform: translateY(-1px); }
#mu-menu .navbar-default .navbar-nav li .dropdown-menu {
  border: 1px solid var(--pl-gray-200);
  border-radius: 12px;
  box-shadow: var(--pl-shadow);
  min-width: 235px;
  padding: 8px;
}
#mu-menu .navbar-default .navbar-nav li .dropdown-menu li a {
  border-radius: 7px;
  color: #4b4d52;
  font-size: 13px;
  padding: 10px 12px;
}
#mu-menu .navbar-default .navbar-nav li .dropdown-menu li a:hover,
#mu-menu .navbar-default .navbar-nav li .dropdown-menu li a:focus { background: var(--pl-gray-100); color: var(--pl-red); }

/* Hero */
#mu-slider { background: var(--pl-charcoal); display: block; float: none; width: 100%; }
#mu-slider .mu-slider-single { height: 620px; overflow: hidden; position: relative; }
#mu-slider .mu-slider-single::after {
  background: linear-gradient(90deg, rgba(25,26,28,.86) 0%, rgba(25,26,28,.54) 50%, rgba(25,26,28,.17) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
#mu-slider .mu-slider-single .mu-slider-img, #mu-slider .mu-slider-single .mu-slider-img figure { height: 100%; }
#mu-slider .mu-slider-single .mu-slider-img figure img { height: 100%; object-fit: cover; width: 100%; }
#mu-slider .mu-slider-single .mu-slider-content {
  height: auto !important;
  left: max(calc((100% - 1170px) / 2 + 15px), 6%);
  max-width: 690px;
  padding: 0;
  right: auto;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 30px);
  z-index: 2;
}
#mu-slider .mu-slider-single .mu-slider-content h4 {
  color: var(--pl-yellow);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  margin-bottom: 14px;
  text-transform: uppercase;
}
#mu-slider .mu-slider-single .mu-slider-content span { background: var(--pl-red); height: 4px; margin: 0 0 18px; width: 52px; }
#mu-slider .mu-slider-single .mu-slider-content h2 { color: #fff; font-size: 52px; line-height: 1.12; margin-bottom: 18px; text-transform: none; }
#mu-slider .mu-slider-single .mu-slider-content h2 { display: block; width: 100%; }
#mu-slider .mu-slider-single .mu-slider-content p { color: #ececef; font-size: 18px; line-height: 1.6; max-width: 620px; }
.mu-read-more-btn, .mu-post-btn {
  border: 0;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 12px 19px;
}
#mu-slider .mu-read-more-btn { background: var(--pl-red); color: #fff; margin-top: 16px; }
#mu-slider .mu-read-more-btn:hover { background: var(--pl-red-dark); }
#mu-slider .slick-prev, #mu-slider .slick-next {
  background: rgba(38,39,42,.72);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  height: 48px;
  width: 48px;
  z-index: 4;
}
#mu-slider .slick-prev:hover, #mu-slider .slick-next:hover { background: var(--pl-red); }

/* Homepage quick paths */
.site-quick-links { background: #fff; clear: both; padding: 0 0 20px; position: relative; z-index: 8; }
.site-quick-links-inner {
  background: #fff;
  border: 1px solid var(--pl-gray-200);
  border-radius: var(--pl-radius);
  box-shadow: var(--pl-shadow);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: -42px;
  overflow: hidden;
}
.site-quick-link { align-items: center; border-right: 1px solid var(--pl-gray-200); color: var(--pl-charcoal); display: flex; gap: 14px; padding: 22px; }
.site-quick-link:last-child { border-right: 0; }
.site-quick-link:hover { background: var(--pl-yellow-soft); color: var(--pl-red-dark); }
.site-quick-link i { align-items: center; background: var(--pl-red); border-radius: 11px; color: #fff; display: flex; flex: 0 0 42px; height: 42px; justify-content: center; }
.site-quick-link strong { display: block; font-size: 14px; }
.site-quick-link small { color: var(--pl-gray-700); display: block; font-size: 11px; margin-top: 2px; }

/* Reusable section system */
.mu-title { margin-bottom: 38px; text-align: left; }
.mu-title h2 { color: var(--pl-charcoal); font-size: 34px; line-height: 1.2; position: relative; text-transform: none; }
.mu-title h2::after { background: var(--pl-red); border: 0; bottom: -13px; content: ""; height: 4px; left: 0; position: absolute; transform: none; width: 48px; }
.mu-title p { color: var(--pl-gray-700); margin: 24px 0 0; max-width: 680px; }

#mu-service { background: var(--pl-gray-100); float: none; padding: 70px 0; }
#mu-service .mu-service-area { display: grid; float: none; gap: 20px; grid-template-columns: repeat(3, 1fr); margin: 0; }
#mu-service .mu-service-area .mu-service-single,
#mu-service .mu-service-area .mu-service-single:first-child,
#mu-service .mu-service-area .mu-service-single:nth-child(2),
#mu-service .mu-service-area .mu-service-single:last-child {
  background: #fff;
  border: 1px solid var(--pl-gray-200);
  border-radius: var(--pl-radius);
  color: var(--pl-gray-900);
  float: none;
  min-height: 100%;
  padding: 30px;
  text-align: left;
  width: auto;
}
#mu-service .mu-service-area .mu-service-single:first-child { border-top: 5px solid var(--pl-red); }
#mu-service .mu-service-area .mu-service-single:nth-child(2) { border-top: 5px solid var(--pl-yellow); }
#mu-service .mu-service-area .mu-service-single:last-child { border-top: 5px solid var(--pl-gray-700); }
#mu-service .mu-service-area .mu-service-single span { color: var(--pl-red); font-size: 28px; }
#mu-service .mu-service-area .mu-service-single h3 { color: var(--pl-charcoal); font-size: 20px; margin: 15px 0 12px; }
#mu-service .mu-service-area .mu-service-single p, #mu-service .mu-service-area .mu-service-single li { color: var(--pl-gray-700); font-size: 14px; }
#mu-service .mu-service-area .mu-service-single li { list-style: disc; margin: 0 0 8px 18px; }

#mu-about-us { background: #fff; padding: 90px 0; }
#mu-about-us .mu-about-us-area { float: none; }
#mu-about-us .mu-about-us-left { padding: 20px 30px 20px 0; }
#mu-about-us .mu-about-us-left p { color: var(--pl-gray-700); }
#mu-about-us .mu-about-us-right { border-radius: var(--pl-radius); box-shadow: var(--pl-shadow); overflow: hidden; }
#mu-about-us .mu-about-us-right img { display: block; height: auto; width: 100%; }

#mu-abtus-counter { padding: 68px 0; }
#mu-abtus-counter::before { background: rgba(38,39,42,.9); }
#mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single span { color: var(--pl-yellow); }
#mu-abtus-counter .mu-abtus-counter-area .mu-abtus-counter-single h4 { color: #fff; font-size: 34px; }

#mu-features { background: var(--pl-gray-100); padding: 90px 0; }
#mu-features .mu-features-area .mu-features-content .mu-single-feature {
  background: #fff;
  border: 1px solid var(--pl-gray-200);
  border-radius: 14px;
  min-height: 255px;
  padding: 25px;
}
#mu-features .mu-features-area .mu-features-content .mu-single-feature span {
  align-items: center;
  background: var(--pl-yellow-soft);
  border: 0;
  border-radius: 12px;
  color: var(--pl-red);
  display: flex;
  font-size: 24px;
  height: 48px;
  justify-content: center;
  width: 48px;
}
#mu-features .mu-features-area .mu-features-content .mu-single-feature h4 { font-size: 18px; margin-top: 18px; }
#mu-features .mu-features-area .mu-features-content .mu-single-feature p { color: var(--pl-gray-700); font-size: 14px; }

#mu-latest-courses, #mu-our-teacher, #mu-from-blog { background: #fff; padding: 90px 0; }
.mu-latest-course-single, .mu-blog-single-item, .mu-our-teacher-single {
  background: #fff;
  border: 1px solid var(--pl-gray-200);
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(32,33,36,.06);
  overflow: hidden;
}
.mu-latest-course-single .mu-latest-course-img img, .mu-blog-single-item .mu-blog-single-img img { height: 230px; object-fit: cover; width: 100%; }
.mu-latest-course-single .mu-latest-course-single-content, .mu-blog-single-item .mu-blog-description { padding: 22px; }
.mu-latest-course-single .mu-latest-course-single-content h4 a, .mu-blog-single-item .mu-blog-caption h3 a { color: var(--pl-charcoal); }
.mu-latest-course-single .mu-latest-course-single-content h4 a:hover, .mu-blog-single-item .mu-blog-caption h3 a:hover { color: var(--pl-red); }
.mu-latest-course-single .btn, .mu-blog-single-item .mu-read-more-btn { background: var(--pl-red); border: 0; color: #fff; }

/* Advertisements carousel */
#mu-latest-courses .mu-latest-courses-area .mu-title h2 { color: var(--pl-charcoal); }
#mu-latest-course-slide .slick-track { display: flex; }
#mu-latest-course-slide .slick-slide { display: flex; float: none; height: auto; }
#mu-latest-course-slide .mu-latest-course-single { display: flex; flex: 1; flex-direction: column; float: none; height: 100%; }
#mu-latest-course-slide .mu-latest-course-img { display: block; float: none; }
#mu-latest-course-slide .mu-latest-course-img img { height: 230px; object-fit: cover; width: 100%; }
#mu-latest-course-slide .mu-latest-course-imgcaption { display: block; float: none; min-height: 70px; padding: 14px 18px; }
#mu-latest-course-slide .mu-latest-course-imgcaption a { color: var(--pl-red-dark); display: -webkit-box; float: none; font-size: 14px; line-height: 1.5; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#mu-latest-course-slide .mu-latest-course-single-content { color: var(--pl-gray-700); display: flex; flex: 1; flex-direction: column; float: none; font-size: 14px; line-height: 1.6; }
#mu-latest-course-slide .mu-latest-course-single-contbottom { align-items: center; display: flex; float: none; gap: 12px; justify-content: space-between; margin-top: auto; }
#mu-latest-course-slide:not(.slick-initialized) { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#mu-latest-course-slide:not(.slick-initialized) > [class*="col-"] { float: none; padding: 0; width: auto; }

#mu-our-teacher { background: var(--pl-gray-100); }
#mu-our-teacher .mu-our-teacher-content > .row { display: grid; gap: 24px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
#mu-our-teacher .mu-our-teacher-content > .row::before,
#mu-our-teacher .mu-our-teacher-content > .row::after,
#mu-course-content .mu-blog-archive > .row::before,
#mu-course-content .mu-blog-archive > .row::after,
#mu-from-blog .mu-from-blog-content > .row::before,
#mu-from-blog .mu-from-blog-content > .row::after { content: none; display: none; }
#mu-our-teacher .mu-our-teacher-content > .row > [class*="col-"] { float: none; padding: 0; width: auto; }
#mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single { display: flex; flex-direction: column; height: 100%; margin: 0; }
#mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img { display: block; float: none; height: 270px; overflow: hidden; }
#mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img img { height: 100%; object-fit: cover; object-position: center top; width: 100%; }
#mu-our-teacher .mu-our-teacher-area .mu-our-teacher-content .mu-our-teacher-single .mu-our-teacher-img .mu-our-teacher-social { background: rgba(181,18,27,.93); }
#mu-our-teacher .mu-ourteacher-single-content { display: flex !important; flex: 1; flex-direction: column; float: none !important; padding: 22px; width: 100%; }
#mu-our-teacher .mu-ourteacher-single-content h4 { color: var(--pl-charcoal); font-size: 16px; font-weight: 700; line-height: 1.35; margin: 0 0 10px !important; min-height: 2.7em; text-transform: none !important; }
#mu-our-teacher .mu-ourteacher-single-content span { align-self: flex-start; background: var(--pl-yellow-soft); border-radius: 999px; color: var(--pl-red-dark) !important; font-size: 11px !important; font-weight: 700; letter-spacing: .04em; margin: 0 0 15px !important; padding: 5px 11px; text-transform: uppercase; }
#mu-our-teacher .mu-ourteacher-single-content p { border-top: 1px solid var(--pl-gray-200); color: var(--pl-gray-700); font-size: 13px !important; line-height: 1.55; margin: auto 0 0; padding-top: 14px; }
#mu-our-teacher .mu-our-teacher-social a[href=""] { display: none !important; }

/* Matching-height news cards on the archive and homepage */
#mu-course-content .mu-blog-archive > .row,
#mu-from-blog .mu-from-blog-content > .row { display: grid; gap: 28px; grid-auto-rows: 1fr; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
#mu-from-blog .mu-from-blog-content > .row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#mu-course-content .mu-blog-archive > .row > [class*="col-"],
#mu-from-blog .mu-from-blog-content > .row > [class*="col-"] { float: none; padding: 0; width: auto; }
#mu-course-content .mu-blog-archive .mu-blog-single-item,
#mu-from-blog .mu-blog-single-item { display: flex; flex-direction: column; float: none; height: 100%; margin: 0; }
#mu-course-content .mu-blog-archive .mu-blog-single-img,
#mu-from-blog .mu-blog-single-img { display: block; float: none; }
#mu-course-content .mu-blog-archive .mu-blog-caption h4,
#mu-from-blog .mu-blog-caption h4 { display: -webkit-box; font-size: 17px; font-weight: 700; line-height: 1.4; margin: 0; min-height: 4.2em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#mu-course-content .mu-blog-archive .mu-blog-meta,
#mu-from-blog .mu-blog-meta { display: block; float: none; margin: 0; }
#mu-course-content .mu-blog-archive .mu-blog-description,
#mu-from-blog .mu-blog-description { display: flex; flex: 1; flex-direction: column; float: none; }
#mu-course-content .mu-blog-archive .mu-blog-description hr,
#mu-from-blog .mu-blog-description hr { margin-top: auto; width: 100%; }
#mu-course-content .mu-blog-archive .mu-blog-description .mu-read-more-btn,
#mu-from-blog .mu-blog-description .mu-read-more-btn { align-self: flex-start; margin-top: 12px; }
.mu-blog-single-item .mu-blog-description a.mu-read-more-btn,
.mu-blog-single-item .mu-blog-description a.mu-read-more-btn:focus { background: var(--pl-red); color: #fff; }
.mu-blog-single-item .mu-blog-description a.mu-read-more-btn:hover { background: var(--pl-red-dark); color: #fff; }

#mu-testimonial { background-attachment: scroll; padding: 90px 0; }
#mu-testimonial::before { background: rgba(38,39,42,.91); }
#mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-quote blockquote { border: 0; color: #f2f2f3; }
#mu-testimonial .mu-testimonial-area .mu-testimonial-content .mu-testimonial-item .mu-testimonial-info span { color: var(--pl-yellow); }
#mu-testimonial .slick-dots .slick-active { background: var(--pl-yellow) !important; }

/* Inner pages */
#mu-page-breadcrumb {
  background: linear-gradient(115deg, var(--pl-charcoal), #45474d);
  padding: 58px 0;
}
#mu-page-breadcrumb .mu-page-breadcrumb-area { padding: 0; text-align: left; }
#mu-page-breadcrumb .mu-page-breadcrumb-area h2 { color: #fff; font-size: 38px; text-transform: none; }
#mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb { background: transparent; margin: 13px 0 0; padding: 0; text-align: left; }
#mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb li, #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb li a { color: #d8d9dc; font-size: 13px; }
#mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb .active { color: var(--pl-yellow); }

#mu-course-content, #mu-gallery, #mu-contact { background: var(--pl-gray-100); padding: 75px 0; }
#mu-course-content .mu-course-content-area .mu-course-container .mu-latest-course-single,
.mu-blog-single-item { border: 1px solid var(--pl-gray-200); border-radius: 15px; box-shadow: var(--pl-shadow); margin-bottom: 28px; }
.mu-blog-single-item .mu-blog-caption { padding: 22px 22px 0; }
.mu-blog-single-item .mu-blog-meta { color: var(--pl-gray-700); padding: 0 22px; }
.mu-blog-single-item .mu-blog-description { color: var(--pl-gray-700); }
.mu-blog-single-item .mu-blog-description .mu-read-more-btn { border-radius: 8px; display: inline-block; }
.mu-sidebar .mu-single-sidebar { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: 14px; padding: 22px; }
.mu-sidebar .mu-single-sidebar h3 { border-color: var(--pl-red); font-size: 18px; }
.mu-sidebar .mu-single-sidebar .mu-sidebar-catg li a:hover { color: var(--pl-red); }
.pagination > li > a, .pagination > li > span { color: var(--pl-red); }
.pagination > .active > a, .pagination > .active > a:hover { background: var(--pl-red); border-color: var(--pl-red); }

.table-responsive { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: 13px; overflow-x: auto; }
.table { margin-bottom: 0; }

/* Journals use the full content width rather than the two-column news grid. */
#mu-course-content .journal-archive > .row { grid-template-columns: minmax(0, 1fr); }
#mu-course-content .journal-archive > .row > [class*="col-"] { min-width: 0; }
#mu-course-content .journal-archive .table-responsive,
#mu-course-content .journal-archive .dataTables_wrapper { width: 100%; }
.journal-mobile-hint { color: var(--pl-gray-700); display: none; font-size: 13px; margin: 0 0 10px; }

/* Full-width resources and editorial pages */
#mu-course-content .student-projects-archive > .row,
#mu-course-content .rector-content > .row,
#mu-course-content .partners-content > .row,
#mu-course-content .calendar-content > .row { grid-template-columns: minmax(0, 1fr); }
#mu-course-content .student-projects-archive > .row > [class*="col-"],
#mu-course-content .rector-content > .row > [class*="col-"],
#mu-course-content .partners-content > .row > [class*="col-"],
#mu-course-content .calendar-content > .row > [class*="col-"] { min-width: 0; }
#mu-course-content .student-projects-archive .table-responsive,
#mu-course-content .student-projects-archive .dataTables_wrapper { width: 100%; }
.profile-page-intro { margin-bottom: 28px; max-width: 780px; }
.profile-eyebrow { color: var(--pl-red); display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .13em; margin-bottom: 10px; text-transform: uppercase; }
.profile-page-intro h2 { font-size: 34px; line-height: 1.25; margin: 0 0 12px; }
.profile-page-intro p { color: var(--pl-gray-700); margin: 0; }
.sample-content-note { color: var(--pl-gray-700); font-size: 12px; margin: 22px 0 0; }
.site-empty-state { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); color: var(--pl-gray-700); grid-column: 1 / -1; padding: 28px; }

/* All principal officers, not just the four featured on the homepage */
.officers-grid { display: grid; gap: 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.officer-card { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); box-shadow: var(--pl-shadow); min-width: 0; overflow: hidden; }
.officer-photo { background: var(--pl-gray-100); height: 265px; overflow: hidden; }
.officer-photo img { height: 100%; object-fit: cover; object-position: center top; width: 100%; }
.officer-details { padding: 20px; }
.officer-role { background: var(--pl-yellow-soft); border-radius: 999px; color: var(--pl-red-dark); display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .05em; padding: 5px 10px; text-transform: uppercase; }
.officer-details h3 { font-size: 17px; line-height: 1.4; margin: 14px 0 10px; }
.officer-details p { color: var(--pl-gray-700); font-size: 13px; margin: 0; }
.officer-profile-link { border-top: 1px solid var(--pl-gray-200); display: block; font-size: 13px; font-weight: 700; margin-top: 17px; padding-top: 14px; }
.officer-profile-link i { margin-left: 4px; }

/* Rector profile and example content */
.rector-feature { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); box-shadow: var(--pl-shadow); display: grid; grid-template-columns: minmax(280px, 38%) 1fr; overflow: hidden; }
.rector-portrait img { display: block; height: 440px; object-fit: cover; object-position: center 24%; width: 100%; }
.rector-introduction { align-self: center; padding: 44px; }
.rector-introduction h2 { font-size: 37px; margin: 0 0 8px; }
.rector-introduction h3 { color: var(--pl-red-dark); font-size: 22px; margin: 0 0 8px; }
.rector-credentials { color: var(--pl-gray-700); font-size: 13px; font-weight: 700; letter-spacing: .04em; margin-bottom: 20px; }
.rector-introduction > p:not(.rector-credentials) { color: var(--pl-gray-700); }
.rector-link { display: inline-block; font-size: 13px; font-weight: 700; margin-top: 12px; }
.rector-link i { margin-left: 6px; }
.rector-detail-grid { display: grid; gap: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 26px; }
.info-panel { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); padding: 28px; }
.info-panel > i { align-items: center; background: var(--pl-yellow-soft); border-radius: 10px; color: var(--pl-red); display: flex; font-size: 20px; height: 44px; justify-content: center; margin-bottom: 18px; width: 44px; }
.info-panel h3 { font-size: 19px; line-height: 1.3; margin: 0 0 10px; }
.info-panel p { color: var(--pl-gray-700); font-size: 14px; margin: 0; }

/* Example higher-education partnerships */
.partnership-grid { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.partnership-cta { align-items: center; background: var(--pl-charcoal); border-radius: var(--pl-radius); display: flex; gap: 24px; justify-content: space-between; margin-top: 26px; padding: 30px; }
.partnership-cta h3 { color: #fff; margin: 0 0 8px; }
.partnership-cta p { color: #cfd0d3; margin: 0; }
.partnership-cta a { background: var(--pl-yellow); border-radius: 8px; color: var(--pl-charcoal); flex: none; font-size: 13px; font-weight: 700; padding: 12px 17px; }

/* Illustrative academic calendar */
.calendar-notice { align-items: flex-start; background: var(--pl-yellow-soft); border-left: 4px solid var(--pl-yellow); border-radius: 10px; color: var(--pl-gray-900); display: flex; gap: 12px; margin-bottom: 25px; padding: 16px 19px; }
.calendar-notice i { color: var(--pl-red); font-size: 18px; margin-top: 3px; }
.calendar-grid { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.calendar-term { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); overflow: hidden; }
.calendar-term-header { align-items: center; background: var(--pl-charcoal); display: flex; gap: 15px; padding: 22px 25px; }
.calendar-term-header span { color: var(--pl-yellow); font-size: 25px; font-weight: 700; }
.calendar-term-header h3 { color: #fff; font-size: 21px; margin: 0; }
.calendar-timeline { list-style: none; margin: 0; padding: 12px 25px 22px; }
.calendar-timeline li { border-bottom: 1px solid var(--pl-gray-200); display: grid; gap: 12px; grid-template-columns: 135px 1fr; padding: 15px 0; }
.calendar-timeline li:last-child { border-bottom: 0; }
.calendar-timeline strong { color: var(--pl-red-dark); font-size: 13px; }
.calendar-timeline span { color: var(--pl-gray-700); font-size: 14px; }

/* Library image banner */
#mu-page-breadcrumb.library-banner {
  background-color: var(--pl-charcoal);
  background-image: linear-gradient(90deg, rgba(28,29,32,.88), rgba(28,29,32,.43)), url("../img/lib-bnner.jpg");
  background-position: center 48%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  padding: 95px 0;
  position: relative;
}

#mu-page-breadcrumb.library-banner .container {
  position: relative;
  z-index: 2;
}

#mu-page-breadcrumb.library-banner .mu-page-breadcrumb-area {
  padding: 0;
  text-align: left;
}

.library-banner-eyebrow {
  color: var(--pl-yellow);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#mu-page-breadcrumb.library-banner h1 {
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  margin: 0 0 12px;
}

#mu-page-breadcrumb.library-banner p {
  color: #fff;
  font-size: 17px;
  margin: 0;
  max-width: 550px;
}

@media (max-width: 767px) {
  #mu-page-breadcrumb.library-banner {
    min-height: 240px;
    padding: 70px 0;
  }

  #mu-page-breadcrumb.library-banner h1 {
    font-size: 40px;
  }

  #mu-page-breadcrumb.library-banner p {
    font-size: 15px;
  }
}
.library-subnav-inner { align-items: center; display: flex; gap: 28px; justify-content: space-between; min-height: 58px; }
.library-subnav-label { color: var(--pl-charcoal); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.library-subnav-label i { color: var(--pl-red); margin-right: 7px; }
.library-subnav-links { display: flex; flex-wrap: wrap; gap: 5px; }
.library-subnav-links a { border-radius: 999px; color: var(--pl-gray-700); font-size: 13px; font-weight: 700; padding: 9px 13px; }
.library-subnav-links a:hover, .library-subnav-links a:focus, .library-subnav-links a.active { background: var(--pl-yellow-soft); color: var(--pl-red-dark); }

/* SUG and department detail presentation */
.sug-page .mu-blog-archive, .department-page .mu-blog-archive { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); box-shadow: var(--pl-shadow); padding: 30px; }
.sug-welcome-grid { align-items: center; display: grid; gap: 35px; grid-template-columns: 1fr 300px; }
.sug-welcome-copy h3, .department-overview h3 { font-size: 25px; margin: 0 0 16px; }
.sug-welcome-copy { color: var(--pl-gray-700); line-height: 1.8; }
.sug-president-card { background: var(--pl-gray-100); border-radius: 14px; overflow: hidden; text-align: center; }
.sug-president-card img { display: block; height: 300px; object-fit: cover; width: 100%; }
.sug-president-card figcaption { padding: 15px; }
.sug-president-card strong { color: var(--pl-charcoal); display: block; }
.sug-president-card small { color: var(--pl-red); font-weight: 700; text-transform: uppercase; }
.sug-about-card { margin-top: 24px; }
.sug-about-card h3 { border-left: 4px solid var(--pl-red); font-size: 22px; padding-left: 13px; }
.sug-officials-grid { display: grid; gap: 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sug-official-card { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: 15px; box-shadow: var(--pl-shadow); overflow: hidden; }
.sug-official-card img { background: var(--pl-gray-100); display: block; height: 230px; object-fit: cover; width: 100%; }
.sug-official-details { padding: 18px; }
.sug-official-details h3 { font-size: 16px; line-height: 1.4; margin: 0 0 8px; }
.sug-official-details strong { color: var(--pl-red-dark); font-size: 11px; text-transform: uppercase; }
.sug-official-details span { color: var(--pl-gray-700); display: block; font-size: 13px; margin-top: 7px; }
.department-overview { color: var(--pl-gray-700); line-height: 1.8; }
.department-profile-grid { display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr) 300px; }
.department-side-card { background: var(--pl-gray-100); border-radius: 14px; padding: 20px; }
.department-side-card img { border-radius: 10px; display: block; height: 240px; object-fit: cover; width: 100%; }
.department-side-card h3 { font-size: 17px; margin: 15px 0 5px; }
.department-side-card p { color: var(--pl-gray-700); font-size: 13px; }
.department-contact { border-top: 1px solid var(--pl-gray-200); margin-top: 15px; padding-top: 15px; }
.department-contact p { margin: 8px 0; }
.department-journals { margin-top: 30px; }
.mu-news-social-nav { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 24px 0 0; padding: 0 22px 24px; }
.mu-news-social-nav strong { color: var(--pl-charcoal); font-size: 12px; letter-spacing: .05em; margin-right: 4px; text-transform: uppercase; }
.mu-news-social-nav a { align-items: center; background: var(--pl-gray-100); border-radius: 50%; color: var(--pl-charcoal); display: flex; height: 36px; justify-content: center; transition: background .2s ease, color .2s ease, transform .2s ease; width: 36px; }
.mu-news-social-nav a:hover, .mu-news-social-nav a:focus { background: var(--pl-red); color: #fff; transform: translateY(-2px); }

/* TETFund project showcase */
.tetfund-intro { margin-bottom: 30px; max-width: 760px; }
.tetfund-eyebrow { color: var(--pl-red); display: block; font-size: 12px; font-weight: 700; letter-spacing: .13em; margin-bottom: 8px; text-transform: uppercase; }
.tetfund-intro h2 { font-size: 34px; margin: 0 0 12px; }
.tetfund-intro p { color: var(--pl-gray-700); margin: 0; }
.tetfund-project-list { display: grid; gap: 28px; }
.tetfund-project-card { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); box-shadow: var(--pl-shadow); overflow: hidden; padding: 30px; }
.tetfund-project-heading { border-bottom: 1px solid var(--pl-gray-200); margin-bottom: 22px; padding-bottom: 20px; }
.tetfund-project-number { background: var(--pl-yellow-soft); border-radius: 999px; color: var(--pl-red-dark); display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .08em; margin-bottom: 12px; padding: 5px 11px; text-transform: uppercase; }
.tetfund-project-heading h3 { font-size: 24px; line-height: 1.3; margin: 0; }
.tetfund-project-details { color: var(--pl-gray-700); line-height: 1.75; }
.tetfund-project-details > :last-child { margin-bottom: 0; }
.tetfund-gallery { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 26px; }
.tetfund-gallery-item { background: var(--pl-gray-100); border: 0; border-radius: 11px; height: 180px; overflow: hidden; padding: 0; position: relative; }
.tetfund-gallery-item img { height: 100%; object-fit: cover; transition: transform .25s ease; width: 100%; }
.tetfund-gallery-item:hover img, .tetfund-gallery-item:focus-visible img { transform: scale(1.05); }
.tetfund-gallery-item .fa { align-items: center; background: var(--pl-red); border-radius: 50%; bottom: 10px; color: #fff; display: flex; height: 30px; justify-content: center; position: absolute; right: 10px; width: 30px; }
.tetfund-empty { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: var(--pl-radius); color: var(--pl-gray-700); padding: 45px; text-align: center; }
.tetfund-empty i { color: var(--pl-red); font-size: 30px; }
.tetfund-lightbox { background: transparent; border: 0; max-height: 95vh; max-width: 95vw; padding: 28px; }
.tetfund-lightbox::backdrop { background: rgba(20, 21, 23, .9); }
.tetfund-lightbox img { display: block; max-height: 78vh; max-width: 86vw; object-fit: contain; }
.tetfund-lightbox p { color: #fff; margin: 12px 0 0; text-align: center; }
.tetfund-lightbox-close { background: var(--pl-red); border: 0; border-radius: 50%; color: #fff; font-size: 25px; height: 38px; position: absolute; right: 0; top: 0; width: 38px; }

/* About page editorial layout */
#mu-course-content.about-school-page .mu-blog-single-item.about-school-story { display: block; float: none; padding: 0; width: 100%; }
.about-school-story .mu-blog-single-img { display: block; float: none; }
.about-school-story .mu-blog-single-img img { display: block; height: 360px; object-fit: cover; width: 100%; }
#mu-course-content .about-school-story .about-school-content { color: var(--pl-gray-700); display: block; float: none; font-size: 16px; line-height: 1.8; padding: 38px 48px 48px; width: 100%; }
.about-school-content h4 { border-left: 4px solid var(--pl-red); color: var(--pl-charcoal); font-size: 21px; line-height: 1.35; margin: 40px 0 18px; padding-left: 15px; }
.about-school-content h4:first-child { margin-top: 0; }
.about-school-content p { color: var(--pl-gray-700); line-height: 1.8; margin-bottom: 17px; }
.about-school-content > ol { columns: 2; column-gap: 45px; margin: 0 0 28px; padding-left: 26px; }
.about-school-content li { break-inside: avoid; margin-bottom: 8px; padding-left: 4px; }
.about-school-content li::marker { color: var(--pl-red); font-weight: 700; }
.about-school-content ul { margin: 8px 0 12px; padding-left: 22px; }
.table > thead > tr > th { background: var(--pl-charcoal); border: 0; color: #fff; font-size: 12px; letter-spacing: .04em; padding: 14px; text-transform: uppercase; }
.table > tbody > tr > td { border-color: #ececee; padding: 14px; vertical-align: middle; }
.btn-primary, .btn-success { background: var(--pl-red); border-color: var(--pl-red); border-radius: 8px; }
.btn-primary:hover, .btn-success:hover { background: var(--pl-red-dark); border-color: var(--pl-red-dark); }

#mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li { background: #fff; border: 1px solid var(--pl-gray-200); border-radius: 999px; color: var(--pl-gray-900); }
#mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul li:hover,
#mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-top ul .active { background: var(--pl-red); border-color: var(--pl-red); color: #fff; }

/* Announcement */
.site-announcement[hidden] { display: none !important; }
.site-announcement {
  background: #fff;
  padding: 0 0 28px;
  position: relative;
}
.site-announcement-card {
  background: var(--pl-yellow-soft);
  border: 1px solid var(--pl-gray-200);
  border-left: 6px solid var(--pl-yellow);
  border-radius: 15px;
  padding: 22px 25px;
  position: relative;
}
.site-announcement-close { background: var(--pl-gray-100); border: 0; border-radius: 50%; color: var(--pl-charcoal); cursor: pointer; font-size: 20px; height: 34px; position: absolute; right: 14px; top: 14px; width: 34px; }
.site-announcement-label { color: var(--pl-red); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.site-announcement h2 { font-size: 21px; line-height: 1.35; margin: 7px 34px 9px 0; }
.site-announcement-date { color: var(--pl-gray-700); display: block; font-size: 11px; margin-top: 12px; }
.site-announcement a { background: var(--pl-red); border-radius: 7px; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; margin: 7px 5px 0 0; padding: 8px 11px; }

/* Footer */
#mu-footer.site-footer { background: var(--pl-charcoal); color: #cfd0d3; }
#mu-footer .mu-footer-top { background: transparent; padding: 68px 0 45px; }
.site-footer-intro { border-bottom: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; margin-bottom: 38px; padding-bottom: 28px; }
.site-footer-intro img { filter: brightness(0) invert(1); height: auto; max-width: 320px; object-fit: contain; }
.site-footer-intro p { color: #b8b9bd; margin: 0; max-width: 440px; text-align: right; }
#mu-footer .mu-footer-top .mu-footer-top-area, #mu-footer .mu-footer-top .mu-footer-widget { float: none; }
#mu-footer .mu-footer-top .mu-footer-widget h4 { color: #fff; font-size: 15px; letter-spacing: .06em; margin-bottom: 19px; text-transform: uppercase; }
#mu-footer .mu-footer-top .mu-footer-widget h4::after { background: var(--pl-yellow); content: ""; display: block; height: 3px; margin-top: 9px; width: 28px; }
#mu-footer .mu-footer-top .mu-footer-widget ul li a, #mu-footer .mu-footer-top .mu-footer-widget address p, #mu-footer .mu-footer-top .mu-footer-widget address a { color: #bfc1c5; font-size: 13px; }
#mu-footer .mu-footer-top .mu-footer-widget ul li a::before { color: var(--pl-yellow); content: "›"; margin-right: 8px; }
#mu-footer .mu-footer-top .mu-footer-widget ul li a:hover, #mu-footer .mu-footer-top .mu-footer-widget address a:hover { color: var(--pl-yellow); }
.site-footer-contact h5 { color: var(--pl-yellow); }
.site-footer-campus { color: #fff !important; font-size: 12px; font-weight: 700; }
#mu-footer .mu-footer-bottom { background: #1b1c1f; border-top: 1px solid rgba(255,255,255,.08); padding: 18px 0; }
#mu-footer .mu-footer-bottom .mu-footer-bottom-area { display: flex; justify-content: space-between; }
#mu-footer .mu-footer-bottom .mu-footer-bottom-area p { color: #96999f; font-size: 12px; margin: 0; }
#mu-footer .mu-footer-bottom .mu-footer-bottom-area a { color: var(--pl-yellow); }

.scrollToTop { background: var(--pl-red); border: 0; border-radius: 50%; bottom: 24px; color: #fff; right: 24px; }
.site-image-fallback { background: var(--pl-gray-100); object-fit: contain !important; padding: 18px; }

@media (max-width: 1199px) {
  #mu-menu .navbar-header .navbar-brand img { max-width: 270px; }
  #mu-menu .navbar-default .navbar-nav > li > a { padding-left: 8px; padding-right: 8px; }
  #mu-slider .mu-slider-single .mu-slider-content { left: 6%; }
}

@media (max-width: 991px) {
  .sug-officials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .department-profile-grid { grid-template-columns: 1fr; }
  .officers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rector-feature { grid-template-columns: minmax(250px, 42%) 1fr; }
  .rector-introduction { padding: 30px; }
  .rector-detail-grid { grid-template-columns: 1fr; }
  #mu-latest-course-slide:not(.slick-initialized) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tetfund-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #mu-our-teacher .mu-our-teacher-content > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mu-from-blog .mu-from-blog-content > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mu-menu .navbar-header .navbar-brand { height: 76px; }
  #mu-menu .navbar-toggle { background: var(--pl-red); border: 0; border-radius: 8px; margin: 19px 0 0; padding: 11px; }
  #mu-menu .navbar-toggle .icon-bar { background: #fff; }
  #mu-menu .navbar-collapse { background: #fff; border: 0; box-shadow: 0 18px 30px rgba(20,21,23,.12); left: 15px; max-height: calc(100vh - 118px); overflow-y: auto !important; position: absolute; right: 15px; top: 76px; }
  #mu-menu .navbar-default .navbar-nav { margin: 8px 0 14px; width: 100%; }
  #mu-menu .navbar-default .navbar-nav > li { width: 100%; }
  #mu-menu .navbar-default .navbar-nav > li > a { border-radius: 7px; padding: 12px 14px; }
  #mu-menu .navbar-default .navbar-nav > .open > a { background: var(--pl-yellow-soft); }
  #mu-menu .navbar-default .navbar-nav > li > a::after { display: none; }
  #mu-menu .navbar-default .navbar-nav .site-apply-link > a { margin: 7px 14px; text-align: center; }
  #mu-menu .navbar-default .navbar-nav li .dropdown-menu { border: 0; border-left: 3px solid var(--pl-yellow); border-radius: 0; box-shadow: none; margin: 0 14px 7px; padding-left: 10px; position: static; width: auto; }
  #mu-slider .mu-slider-single { height: 520px; }
  #mu-slider .mu-slider-single .mu-slider-content h2 { font-size: 42px; }
  .site-quick-links-inner { grid-template-columns: repeat(2, 1fr); }
  .site-quick-link:nth-child(2) { border-right: 0; }
  .site-quick-link:nth-child(-n+2) { border-bottom: 1px solid var(--pl-gray-200); }
  #mu-service .mu-service-area { grid-template-columns: 1fr; }
  .site-footer-intro { align-items: flex-start; flex-direction: column; gap: 22px; }
  .site-footer-intro p { text-align: left; }
}

@media (max-width: 767px) {
  .library-subnav-inner { align-items: flex-start; flex-direction: column; gap: 8px; padding: 13px 0; }
  .library-subnav-links { width: 100%; }
  .library-subnav-links a { font-size: 12px; padding: 8px 10px; }
  .sug-page .mu-blog-archive, .department-page .mu-blog-archive { padding: 20px; }
  .sug-welcome-grid { grid-template-columns: 1fr; }
  .sug-president-card { max-width: 310px; }
  .profile-page-intro h2 { font-size: 28px; }
  .rector-feature { grid-template-columns: 1fr; }
  .rector-portrait img { height: 390px; }
  .rector-introduction { padding: 26px; }
  .rector-introduction h2 { font-size: 30px; }
  .partnership-grid, .calendar-grid { grid-template-columns: 1fr; }
  .partnership-cta { align-items: flex-start; flex-direction: column; }
  #mu-page-breadcrumb.library-banner { padding: 70px 0; }
  #mu-page-breadcrumb.library-banner h1 { font-size: 40px; }
  .journal-mobile-hint { display: block; }
  #mu-latest-course-slide:not(.slick-initialized) { grid-template-columns: 1fr; }
  .tetfund-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tetfund-project-card { padding: 22px; }
  .tetfund-intro h2 { font-size: 28px; }
  .about-school-story .mu-blog-single-img img { height: 250px; }
  #mu-course-content .about-school-story .about-school-content { padding: 26px 23px 32px; }
  .about-school-content > ol { columns: 1; }
  #mu-course-content .mu-blog-archive > .row,
  #mu-from-blog .mu-from-blog-content > .row { grid-auto-rows: auto; grid-template-columns: 1fr; }
  #mu-header .mu-header-area { min-height: 38px; }
  .site-contact-links { gap: 12px; }
  .site-contact-links a { font-size: 0; }
  .site-contact-links a i { font-size: 13px; margin: 0; }
  #mu-menu .navbar-header { margin: 0; }
  #mu-menu .navbar-header .navbar-brand { padding-left: 0; }
  #mu-menu .navbar-header .navbar-brand img { max-height: 47px; max-width: calc(100vw - 95px); }
  #mu-slider .mu-slider-single { height: 470px; }
  #mu-slider .mu-slider-single::after { background: rgba(28,29,32,.69); }
  #mu-slider .mu-slider-single .mu-slider-content { left: 20px; right: 20px; top: 49%; width: auto; }
  #mu-slider .mu-slider-single .mu-slider-content h2 { font-size: 34px; }
  #mu-slider .mu-slider-single .mu-slider-content p { font-size: 15px; }
  #mu-slider .slick-prev, #mu-slider .slick-next { display: none !important; }
  .site-quick-links { padding: 0 15px 15px; }
  .site-quick-links .container { padding: 0; }
  .site-quick-links-inner { margin-top: -28px; }
  .site-quick-link { padding: 16px; }
  #mu-service, #mu-about-us, #mu-features, #mu-latest-courses, #mu-our-teacher, #mu-testimonial, #mu-from-blog { padding: 58px 0; }
  .mu-title h2 { font-size: 28px; }
  #mu-about-us .mu-about-us-left { padding: 0 0 30px; }
  #mu-page-breadcrumb { padding: 42px 0; }
  #mu-page-breadcrumb .mu-page-breadcrumb-area h2 { font-size: 30px; }
  #mu-course-content, #mu-gallery, #mu-contact { padding: 48px 0; }
  .site-footer-intro img { max-width: 280px; }
  #mu-footer .mu-footer-top { padding-top: 50px; }
  #mu-footer .mu-footer-top .mu-footer-widget { margin-bottom: 34px; }
  #mu-footer .mu-footer-bottom .mu-footer-bottom-area { align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (max-width: 480px) {
  .sug-officials-grid { grid-template-columns: 1fr; }
  .officers-grid { grid-template-columns: 1fr; }
  .calendar-timeline li { grid-template-columns: 1fr; gap: 3px; }
  .tetfund-gallery { gap: 10px; }
  .tetfund-gallery-item { height: 125px; }
  #mu-our-teacher .mu-our-teacher-content > .row { grid-template-columns: 1fr; }
  .site-social-links a { height: 24px; width: 24px; }
  #mu-menu .navbar-header .navbar-brand img { max-width: calc(100vw - 100px); }
  #mu-slider .mu-slider-single { height: 430px; }
  #mu-slider .mu-slider-single .mu-slider-content h4 { font-size: 10px; }
  #mu-slider .mu-slider-single .mu-slider-content h2 { font-size: 29px; }
  .site-quick-links-inner { grid-template-columns: 1fr; }
  .site-quick-link { border-bottom: 1px solid var(--pl-gray-200); border-right: 0; }
  .site-quick-link:last-child { border-bottom: 0; }
  #mu-service .mu-service-area .mu-service-single { padding: 24px; }
  .site-announcement-card { padding: 19px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Gallery image banner */
#mu-page-breadcrumb.gallery-banner {
  background-color: var(--pl-charcoal);
  background-image: linear-gradient(90deg, rgba(28,29,32,.88), rgba(28,29,32,.43)), url("../img/gallery-banner.jpg");
  background-position: center 48%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  padding: 95px 0;
  position: relative;
}