/* CTEC logo sizes for the portal pages (Login, Registration, ActivateAndReset, ForgetPassword, Main.master).
   img/logo-trim.png is img/logo.png without its transparent padding (1261 x 218 px, same pixels), so the
   height set here is the height of the artwork itself. It stays sharp up to ~109 px tall on 2x screens.
   The homepage (Default.aspx) sets its own sizes.
   Selectors start with ".page-logo img" where the template's ".page-logo img { width: 28px; height: 28px }"
   would otherwise win. */

.ctec-logo { display: block; max-width: 100%; }
.ctec-logo-white { filter: brightness(0) invert(1); }   /* on the dark navy bars */

/* The template's .page-logo box squeezed the logo to ~132 px wide */
.ctec-logo-box { width: auto !important; max-width: none !important; flex-shrink: 0; }

/* Top bar of Login, Registration and ActivateAndReset */
.page-logo img.ctec-logo-bar { width: auto; height: 52px; }
/* Top bar of ForgetPassword */
img.ctec-logo-fp { width: auto; height: 48px; }

.ctec-logo-sidebar-link { width: 100%; }

/* Portal sidebar header band: grows to the logo's height (the template fixes it at 56-66 px) */
.page-sidebar .page-logo.ctec-logo-band { height: auto !important; min-height: 0 !important; padding: 18px 16px !important; justify-content: center !important; }
/* Portal sidebar (Main.master): stacked light logo (img/logo-stacked-light.png, 392 x 277: icon above the name,
   white name for dark backgrounds), 230 px wide in the 270 px sidebar. Chosen over the wide logo in white: its name
   prints about 25% larger, the second line is readable and the icon keeps its sky / gold colors. */
.page-logo img.ctec-logo-sidebar-stacked { width: 100%; max-width: 230px; height: auto; margin: 0 auto; }

/* Phones */
@media (max-width: 575.98px) {
    .page-logo img.ctec-logo-bar { height: 32px; }
    img.ctec-logo-fp { height: 36px; }
}