/*-- Site Notification -- */
.SiteNotification { position: fixed; z-index: 1041; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(100%); display: flex; flex-flow: row nowrap; align-items: center; padding: 0.55em 0.6em 0.6em 0.6em; font-size: 80%; background-color: #000; background-color: rgba(0, 20, 40, 0.95); box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.75); }
body.is-loaded .SiteNotification { opacity: 1; visibility: visible; transform: none; transition-delay: 500ms; }
body #main .SiteNotification.is-agreed { opacity: 0; visibility: hidden; transform: translateY(100%); }
.SiteNotification .SiteNotificationLeft { flex: 1 1 100%; padding: 0.4em; color: #fff; }
.SiteNotification .SiteNotificationLeft a { color: var(--dark-link-color); }
.SiteNotification .SiteNotificationLeft a:hover { color: var(--dark-link-hover); text-decoration: underline; }
.SiteNotification .SiteNotificationLeft > p:first-child { margin-top: 0; }
.SiteNotification .SiteNotificationLeft > p:last-child { margin-bottom: 0; }
.SiteNotification .SiteNotificationButton { flex: 1 0 auto; margin: 0 0 0 0.6em; padding: 0.65em 0.9em; line-height: 1; font-weight: var(--font-weight-bold); outline: none; cursor: pointer; vertical-align: top; text-transform: uppercase; color: #fff; background-color: #1194c6; border: none; }
.SiteNotification .SiteNotificationButton:hover { background-color: #18a7de; }
.SiteNotification.alt-style { bottom: 0.6em; right: 0.5em; left: auto; display: block; max-width: 28em; margin-left: 0.5em; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; }
.SiteNotification.alt-style .SiteNotificationButton { margin: 0.4em; }
.SiteNotification.priority-1 { background-color: rgba(29, 100, 36, 0.95); }
.SiteNotification.priority-1 .SiteNotificationButton { background-color: #11c660; }
.SiteNotification.priority-2 { background-color: rgba(89, 13, 13, 0.95); }
.SiteNotification.priority-2 .SiteNotificationButton { background-color: #c42f29; }