/* ===================================================== Scholaris · TUM School theme overrides on StudyPress (Bootstrap 5) Loaded LAST. Brand: green #097b3e / gold #d89837 / ink #16261d Scoped to the `sch-` namespace so the School theme is self-contained. ===================================================== */ /* overflow-x: clip (not hidden) keeps `position: sticky` working — `hidden` on turns it into a scroll container and breaks the sticky navbar. */ body { font-family: "Manrope", -apple-system, "Segoe UI", system-ui, sans-serif; color: var(--sch-ink); overflow-x: clip; } /* Full-screen layout — containers span the viewport with comfortable gutters (mirrors the PRI theme; not a fixed boxed width). */ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100% !important; width: 100%; padding-left: clamp(1rem, 4vw, 4.5rem); padding-right: clamp(1rem, 4vw, 4.5rem); } a { text-decoration: none; } section { padding-block: 80px; } .bg-sand { background: var(--sch-sand); } .text-green { color: var(--sch-green) !important; } .text-gold { color: var(--sch-gold) !important; } /* ---- Section heading ------------------------------------------------- */ .sch-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--sch-gold); margin-bottom: 12px; } .sch-heading { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: var(--sch-ink); line-height: 1.15; } /* StudyPress `.section-title` headings render in the serif display face too, matching the PRI theme so inner-page titles share one type voice. */ .section-title h2, h2.line-bottom { font-family: "Fraunces", Georgia, serif; } .sch-heading.h-lg { font-size: clamp(28px, 3.4vw, 44px); } .sch-lead { color: #54605a; font-size: 17px; line-height: 1.7; } /* ---- Top utility bar -------------------------------------------------- */ .sch-topbar { background: var(--sch-green-dark); color: rgba(255,255,255,.8); font-size: 13px; } .sch-topbar a { color: rgba(255,255,255,.85); } .sch-topbar a:hover { color: var(--sch-gold); } .sch-topbar .info { margin: 0; padding: 9px 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px 24px; } .sch-topbar .info i { color: var(--sch-gold); margin-right: 7px; } .sch-topbar .socials { margin: 0; padding: 6px 0; list-style: none; display: inline-flex; gap: 8px; } .sch-topbar .socials a { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; } .sch-topbar .socials a:hover { background: var(--sch-gold); border-color: var(--sch-gold); color: var(--sch-ink); } .sch-topbar .mainlink { font-weight: 600; color: var(--sch-gold) !important; white-space: nowrap; } .sch-topbar .mainlink:hover { color: #fff !important; } /* ---- Bootstrap 5 navbar (replaces menuzord) -------------------------- */ .sch-navbar { background: #fff; box-shadow: 0 2px 14px rgba(5, 45, 23, .07); border-bottom: 3px solid var(--sch-gold); position: sticky; top: 0; z-index: 1030; transition: box-shadow .25s ease, padding .25s ease; } .sch-navbar.is-stuck { box-shadow: 0 6px 22px rgba(5, 45, 23, .14); } .sch-navbar .navbar-brand { display: flex; align-items: center; gap: 12px; padding: 10px 0; } .sch-navbar .brand-mark { width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color: var(--sch-gold); font-family: "Fraunces", Georgia, serif; font-style: italic; font-weight: 600; font-size: 22px; } .sch-navbar .brand-logo { height: 52px; width: 52px; max-width: 220px; object-fit: contain; flex-shrink: 0; border-radius: 12px; padding: 4px; background: #fff; border: 2px solid var(--sch-gold); box-shadow: 0 0 0 2px color-mix(in srgb, var(--tum-accent) 25%, transparent); } .sch-navbar .brand-name { font-family: "Fraunces", Georgia, serif; font-size: 18px; line-height: 1.05; color: var(--sch-ink); display: block; } .sch-navbar .brand-sub { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #8a9a90; display: block; } .sch-navbar .navbar-nav .nav-link { font-weight: 600; font-size: 14.5px; color: #1d2a22; text-transform: uppercase; letter-spacing: .02em; padding: 28px 13px; position: relative; } .sch-navbar .navbar-nav .nav-link::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 18px; height: 2px; background: var(--sch-gold); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; } .sch-navbar .navbar-nav .nav-link:hover, .sch-navbar .navbar-nav .nav-link.active { color: var(--sch-green); } .sch-navbar .navbar-nav .nav-link:hover::after, .sch-navbar .navbar-nav .nav-link.active::after { transform: scaleX(1); } .sch-navbar .navbar-nav .nav-link.is-disabled { color: #b7c0ba; pointer-events: none; cursor: default; } .sch-navbar .nav-cta-btn { background: var(--sch-green); color: #fff !important; border-radius: 999px; padding: 11px 24px; font-weight: 600; font-size: 13.5px; } .sch-navbar .nav-cta-btn:hover { background: var(--sch-green-dark); } /* dropdown affordance (caret) — replaces the underline bar on toggle items */ .sch-navbar .navbar-nav .nav-link.dropdown-toggle { padding-right: 28px; } .sch-navbar .navbar-nav .nav-link.dropdown-toggle::after { content: ""; position: absolute; left: auto; right: 13px; bottom: auto; top: 50%; width: 7px; height: 7px; margin-top: -6px; background: none; border: 2px solid currentColor; border-top: 0; border-left: 0; transform: rotate(45deg); transition: transform .2s ease; } .sch-navbar .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle::after { transform: rotate(225deg); margin-top: -2px; } /* dropdown panel */ .sch-navbar .dropdown-menu { border: 0; border-radius: 12px; padding: 8px; margin-top: 0; box-shadow: 0 14px 38px rgba(5, 45, 23, .16); min-width: 210px; } .sch-navbar .dropdown-menu .dropdown-item { font-weight: 600; font-size: 14px; color: #1d2a22; border-radius: 8px; padding: 10px 14px; } .sch-navbar .dropdown-menu .dropdown-item:hover, .sch-navbar .dropdown-menu .dropdown-item.active { background: var(--sch-green); color: #fff; } @media (max-width: 991.98px) { .sch-navbar .navbar-nav .nav-link { padding: 11px 0; border-bottom: 1px solid #eee; } .sch-navbar .navbar-nav .nav-link::after { display: none; } .sch-navbar .navbar-nav .nav-link.dropdown-toggle::after { display: block; right: 4px; } .sch-navbar .dropdown-menu { box-shadow: none; padding: 0 0 0 12px; min-width: 0; } .sch-navbar .dropdown-menu .dropdown-item { border-bottom: 1px solid #eee; border-radius: 0; } .sch-navbar .navbar-collapse { padding-bottom: 14px; } .sch-navbar .nav-cta-btn { display: inline-block; margin-top: 12px; } } /* ---- Hero ------------------------------------------------------------ */ .sch-hero { position: relative; color: #fff; overflow: hidden; background: linear-gradient(120deg, var(--sch-green-dark), var(--sch-green)); } .sch-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(6,40,22,.92), color-mix(in srgb, var(--tum-primary) 78%, transparent)); z-index: 1; } .sch-hero .container { position: relative; z-index: 2; } .sch-hero-inner { padding: clamp(70px, 11vw, 140px) 0; max-width: 760px; } .sch-hero .kicker { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sch-gold); margin-bottom: 18px; } .sch-hero .kicker::before { content: ""; width: 30px; height: 2px; background: var(--sch-gold); } .sch-hero h1 { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: clamp(34px, 5.2vw, 60px); line-height: 1.05; margin: 0 0 20px; } .sch-hero p { font-size: clamp(16px, 1.7vw, 20px); color: rgba(255,255,255,.88); max-width: 60ch; margin: 0 0 30px; } .sch-hero .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; } .btn-gold { background: var(--sch-gold); color: var(--sch-ink) !important; border: 0; border-radius: 999px; padding: 14px 30px; font-weight: 700; font-size: 15px; transition: transform .15s ease, background .2s ease; } .btn-gold:hover { background: #e6a948; transform: translateY(-2px); } .btn-ghost { background: transparent; color: #fff !important; border: 1.5px solid rgba(255,255,255,.5); border-radius: 999px; padding: 13px 28px; font-weight: 600; font-size: 15px; transition: border-color .2s ease, background .2s ease; } .btn-ghost:hover { border-color: #fff; background: rgba(255,255,255,.1); } .btn-green { background: var(--sch-green); color: #fff !important; border: 0; border-radius: 999px; padding: 13px 28px; font-weight: 600; font-size: 15px; } .btn-green:hover { background: var(--sch-green-dark); transform: translateY(-2px); } /* ---- Hero stat strip ------------------------------------------------- */ .sch-stats { background: #fff; border: 1px solid #e9efe9; border-radius: 16px; box-shadow: 0 18px 40px rgba(5,45,23,.1); margin-top: -54px; position: relative; z-index: 3; } .sch-stats .stat { padding: 28px 22px; text-align: center; } .sch-stats .stat + .stat { border-left: 1px solid #eef3ef; } .sch-stats .num { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: 36px; color: var(--sch-green); line-height: 1; } .sch-stats .lbl { font-size: 13px; letter-spacing: .05em; text-transform: uppercase; color: #7a857c; margin-top: 8px; } @media (max-width: 767.98px){ .sch-stats .stat + .stat { border-left: 0; border-top: 1px solid #eef3ef; } } /* ---- Page title band (inner pages) ---------------------------------- */ .sch-pagetitle { position: relative; color: #fff; background: linear-gradient(120deg, var(--sch-green-dark), var(--sch-green)); overflow: hidden; } .sch-pagetitle::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(6,40,22,.9), color-mix(in srgb, var(--tum-primary) 70%, transparent)); z-index: 1; } .sch-pagetitle .container { position: relative; z-index: 2; padding-block: clamp(54px, 8vw, 96px); } .sch-pagetitle h1 { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: clamp(28px, 4vw, 46px); margin: 0; } .sch-pagetitle .crumbs { margin: 12px 0 0; font-size: 14px; color: rgba(255,255,255,.78); } .sch-pagetitle .crumbs a { color: var(--sch-gold); } .sch-pagetitle .crumbs .sep { margin: 0 8px; opacity: .6; } /* ---- Feature / "why study here" cards -------------------------------- */ .sch-feature { background: #fff; border: 1px solid #e9efe9; border-radius: 14px; height: 100%; padding: 34px 28px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .sch-feature:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(5,45,23,.1); border-color: var(--sch-gold); } .sch-feature .ico { width: 60px; height: 60px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: #e5f1ea; color: var(--sch-green); font-size: 28px; margin-bottom: 20px; } .sch-feature h4 { font-family: "Fraunces", Georgia, serif; margin: 0 0 10px; font-size: 20px; } .sch-feature p { color: #5a655d; margin: 0; } /* ---- Department / programme teaser cards ---------------------------- */ .sch-dept { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #e9efe9; border-radius: 14px; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; } .sch-dept:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(5,45,23,.12); } .sch-dept .top { height: 8px; background: linear-gradient(90deg, var(--sch-green), var(--sch-gold)); } .sch-dept .body { padding: 26px 24px; display: flex; flex-direction: column; flex: 1; } .sch-dept h5 { font-family: "Fraunces", Georgia, serif; font-size: 19px; margin: 0 0 10px; color: var(--sch-ink); } .sch-dept p { color: #5a655d; font-size: 14.5px; margin: 0 0 16px; } .sch-dept .more { margin-top: auto; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--sch-green); } .sch-dept .more i { transition: transform .2s ease; } .sch-dept:hover .more i { transform: translateX(4px); } /* ---- Dean / welcome split ------------------------------------------- */ .sch-welcome-img { border-radius: 16px; overflow: hidden; position: relative; box-shadow: 0 24px 50px rgba(5,45,23,.18); } .sch-welcome-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .sch-welcome-ph { aspect-ratio: 4/5; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color: var(--sch-gold); font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 88px; } .sch-welcome blockquote { font-family: "Fraunces", Georgia, serif; font-size: clamp(19px, 2.1vw, 24px); line-height: 1.5; color: var(--sch-ink); border: 0; margin: 0 0 22px; } .sch-welcome .sign { display: flex; align-items: center; gap: 14px; } .sch-welcome .sign .nm { font-family: "Fraunces", Georgia, serif; font-size: 18px; color: var(--sch-ink); } .sch-welcome .sign .ro { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--sch-gold); } /* ---- Vision / Mission tiles ----------------------------------------- */ .sch-vm { border-radius: 16px; padding: 38px 34px; height: 100%; color: #fff; } .sch-vm.vis { background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); } .sch-vm.mis { background: var(--sch-green-dark); } .sch-vm .ico { font-size: 34px; color: var(--sch-gold); margin-bottom: 16px; display: block; } .sch-vm h4 { font-family: "Fraunces", Georgia, serif; margin: 0 0 12px; font-size: 24px; } .sch-vm p { margin: 0; color: rgba(255,255,255,.85); line-height: 1.7; } /* ---- Numbered mandate / objectives ---------------------------------- */ .sch-obj { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid #ece6da; } .sch-obj:last-child { border-bottom: 0; } .sch-obj .n { font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 30px; color: var(--sch-gold); line-height: 1; flex-shrink: 0; min-width: 46px; } .sch-obj h5 { font-family: "Fraunces", Georgia, serif; font-size: 18px; margin: 0 0 6px; color: var(--sch-ink); } .sch-obj p { margin: 0; color: #5a655d; } /* ---- Leadership card ------------------------------------------------- */ .sch-leader { background: #fff; border: 1px solid #e9efe9; border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px rgba(5,45,23,.08); } .sch-leader .photo { aspect-ratio: 1/1; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color: var(--sch-gold); display: flex; align-items: center; justify-content: center; font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 64px; } .sch-leader .photo img { width: 100%; height: 100%; object-fit: cover; } .sch-leader .info { padding: 22px 24px; } .sch-leader .info .nm { font-family: "Fraunces", Georgia, serif; font-size: 20px; color: var(--sch-ink); margin: 0 0 4px; } .sch-leader .info .ro { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--sch-gold); margin: 0 0 12px; } .sch-leader .info p { color: #5a655d; font-size: 14.5px; margin: 0; } /* ---- CTA band (full-width, gold / theme-colored3 — mirrors PRI) ------- */ .sch-cta { background: linear-gradient(135deg, var(--sch-gold), #a8741f); color: #fff; padding-block: clamp(54px, 8vw, 96px); position: relative; overflow: hidden; } .sch-cta h3 { font-family: "Fraunces", Georgia, serif; font-size: clamp(26px, 3.6vw, 40px); margin: 0 0 14px; color: #fff; } .sch-cta p { color: rgba(255,255,255,.9); max-width: 56ch; margin: 0 0 28px; font-size: 17px; } /* ---- Footer ---------------------------------------------------------- */ .sch-footer { background: var(--sch-green); color: rgba(255,255,255,.74); } .sch-footer .container { padding-top: 70px; padding-bottom: 30px; } .sch-footer h6 { color: #fff; font-family: "Fraunces", Georgia, serif; font-size: 17px; margin: 0 0 18px; } .sch-footer a { color: rgba(255,255,255,.7); } .sch-footer a:hover { color: var(--sch-gold); } .sch-footer .flinks { list-style: none; padding: 0; margin: 0; } .sch-footer .flinks li { margin-bottom: 10px; } .sch-footer .brand-mark { width: 48px; height: 48px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--sch-gold); color: var(--sch-green-dark); font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 24px; } .sch-footer .copyright a, .sch-footer p { color: rgba(255,255,255,.78); } .sch-footer .socials { list-style: none; display: flex; gap: 8px; padding: 0; margin-top: 16px; } .sch-footer .socials a { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #fff; } .sch-footer .socials a:hover { background: var(--sch-gold); border-color: var(--sch-gold); color: var(--sch-ink); } .sch-footer .copyright { border-top: 1px solid rgba(255,255,255,.1); margin-top: 40px; padding-top: 24px; font-size: 13px; color: rgba(255,255,255,.55); } /* ---- scrollToTop ----------------------------------------------------- */ .scrollToTop { position: fixed; right: 24px; bottom: 24px; width: 46px; height: 46px; z-index: 1000; background: var(--sch-green); color: #fff; border-radius: 50%; display: none; align-items: center; justify-content: center; opacity: .92; } .scrollToTop.show { display: inline-flex; } .scrollToTop:hover { background: var(--sch-green-dark); color: #fff; } /* ===================================================== Inner content pages (departments, programmes, news, events, notices, downloads, staff, contact) — shared, responsive components on the green/gold palette. ===================================================== */ /* ---- Two-column content + sidebar layout ----------------------------- */ .sch-layout { display: grid; grid-template-columns: 1fr 330px; gap: 40px; align-items: start; } @media (max-width: 991.98px){ .sch-layout { grid-template-columns: 1fr; } } .sch-side { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 991.98px){ .sch-side { position: static; } } .sch-widget { background: #fff; border: 1px solid #e9efe9; border-radius: 14px; padding: 22px 22px; } .sch-widget h5 { font-family: "Fraunces", Georgia, serif; font-size: 18px; margin: 0 0 16px; color: var(--sch-ink); position: relative; padding-bottom: 12px; } .sch-widget h5::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; background: var(--sch-gold); border-radius: 3px; } .sch-widget .wlist { list-style: none; padding: 0; margin: 0; } .sch-widget .wlist li { border-bottom: 1px solid #eef2ee; } .sch-widget .wlist li:last-child { border-bottom: 0; } .sch-widget .wlist a { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; color: #3a443c; font-size: 14.5px; } .sch-widget .wlist a:hover { color: var(--sch-green); } .sch-widget .wlist .count { font-size: 12px; color: var(--sch-green); background: #e5f1ea; border-radius: 999px; padding: 1px 9px; align-self: center; } /* ---- Search + filter toolbar ---------------------------------------- */ .sch-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 26px; } .sch-search { position: relative; flex: 1 1 260px; max-width: 420px; } .sch-search i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #9aa79e; pointer-events: none; } .sch-search input { width: 100%; height: 46px; padding: 0 16px 0 44px; border: 1px solid #dde6df; border-radius: 999px; background: #fff; font-size: 14.5px; color: var(--sch-ink); outline: none; transition: border-color .2s, box-shadow .2s; } .sch-search input:focus { border-color: var(--sch-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tum-primary) 12%, transparent); } .sch-select { height: 46px; min-width: 190px; padding: 0 40px 0 16px; border: 1px solid #dde6df; border-radius: 999px; background: #fff; font-size: 14.5px; color: var(--sch-ink); cursor: pointer; outline: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23097B3E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 16px; } .sch-select:focus { border-color: var(--sch-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tum-primary) 12%, transparent); } .sch-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; } .sch-chip { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border: 1px solid #dde6df; border-radius: 999px; background: #fff; font-size: 13.5px; font-weight: 600; color: #3a443c; cursor: pointer; transition: all .18s; line-height: 1; } .sch-chip:hover { border-color: var(--sch-green); color: var(--sch-green); } .sch-chip.is-active { background: var(--sch-green); border-color: var(--sch-green); color: #fff; } .sch-summary { font-size: 13.5px; color: #7a857c; margin-bottom: 18px; } /* ---- Card grid helper ------------------------------------------------ */ .sch-grid { display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } /* ---- News card ------------------------------------------------------- */ .sch-news-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3ece6; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 24px rgba(5,45,23,.06); transition: transform .2s, box-shadow .2s; height: 100%; } .sch-news-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(5,45,23,.12); } .sch-news-card .thumb { position: relative; display: block; height: 180px; background: #e5f1ea; overflow: hidden; } .sch-news-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; } .sch-news-card:hover .thumb img { transform: scale(1.05); } .sch-news-card .thumb-ph { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: var(--sch-green); } .sch-news-card .thumb-ph i { font-size: 46px; } .sch-news-card .cat { position: absolute; left: 12px; top: 12px; background: var(--sch-gold); color: var(--sch-ink); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; border-radius: 6px; padding: 4px 10px; } .sch-news-card .body { display: flex; flex-direction: column; flex: 1; padding: 18px; } .sch-news-card .date { color: var(--sch-green); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; } .sch-news-card h4 { font-family: "Fraunces", Georgia, serif; font-size: 18px; line-height: 1.35; margin: 0 0 10px; } .sch-news-card h4 a { color: var(--sch-ink); } .sch-news-card h4 a:hover { color: var(--sch-green); } .sch-news-card p { color: #5a655d; font-size: 14px; margin: 0 0 14px; } .sch-news-card .more { margin-top: auto; font-weight: 600; font-size: 13px; color: var(--sch-green); text-transform: uppercase; letter-spacing: .03em; } .sch-news-card .more i { transition: transform .2s; } .sch-news-card:hover .more i { transform: translateX(4px); } /* ---- Event card ------------------------------------------------------ */ .sch-event-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3ece6; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 24px rgba(5,45,23,.06); transition: transform .2s, box-shadow .2s; height: 100%; } .sch-event-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(5,45,23,.12); } .sch-event-card .ec-top { position: relative; height: 150px; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.25); } .sch-event-card .ec-top i { font-size: 52px; } .sch-event-card .ec-date { position: absolute; left: 14px; bottom: 14px; background: #fff; color: var(--sch-green); border-radius: 10px; padding: 8px 12px; text-align: center; line-height: 1; box-shadow: 0 6px 16px rgba(5,45,23,.25); } .sch-event-card .ec-date strong { display: block; font-size: 22px; font-family: "Fraunces", serif; } .sch-event-card .ec-date small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; margin-top: 2px; color: var(--sch-gold); } .sch-event-card .ec-tag { position: absolute; right: 14px; top: 14px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; border-radius: 6px; padding: 4px 10px; background: var(--sch-gold); color: var(--sch-ink); } .sch-event-card .ec-tag.past { background: rgba(255,255,255,.85); color: #5a655d; } .sch-event-card .ec-body { display: flex; flex-direction: column; flex: 1; padding: 18px; } .sch-event-card h4 { font-family: "Fraunces", Georgia, serif; font-size: 18px; line-height: 1.35; margin: 0 0 12px; } .sch-event-card h4 a { color: var(--sch-ink); } .sch-event-card h4 a:hover { color: var(--sch-green); } .sch-event-card .ec-meta { list-style: none; padding: 0; margin: 0; font-size: 13.5px; color: #6a756c; } .sch-event-card .ec-meta li { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 7px; } .sch-event-card .ec-meta i { color: var(--sch-gold); margin-top: 2px; flex-shrink: 0; } /* ---- Programme card -------------------------------------------------- */ .sch-prog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e9efe9; border-radius: 14px; overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; height: 100%; } .sch-prog-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(5,45,23,.1); border-color: var(--sch-gold); } .sch-prog-card .pc-body { padding: 24px; display: flex; flex-direction: column; flex: 1; } .sch-prog-card .lvl { align-self: flex-start; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--sch-green); background: #e5f1ea; border-radius: 999px; padding: 4px 12px; margin-bottom: 14px; } .sch-prog-card h4 { font-family: "Fraunces", Georgia, serif; font-size: 18px; line-height: 1.35; margin: 0 0 6px; color: var(--sch-ink); } .sch-prog-card .dept { font-size: 13px; color: #8a948c; margin: 0 0 16px; } .sch-prog-card .pc-meta { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: #5a655d; } .sch-prog-card .pc-meta i { color: var(--sch-gold); margin-right: 6px; } .sch-prog-card .pc-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; } .sch-prog-card .pc-foot .view { font-weight: 600; font-size: 13px; color: var(--sch-green); text-transform: uppercase; letter-spacing: .03em; } .sch-prog-card .pc-foot .view i { transition: transform .2s; } .sch-prog-card:hover .pc-foot .view i { transform: translateX(4px); } /* ---- File / download row -------------------------------------------- */ .sch-file-cat { background: #fff; border: 1px solid #e9efe9; border-radius: 14px; padding: 22px 24px; margin-bottom: 22px; } .sch-file-cat > h4 { font-family: "Fraunces", Georgia, serif; font-size: 19px; margin: 0 0 4px; color: var(--sch-ink); } .sch-file-cat > p { color: #6a756c; font-size: 14px; margin: 0 0 16px; } .sch-file-row { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid #e9efe9; border-radius: 10px; background: #fff; margin-bottom: 9px; transition: box-shadow .2s, border-color .2s; } .sch-file-row:last-child { margin-bottom: 0; } .sch-file-row:hover { box-shadow: 0 6px 16px rgba(5,45,23,.07); border-color: #cfe3d6; } .sch-file-row .fi { width: 40px; height: 40px; flex-shrink: 0; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: #e5f1ea; color: var(--sch-green); font-size: 18px; } .sch-file-row .name { font-size: 14.5px; line-height: 1.3; color: var(--sch-ink); } .sch-file-row .meta { font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #97a39a; margin-top: 2px; } .sch-file-row .dl { margin-left: auto; } /* ---- Ledger rows (notices list) ------------------------------------- */ .sch-ledger { border-top: 1px solid #e6e0d4; } .sch-ledger .row-item { display: grid; grid-template-columns: 96px 1fr auto; gap: 22px; align-items: center; padding: 20px 0; border-bottom: 1px solid #e6e0d4; } .sch-ledger .row-item .date { font-size: 13px; color: var(--sch-gold); font-weight: 600; } .sch-ledger .row-item .title a { font-family: "Fraunces", Georgia, serif; font-size: 17px; color: var(--sch-ink); } .sch-ledger .row-item .title a:hover { color: var(--sch-green); } .sch-ledger .row-item .pin { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--sch-green); background: #e5f1ea; border-radius: 6px; padding: 3px 9px; } .sch-ledger .row-item .go { color: var(--sch-green); } @media (max-width: 640px){ .sch-ledger .row-item { grid-template-columns: 1fr; gap: 6px; } .sch-ledger .row-item .go { display: none; } } /* ---- Staff card ------------------------------------------------------ */ .sch-staff-card { background: #fff; border: 1px solid #eef3ef; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(5,45,23,.05); transition: transform .2s, box-shadow .2s; height: 100%; text-align: center; } .sch-staff-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(5,45,23,.1); } .sch-staff-card .ph { aspect-ratio: 1/1; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color: var(--sch-gold); display: flex; align-items: center; justify-content: center; font-family: "Fraunces", serif; font-style: italic; font-size: 56px; } .sch-staff-card .ph img { width: 100%; height: 100%; object-fit: cover; } .sch-staff-card .info { padding: 18px 16px; } .sch-staff-card .info .nm { font-family: "Fraunces", Georgia, serif; font-size: 17px; color: var(--sch-ink); margin: 0 0 4px; } .sch-staff-card .info .ro { font-size: 12.5px; color: var(--sch-gold); text-transform: uppercase; letter-spacing: .04em; margin: 0 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sch-staff-socials { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; } .sch-staff-socials a { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f1f6f2; color: var(--sch-green); font-size: 13px; transition: background .2s, color .2s; } .sch-staff-socials a:hover { background: var(--sch-green); color: #fff; } /* ---- Prose / article body ------------------------------------------- */ .sch-prose { color: #3f4a43; font-size: 16px; line-height: 1.8; } .sch-prose h2, .sch-prose h3, .sch-prose h4 { font-family: "Fraunces", Georgia, serif; color: var(--sch-ink); margin: 1.6em 0 .6em; } .sch-prose p { margin: 0 0 1.1em; } .sch-prose ul, .sch-prose ol { margin: 0 0 1.1em; padding-left: 1.3em; } .sch-prose li { margin-bottom: .5em; } .sch-prose img { max-width: 100%; height: auto; border-radius: 12px; } .sch-prose a { color: var(--sch-green); text-decoration: underline; } /* ---- Detail meta panel ---------------------------------------------- */ .sch-meta-panel { background: #fff; border: 1px solid #e9efe9; border-radius: 14px; padding: 8px 22px; } .sch-meta-panel .mp-row { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #eef2ee; } .sch-meta-panel .mp-row:last-child { border-bottom: 0; } .sch-meta-panel .mp-row i { width: 38px; height: 38px; flex-shrink: 0; border-radius: 9px; background: #e5f1ea; color: var(--sch-green); display: inline-flex; align-items: center; justify-content: center; } .sch-meta-panel .mp-row .k { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #97a39a; } .sch-meta-panel .mp-row .v { font-size: 15px; color: var(--sch-ink); font-weight: 600; } /* ---- Pagination ------------------------------------------------------ */ .sch-pager nav > ul, .sch-pager .pagination { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 40px 0 0; justify-content: center; } .sch-pager .page-link { display: inline-flex; min-width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0 12px; color: var(--sch-green); border: 1px solid #e0e6e0; border-radius: 9px; background: #fff; font-weight: 600; } .sch-pager .page-link:hover { background: #e5f1ea; border-color: #cfe3d6; } .sch-pager .active .page-link { background: var(--sch-green); border-color: var(--sch-green); color: #fff; } .sch-pager .disabled .page-link { color: #c2cbc4; } /* ---- Empty state ----------------------------------------------------- */ .sch-empty { text-align: center; padding: 70px 20px; color: #97a39a; } .sch-empty i { font-size: 50px; color: #d9e2db; margin-bottom: 16px; display: block; } .sch-empty h4 { font-family: "Fraunces", Georgia, serif; color: #6a756c; margin: 0 0 6px; } /* ---- Contact --------------------------------------------------------- */ .sch-contact-card { background: #fff; border: 1px solid #e9efe9; border-radius: 14px; padding: 30px; height: 100%; } .sch-contact-card .ico { width: 54px; height: 54px; border-radius: 12px; background: #e5f1ea; color: var(--sch-green); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px; } .sch-form label { font-weight: 600; font-size: 14px; color: var(--sch-ink); margin-bottom: 6px; display: block; } .sch-form .form-control { width: 100%; border: 1px solid #dde6df; border-radius: 10px; padding: 12px 14px; font-size: 14.5px; outline: none; transition: border-color .2s, box-shadow .2s; } .sch-form .form-control:focus { border-color: var(--sch-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tum-primary) 12%, transparent); } /* ===================================================== Home page extras (hero card, hero points, event mini) ===================================================== */ .sch-hero-points { list-style: none; padding: 0; margin: 30px 0 0; display: flex; flex-wrap: wrap; gap: 10px 26px; } .sch-hero-points li { display: inline-flex; align-items: center; gap: 9px; color: rgba(255,255,255,.92); font-weight: 600; font-size: 14.5px; } .sch-hero-points i { color: var(--sch-gold); } .sch-hero-card { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: 18px; padding: 34px 30px; backdrop-filter: blur(6px); color: #fff; } .sch-hero-card .hc-ico { width: 60px; height: 60px; border-radius: 14px; background: var(--sch-gold); color: var(--sch-green-dark); display: inline-flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 18px; } .sch-hero-card h3 { font-family: "Fraunces", Georgia, serif; font-size: 24px; margin: 0 0 10px; color: #fff; } .sch-hero-card p { color: rgba(255,255,255,.85); margin: 0 0 22px; } .sch-event-mini { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #e9efe9; border-radius: 12px; padding: 16px 18px; transition: border-color .2s, box-shadow .2s, transform .2s; } .sch-event-mini:hover { border-color: var(--sch-gold); box-shadow: 0 10px 24px rgba(5,45,23,.08); transform: translateX(3px); } .sch-event-mini .d { flex-shrink: 0; width: 58px; height: 58px; border-radius: 12px; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; } .sch-event-mini .d strong { font-family: "Fraunces", serif; font-size: 22px; } .sch-event-mini .d small { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--sch-gold); margin-top: 2px; } .sch-event-mini .t { min-width: 0; display: flex; flex-direction: column; } .sch-event-mini .ttl { font-family: "Fraunces", Georgia, serif; font-size: 16px; color: var(--sch-ink); line-height: 1.3; } .sch-event-mini .v { font-size: 12.5px; color: #8a948c; margin-top: 4px; } @media (max-width: 991.98px){ .sch-home-hero .row { --bs-gutter-y: 0; } } /* ---- Dean welcome block (home) -------------------------------------- */ .sch-dean-photo { width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color: var(--sch-gold); font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 72px; border: 4px solid #fff; box-shadow: 0 18px 40px rgba(5,45,23,.18); } .sch-dean-photo img { width: 100%; height: 100%; object-fit: cover; } .sch-dean a { display: inline-block; } /* ---- News share bar -------------------------------------------------- */ .sch-share { border-top: 1px solid #e3ece6; } .sch-share-btn { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e3ece6; background: #fff; color: var(--c, var(--tum-primary)); font-size: 15px; transition: all .2s ease; cursor: pointer; } .sch-share-btn:hover { background: var(--c, var(--tum-primary)); border-color: var(--c, var(--tum-primary)); color: #fff; transform: translateY(-2px); } /* ---- Author / filter banner (news index) ---------------------------- */ .sch-filter-banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; background: #e5f1ea; border: 1px solid #c8e2d3; border-radius: 12px; padding: 14px 20px; margin-bottom: 26px; } .sch-filter-banner .lbl { color: var(--sch-green-dark); font-weight: 600; font-size: 14.5px; } .sch-filter-banner .lbl i { color: var(--sch-gold); margin-right: 7px; } .sch-filter-banner a.clear { color: var(--sch-green); font-weight: 600; font-size: 13.5px; } .sch-filter-banner a.clear:hover { color: var(--sch-green-dark); } /* ---- Department card banner + page-title bg ------------------------- */ .sch-dept-thumb { display: block; height: 150px; background-size: cover; background-position: center; background-color: #e5f1ea; position: relative; } .sch-dept-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,40,22,0) 40%, rgba(6,40,22,.35)); } .sch-pagetitle.has-bg::before { display: none; } /* ---- Why-us cards (About) ------------------------------------------- */ .sch-why { background: #fff; border: 1px solid #e9efe9; border-radius: 14px; overflow: hidden; height: 100%; box-shadow: 0 8px 24px rgba(5,45,23,.06); transition: transform .25s ease, box-shadow .25s ease; } .sch-why:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(5,45,23,.12); } .sch-why .why-media { height: 160px; background: linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); display: flex; align-items: center; justify-content: center; } .sch-why .why-media img { width: 100%; height: 100%; object-fit: cover; } .sch-why .why-media .why-ph { color: var(--sch-gold); font-size: 40px; } .sch-why .why-body { padding: 22px 20px; } .sch-why .why-body h4 { font-family: "Fraunces", Georgia, serif; font-size: 19px; margin: 0 0 8px; color: var(--sch-ink); } .sch-why .why-body p { color: #5a655d; font-size: 14.5px; margin: 0; } /* ===================================================== Home redesign (education layout) — feature strip, about split + checklist, funfacts band, course cards, why-choose split. Built on the sch- palette. ===================================================== */ /* ---- Feature highlights strip (elevated card over hero) -------------- */ .sch-feature-strip { background:#fff; border:1px solid #eef3ef; border-radius:16px; box-shadow:0 18px 44px rgba(5,45,23,.12); position:relative; z-index:3; margin-top:-60px; overflow:hidden; } .sch-feature-strip .fs-item { display:flex; align-items:flex-start; gap:16px; padding:28px 26px; } .sch-feature-strip [class*="col-"] + [class*="col-"] .fs-item { border-left:1px solid #eef3ef; } .sch-feature-strip .fs-ico { flex-shrink:0; width:54px; height:54px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:#e5f1ea; color:var(--sch-green); font-size:24px; } .sch-feature-strip .fs-t { font-family:"Fraunces", Georgia, serif; font-size:17px; color:var(--sch-ink); margin:0 0 4px; } .sch-feature-strip .fs-x { font-size:13.5px; color:#6a756c; margin:0; line-height:1.55; } @media (max-width:991.98px){ .sch-feature-strip [class*="col-"] + [class*="col-"] .fs-item { border-left:0; border-top:1px solid #eef3ef; } } /* ---- Two-column content + media split -------------------------------- */ .sch-split-media { position:relative; border-radius:18px; overflow:hidden; box-shadow:0 24px 50px rgba(5,45,23,.18); min-height:380px; } .sch-split-media img { width:100%; height:100%; object-fit:cover; display:block; position:absolute; inset:0; } .sch-split-media .ph { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); color:var(--sch-gold); font-family:"Fraunces", Georgia, serif; font-style:italic; font-size:120px; } .sch-split-media .badge-float { position:absolute; left:20px; bottom:20px; z-index:2; background:#fff; border-radius:14px; padding:14px 20px; box-shadow:0 12px 30px rgba(5,45,23,.22); display:flex; align-items:center; gap:12px; } .sch-split-media .badge-float.top { bottom:auto; top:20px; } .sch-split-media .badge-float .n { font-family:"Fraunces", Georgia, serif; font-size:32px; color:var(--sch-green); line-height:1; } .sch-split-media .badge-float .l { font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:#7a857c; } /* Dean spotlight overlay pinned to the foot of the about/welcome image */ .sch-split-media .sch-dean-spot { position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; align-items:center; gap:20px; padding:80px 26px 30px; text-decoration:none; background:linear-gradient(0deg, rgba(6,40,22,.95), rgba(6,40,22,.6) 60%, rgba(6,40,22,0)); } .sch-split-media .sch-dean-spot .ph { flex-shrink:0; width:167px; height:167px; border-radius:50%; overflow:hidden; border:4px solid var(--sch-gold); background:linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); display:flex; align-items:center; justify-content:center; color:var(--sch-gold); font-family:"Fraunces", Georgia, serif; font-style:italic; font-size:46px; box-shadow:0 10px 26px rgba(0,0,0,.35); } .sch-split-media .sch-dean-spot .ph img { width:100%; height:100%; object-fit:cover; } .sch-split-media .sch-dean-spot .info { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; } .sch-split-media .sch-dean-spot .nm { font-family:"Fraunces", Georgia, serif; font-size:24px; line-height:1.2; color:#fff; } .sch-split-media .sch-dean-spot .ro { font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--sch-gold); margin-top:5px; } .sch-split-media .sch-dean-spot .go { flex-shrink:0; width:46px; height:46px; border:1px solid rgba(255,255,255,.45); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; transition:background .2s ease, border-color .2s ease, color .2s ease; } .sch-split-media a.sch-dean-spot:hover .go { background:var(--sch-gold); border-color:var(--sch-gold); color:var(--sch-ink); } .sch-checklist { list-style:none; padding:0; margin:0 0 26px; display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; } @media (max-width:575.98px){ .sch-checklist { grid-template-columns:1fr; } } .sch-checklist li { display:flex; align-items:flex-start; gap:10px; font-size:14.5px; color:#3f4a43; font-weight:600; } .sch-checklist li i { flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#e5f1ea; color:var(--sch-green); display:inline-flex; align-items:center; justify-content:center; font-size:11px; margin-top:1px; } /* ---- Funfacts band (stats on green) ---------------------------------- */ .sch-funfacts { background:linear-gradient(120deg, var(--sch-green-dark), var(--sch-green)); color:#fff; position:relative; overflow:hidden; } .sch-funfacts .ff { text-align:center; padding:14px 18px; } .sch-funfacts .ff + .ff { /* divider handled by columns */ } .sch-funfacts .num { font-family:"Fraunces", Georgia, serif; font-weight:600; font-size:clamp(34px,4vw,48px); line-height:1; } .sch-funfacts .num .animate-number, .sch-funfacts .num span { color:var(--sch-gold); } .sch-funfacts .lbl { margin-top:10px; font-size:13.5px; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.82); } /* ---- Course cards (image-led programme cards) ------------------------ */ .sch-course-card { display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #e9efe9; border-radius:16px; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .sch-course-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(5,45,23,.12); border-color:var(--sch-gold); } .sch-course-card .cc-thumb { position:relative; display:block; height:180px; background:linear-gradient(135deg, var(--sch-green), var(--sch-green-dark)); overflow:hidden; } .sch-course-card .cc-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; } .sch-course-card:hover .cc-thumb img { transform:scale(1.06); } .sch-course-card .cc-thumb .cc-ph { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:var(--sch-gold); font-size:46px; } .sch-course-card .cc-lvl { position:absolute; left:14px; top:14px; background:var(--sch-gold); color:var(--sch-ink); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; border-radius:7px; padding:5px 12px; } .sch-course-card .cc-body { display:flex; flex-direction:column; flex:1; padding:22px 22px 0; } .sch-course-card .cc-body h4 { font-family:"Fraunces", Georgia, serif; font-size:18px; line-height:1.35; margin:0 0 6px; color:var(--sch-ink); } .sch-course-card .cc-dept { font-size:13px; color:#8a948c; margin:0 0 14px; } .sch-course-card .cc-meta { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px 16px; font-size:13px; color:#5a655d; } .sch-course-card .cc-meta i { color:var(--sch-gold); margin-right:6px; } .sch-course-card .cc-foot { margin-top:18px; padding:14px 22px; border-top:1px solid #eef3ef; display:flex; align-items:center; justify-content:space-between; font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.03em; color:var(--sch-green); } .sch-course-card .cc-foot i { transition:transform .2s ease; } .sch-course-card:hover .cc-foot { color:var(--sch-green-dark); } .sch-course-card:hover .cc-foot i { transform:translateX(4px); } /* ===================================================== Notices — ported verbatim from the PRI theme so the Notices index/detail render identically. Reuses the PRI class names (`dl-*`, `pri-*`) on top of the --pri-* aliases. ===================================================== */ /* ---- Downloads list (compact cards) — used by notice attachments ----- */ .pri-file-row { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid #e9efe9; border-radius: 7px; background: #fff; margin-bottom: 7px; transition: box-shadow .2s ease, border-color .2s ease; } .pri-file-row:hover { box-shadow: 0 6px 16px rgba(5,45,23,.07); border-color: #cfe3d6; } .pri-file-row .fi { width: 34px; height: 34px; flex-shrink: 0; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: #e5f1ea; color: var(--pri-green); font-size: 16px; } .pri-file-row .name { font-size: 14px; line-height: 1.3; } .pri-file-row .meta { font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #97a39a; margin-top: 1px; } .pri-file-row .btn { padding: 5px 12px; font-size: 12px; } /* ---- Filter + search toolbar ----------------------------------------- */ .dl-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; } .dl-search { position: relative; flex: 1 1 260px; max-width: 380px; } .dl-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #9aa79e; font-size: 18px; pointer-events: none; } .dl-search input { width: 100%; height: 44px; padding: 0 16px 0 42px; border: 1px solid #dde6df; border-radius: 999px; background: #fff; font-size: 14px; color: #1d2a22; outline: none; transition: border-color .2s ease, box-shadow .2s ease; } .dl-search input:focus { border-color: var(--pri-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tum-primary) 12%, transparent); } .dl-select { height: 44px; min-width: 200px; padding: 0 38px 0 16px; border: 1px solid #dde6df; border-radius: 999px; background: #fff; font-size: 14px; color: #1d2a22; cursor: pointer; outline: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23097b3e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; } .dl-select:focus { border-color: var(--pri-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tum-primary) 12%, transparent); } .dl-reset { font-size: 13px; color: #97a39a; text-decoration: underline; align-self: center; } .dl-reset:hover { color: var(--pri-green); } .dl-summary { font-size: 13px; color: #7a857c; margin-bottom: 14px; } /* ---- Pagination (green) ---------------------------------------------- */ .pri-pagination { gap: 4px; } .pri-pagination .page-link { color: var(--pri-green); border-color: #e0e6e0; border-radius: 6px; min-width: 38px; text-align: center; } .pri-pagination .page-link:hover { background: #e5f1ea; color: var(--pri-green-dark); border-color: #cfe3d6; } .pri-pagination .page-item.active .page-link { background: var(--pri-green); border-color: var(--pri-green); color: #fff; } .pri-pagination .page-item.disabled .page-link { color: #c2cbc4; } /* ---- Notices / ledger rows ------------------------------------------ */ .pri-ledger { border-top: 1px solid #e6e0d4; } .pri-ledger .row-item { display: grid; grid-template-columns: 70px 1fr 1.2fr; gap: 24px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid #e6e0d4; } .pri-ledger .row-item .num { font-size: 13px; color: var(--pri-gold); } .pri-ledger .row-item .name { font-family: "Fraunces", Georgia, serif; font-size: 17px; } .pri-ledger .row-item .partners { color: #5a655d; font-size: 14px; } @media (max-width: 640px){ .pri-ledger .row-item { grid-template-columns: 1fr; gap: 4px; } } /* ---- Empty state ----------------------------------------------------- */ .pri-empty { text-align: center; padding: 60px 20px; color: #97a39a; } .pri-empty i { font-size: 46px; color: #d9d2c4; margin-bottom: 14px; display: block; } /* ---- Section tint (news "more stories" band) ------------------------- */ .bg-silver-light { background: var(--tum-surface); } /* ---- Event cards (events listing) — ported verbatim from PRI --------- */ .pri-event-card{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #e3ece6;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(5,45,23,.06);transition:transform .2s ease,box-shadow .2s ease;} .pri-event-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(5,45,23,.12);} .pri-event-card .pec-thumb{position:relative;display:block;height:170px;background:#e5f1ea;overflow:hidden;} .pri-event-card .pec-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;} .pri-event-card:hover .pec-thumb img{transform:scale(1.05);} .pri-event-card .pec-thumb-ph{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--tum-primary);} .pri-event-card .pec-thumb-ph i{font-size:44px;} .pri-event-card .pec-date{position:absolute;left:12px;bottom:12px;background:var(--tum-primary);color:#fff;border-radius:8px;padding:8px 12px;text-align:center;line-height:1;box-shadow:0 6px 16px rgba(5,45,23,.35);} .pri-event-card .pec-date strong{display:block;font-size:22px;font-family:'Fraunces',serif;} .pri-event-card .pec-date small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;} .pri-event-card .pec-body{display:flex;flex-direction:column;flex:1;padding:18px;} .pri-event-card .pec-title{margin:0 0 12px;font-size:17px;line-height:1.35;} .pri-event-card .pec-title a{color:#1d2a22;} .pri-event-card .pec-title a:hover{color:var(--tum-primary);} .pri-event-card .pec-meta{margin:0;font-size:13px;color:#7a857c;} .pri-event-card .pec-meta li{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;} .pri-event-card .pec-meta li:last-child{margin-bottom:0;} .pri-event-card .pec-meta i{color:var(--tum-accent);font-size:15px;flex-shrink:0;margin-top:1px;} .pri-event-card .pec-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid #e3ece6;background:#f6faf8;color:var(--tum-primary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em;} .pri-event-card .pec-foot i{transition:transform .2s ease;} .pri-event-card:hover .pec-foot{background:var(--tum-primary);color:#fff;} .pri-event-card:hover .pec-foot i{transform:translateX(4px);}