/* The same logo header and centred footer on every client portal page (Dean, 21 Oct 2026).
   The header copies the complaints page: white bar, logo 180 px wide at the left of a 1,100 px
   column, vertically centred. Load this file last in <head> so it wins over page styles. */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap");

.obs-header { background: #fff; border-bottom: 1px solid #DDE3EA; margin: 0; padding: 0; width: 100%; align-self: stretch; box-sizing: border-box; height: auto !important; position: static !important; }
.obs-header__in { box-sizing: border-box; width: 100%; max-width: 1100px; min-height: 84px; margin: 0 auto; padding: 0 16px;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.obs-header__in > a { display: block; line-height: 0; }
img.obs-header__logo { display: block; width: 180px; max-width: none; height: auto; margin: 0; padding: 0; border: 0; }
.obs-header__right { font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #6B7685; text-align: right; }
/* The page name, in the brand heading font (Cormorant Garamond 600, Officium Blue). */
.obs-header__right > strong { display: block; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 24px !important; font-weight: 600; line-height: 1.15; color: #196583 !important; }

.obs-footer { text-align: center !important; justify-content: center !important; align-items: center !important; flex-direction: column !important;
  margin-left: auto !important; margin-right: auto !important; }

@media print { .obs-header { border-bottom: 0; } }
/* Pages whose header stays at the top while scrolling (the bars under it stick at top: 85px). */
header.obs-header.obs-sticky { position: sticky !important; top: 0; z-index: 200; }