/*
 * Brand icons (assets/js/brand_icons.js): emoji replaced by white line icons in a blue circle (Cher 10-04).
 * Shared by the LMS and the placement site. Blue #3a5fde with white lines: 5.2:1.
 */
.brand-ic {
    display: inline-grid; place-items: center; flex: 0 0 auto;
    width: 2em; height: 2em; border-radius: 50%;
    background: #3a5fde; color: #ffffff;
    vertical-align: middle; margin: -0.2em 0.55em -0.15em 0;
    line-height: 1;
}
.brand-ic svg { width: 56%; height: 56%; display: block; }
.brand-ic--alone { margin: 0; }
/* inside buttons, badges, tables, labels and running text: just the line icon, in the text color */
.brand-ic--plain {
    width: 1.15em; height: 1.15em; border-radius: 0; background: none; color: currentColor;
    margin: -0.15em 0.4em -0.1em 0;
}
.brand-ic--plain svg { width: 100%; height: 100%; }
/* headings and section titles: a slightly smaller circle so the words lead */
h1 > .brand-ic:not(.brand-ic--plain), h2 > .brand-ic:not(.brand-ic--plain), h3 > .brand-ic:not(.brand-ic--plain),
h4 > .brand-ic:not(.brand-ic--plain), h5 > .brand-ic:not(.brand-ic--plain) { width: 1.7em; height: 1.7em; }
/* on a blue band or a blue card, the circle turns white with a blue icon */
.lmsb-band .brand-ic:not(.brand-ic--plain), .sh-hero .brand-ic:not(.brand-ic--plain), .dashboard-topbar .brand-ic:not(.brand-ic--plain),
.admin-header .brand-ic:not(.brand-ic--plain), .pt-hero .brand-ic:not(.brand-ic--plain), .btn-primary .brand-ic:not(.brand-ic--plain) {
    background: #ffffff; color: #3a5fde;
}
/* Firm colors: page rules that color all spans (tiles, lists, badges) must not gray out the icon lines */
.brand-ic:not(.brand-ic--plain) { color: #ffffff !important; }
.lmsb-band .brand-ic:not(.brand-ic--plain), .sh-hero .brand-ic:not(.brand-ic--plain), .dashboard-topbar .brand-ic:not(.brand-ic--plain),
.admin-header .brand-ic:not(.brand-ic--plain), .pt-hero .brand-ic:not(.brand-ic--plain), .btn-primary .brand-ic:not(.brand-ic--plain),
.dashboard-sidebar-link.is-active .brand-ic { color: #3a5fde !important; }
.sh-play .brand-ic, .sh-dot .brand-ic { color: inherit !important; }