/* Announcement alert on the home and sign-in pages (index.html, home-fr.html, login-en.html, login-fr.html; script
   app/scripts/irwin-alert.js): the slowly flashing red badge beside the logo, as on the app pages, and its popup, the
   script's own (these pages do not load the app's popups) */
.irwin-alert { display: inline-block; vertical-align: middle; margin: 0 0 0 14px; padding: 6px 12px; border-radius: 4px;
               background: #c62828; color: #fff; font-family: Lato, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.2;
               letter-spacing: 1px; text-decoration: none; cursor: pointer; animation: irwin-alert-flash 2.4s ease-in-out infinite; }
/* beside the logo (which the site's header floats), without moving the English / Francais links under it */
.w-nav-brand + .irwin-alert { position: absolute; margin: 16px 0 0 14px; white-space: nowrap; }
.irwin-alert[hidden] { display: none; }
.irwin-alert:hover, .irwin-alert:focus { color: #fff; outline: 2px solid #8e0000; outline-offset: 2px; }
.irwin-alert:before { content: "\26A0"; margin-right: 6px; }
@keyframes irwin-alert-flash { 0%, 100% { background: #c62828; box-shadow: 0 0 0 0 rgba(198, 40, 40, .6); }
                               50% { background: #ef9a9a; box-shadow: 0 0 0 6px rgba(198, 40, 40, 0); } }
@media (prefers-reduced-motion: reduce) { .irwin-alert { animation: none; } }
.irwin-alert-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 16px;
                       background: rgba(30, 30, 30, 0.6); }
.irwin-alert-overlay[hidden] { display: none; }
.irwin-alert-dialog { position: relative; max-width: 560px; width: 100%; max-height: 90vh; overflow: auto; padding: 28px 30px 24px; background: #fff;
                      border-radius: 12px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.35); }
.irwin-alert-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border: 0; border-radius: 6px; background: transparent;
                     color: #666; font: 24px/1 Arial, sans-serif; cursor: pointer; }
.irwin-alert-close:hover, .irwin-alert-close:focus { background: #f2f2f2; color: #323232; }
.irwin-alert-box { max-width: 520px; font-family: Lato, sans-serif; color: #333; text-align: left; }
.irwin-alert-box h2 { margin: 0 0 10px; color: #c62828; font-size: 22px; line-height: 1.3; }
.irwin-alert-box .irwin-alert-type { color: #c62828; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; margin: -6px 0 8px; }
.irwin-alert-box .irwin-alert-when { font-weight: 700; margin: 0 0 4px; }
.irwin-alert-box .irwin-alert-local { color: #555; margin: 0 0 12px; font-size: 14px; }
.irwin-alert-box .irwin-alert-message { white-space: pre-wrap; margin: 0; line-height: 1.5; }
.irwin-alert-box .irwin-alert-actions { margin: 18px 0 0; text-align: right; }
.irwin-alert-box .irwin-alert-ok { padding: 8px 18px; border: 0; border-radius: 6px; background: #e67d25; color: #fff; font: 700 14px Lato, sans-serif; cursor: pointer; }
.irwin-alert-box .irwin-alert-ok:hover, .irwin-alert-box .irwin-alert-ok:focus { background: #c9661a; }