/* Pine Belt Site Notices. Colors come from Settings; fonts inherit from the site. */
.pbn-wrap { position: relative; z-index: 99990; }
/* Below a sticky header: scroll under the header like the rest of the page, instead of over it */
.pbn-wrap.pbn-below-header { z-index: 1; }
.pbn-notice {
	display: flex; gap: 10px; align-items: flex-start;
	padding: 11px 18px; font-size: 15px; line-height: 1.5;
	color: #fff; background: var(--pbn-info, #1d5fa8);
	border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.pbn-outage { background: var(--pbn-outage, #b42318); }
.pbn-maintenance { background: var(--pbn-maint, #8a5a00); }
.pbn-info { background: var(--pbn-info, #1d5fa8); }
.pbn-resolved { background: var(--pbn-resolved, #1f7a3d); }
.pbn-inner { flex: 1; min-width: 0; display: flex; gap: 10px; align-items: flex-start; max-width: 1140px; margin: 0 auto; }
.pbn-body { flex: 1; min-width: 0; }
.pbn-head { font-weight: 700; }
.pbn-notice a.pbn-link, .pbn-notice a.pbn-link:visited { color: inherit; text-decoration: underline; font-weight: 600; }
.pbn-call { white-space: nowrap; }
.pbn-call-icon { width: 15px; height: 15px; vertical-align: -2px; margin-right: 3px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pbn-updated { display: block; font-size: 13px; opacity: .9; margin-top: 2px; }
.pbn-icon, .pbn-close svg {
	width: 20px; height: 20px; flex: none; margin-top: 2px;
	fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.pbn-close {
	flex: none; background: transparent !important; border: 0 !important; color: inherit !important;
	padding: 2px !important; margin: 0; cursor: pointer; line-height: 0; box-shadow: none !important;
}
.pbn-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.pbn-inline .pbn-notice { border-radius: 8px; border-bottom: 0; margin-bottom: 10px; }
.pbn-inline .pbn-inner { margin: 0; max-width: none; }
.pbn-allclear { margin: 0; }
@media (max-width: 600px) {
	.pbn-notice { padding: 10px 14px; font-size: 14px; }
}
@media print { .pbn-wrap { display: none; } }

/* A heads-up for something that hasn't started yet (maintenance or an office closing posted ahead) */
.pbn-soon { display: inline-block; margin-right: 8px; padding: 1px 8px; border-radius: 999px; background: #fff; color: var(--pbn-info, #1d5fa8); font-size: .8em; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; vertical-align: 1px; }

/* Pinned while scrolling (Settings > Banner look > Keep it on screen while scrolling) */
.pbn-wrap.pbn-pinned { position: fixed; left: 0; right: 0; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
@media (max-width: 700px) {
	.pbn-wrap.pbn-pinned:not(.pbn-open) .pbn-body { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
	.pbn-wrap.pbn-pinned:not(.pbn-open) .pbn-updated { display: none; }
	.pbn-wrap.pbn-pinned:not(.pbn-open) .pbn-notice { padding-top: 8px; padding-bottom: 8px; cursor: pointer; }
}
.pbn-maintenance .pbn-soon { color: var(--pbn-maint, #8a5a00); }
.pbn-outage .pbn-soon { color: var(--pbn-outage, #b42318); }
.pbn-soft-tag .pbn-soon { background: rgba(255,255,255,.22); color: inherit; }