Partners and Programs:

Industry Updates

Posts Categorized: In-depth Feature

Viewing 1 - 10 of 24 results

Accident/Incident Investigation Aviation Weather In-depth Feature

‘A Loud Bang and … a Bright White Flash’

The pilots of the S-76C checked weather conditions frequently but had no indication that lightning…

by Linda Werfelman

Accident Investigation In-depth Feature Maintenance Matters Runway Safety

‘Absolutely Nothing Happened’

Jammed elevators stopped the MD-87 from rotating for takeoffleading to a fiery runway overrun,…

by Linda Werfelman

Accident/Incident Investigation COVID-19 In-depth Feature

Erratic Flight Path

The AAIB says a go-around incident might have been a result of the flight crew’s…

by Linda Werfelman

Accident Investigation In-depth Feature

Unseen

The inability of each pilot to see and avoid the other’s airplane caused a fatal…

by Linda Werfelman

Accident Investigation In-depth Feature Runway Safety

Off Center

The pilots were so focused on trying to set up the A320 to land on…

by Linda Werfelman

Flight Training In-depth Feature

Defining Resilience

Explaining the term is easy; putting the concept into practice is more challenging.

by Mario Pierobon

In-depth Feature Runway Safety

An Enhanced Campaign Against Runway Excursions

An international team of aviation professionals offers nearly 100 recommendations aimed at preventing overruns and…

by Linda Werfelman

In-depth Feature News Runway Safety

TSB of Canada Urges Action to Prevent Runway Accidents

The agency’s safety Watchlist 2020 says runway incursions are increasing while the number of overruns…

by Linda Werfelman

Basic Aviation Risk Standard In-depth Feature News

Q&A with David AndersonManaging DirectorFlight Safety Foundation’s BARS Program

David Anderson shares insights about FSF’s Basic Aviation Risk Standard (BARS) Programincluding how it…

by Frank Jackman

In-depth Feature

Metal Fatigue Cited in Air France A380’s Uncontained Engine Failure

The final BEA report says ‘cold dwell’ fatigue phenomenon is widely misunderstood.

by Linda Werfelman

Previous 1 2 3 Next

<> /* CSS Reset for modal to prevent theme leakage */ .sticky-note-modal, .sticky-note-modal *, .sticky-note-modal *::before, .sticky-note-modal *::after { box-sizing: border-box !important; font-family: system-ui-apple-systemsans-serif !important; text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important; line-height: 1.5 !important; text-shadow: none !important; box-shadow: none !important; /* The reset only ever covered typographyso themes could still dictate the modal's LAYOUT through bare element selectors. Neutralise the sizing properties too. Rules further down that legitimately set these (e.g. .ph-toolbar__inner) have equal specificity and come laterso they still win. */ min-height: 0 !important; max-height: none !important; flex: none !important; } /* Themes inject icon-font glyphs through bare element selectorse.g. villaricapd.setmy.site (kidsplanet + themerex-utils) ships `button:not(...):after { content: "\e836"; font-family: Fontello }`, which matches every button on the page including AcceptDecline and the close button. The reset above forced those pseudo-elements to system-uiwhich stripped the icon FONT but left the Private Use Area CODEPOINT behindso all three buttons drew a missing-glyph box. Dropping the generated content is the only complete fix: we ship no icon fontso nothing in the modal legitimately renders PUA. Rules further down that DO want a pseudo-element (.sticky-note-modal__close) have equal specificity and come laterso they still win. */ .sticky-note-modal *::before, .sticky-note-modal *::after { content: none !important; } /* A theme's `p { display: block }` beats the browser's default [hidden] ruleso state it explicitly. */ .sticky-note-modal [hidden] { display: none !important; } .sticky-note-modal { font-size: 16px !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* MicroModal s with maximum z-index */ .sticky-note-modal { display: none !important; } .sticky-note-modal.is-open { display: block !important; } .sticky-note-modal__overlay { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(0000.8) !important; display: flex !important; justify-content: center !important; align-items: center !important; z-index: 2147483647 !important; pointer-events: auto !important; } .sticky-note-modal__container { background-color: #fff !important; /**padding y 1rem padding x -2 rem */ padding: 16px 32px !important; width: calc(100% - 32px) !important; max-width: 560px !important; max-height: 100vh !important; border-radius: 8px !important; overflow-y: auto !important; box-sizing: border-box !important; box-shadow: 0 20px 60px rgba(0000.5) !important; position: relative !important; z-index: 2147483647 !important; margin: 1rem !important; } .sticky-note-modal__header { display: flex !important; justify-content: space-between !important; align-items: center !important; /**margin y is 1 rem */ margin: 16px 0 !important; } /** always top right */ .sticky-note-modal__header .sticky-note-modal__close { position: absolute !important; top: 16px !important; right: 16px !important; } /**margin auto x to center */ .sticky-note-modal__header .sticky-note-modal__title { margin: 0 auto !important; } .sticky-note-modal__title { margin-top: 0 !important; margin-bottom: 0 !important; font-weight: 600 !important; font-size: 24px !important; line-height: 1.25 !important; color: #333 !important; text-align: center; } .sticky-note-modal__close { background: transparent !important; border: 0 !important; cursor: pointer !important; font-size: 24px !important; padding: 8px !important; color: #666 !important; line-height: 1 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; outline: none !important; border-radius: 0 !important; min-width: auto !important; min-height: auto !important; width: auto !important; height: auto !important; } .sticky-note-modal__close:hover, .sticky-note-modal__close:focus, .sticky-note-modal__close:active { background: transparent !important; box-shadow: none !important; border: 0 !important; color: #333 !important; } .sticky-note-modal__close:before { content: "\2715" !important; display: block !important; background: transparent !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } .sticky-note-modal__close:hover { color: #333 !important; } .sticky-note-modal__content { margin-top: 16px !important; margin-bottom: 16px !important; line-height: 1.5 !important; color: #333 !important; font-size: 16px !important; } .sticky-note-modal__content p { margin-bottom: 0 !important; margin-top: 16px !important; font-size: 16px !important; line-height: 24px !important; } .sticky-note-modal__error { margin: 0 0 16px !important; padding: 12px 16px !important; border: 1px solid #f5c2c7 !important; border-radius: 4px !important; background: #f8d7da !important; color: #842029 !important; font-size: 15px !important; line-height: 22px !important; } .ph-toolbar__inner { display: flex !important; align-items: center !important; width: fit-content !important; margin: 20px auto !important; min-height: 56px !important; overflow: hidden !important; background: #111827 !important; color: #9ca3af !important; border-radius: 4px !important; user-select: none !important; box-shadow: 0 4px 6px -1px rgba(0000.1)0 2px 4px -1px rgba(0000.06) !important; font-family: 'Inter'system-ui-apple-systemsans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .ph-toolbar__drag { width: 26px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #1f2937 !important; flex-shrink: 0 !important; border-right: 1px solid #374151 !important; } .ph-icon__show-hide { width: 32px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0 !important; color: #9ca3af !important; flex-shrink: 0 !important; transition: color 0.2s !important; } .ph-toolbar__controls { display: flex !important; align-items: center !important; gap: 16px !important; padding-right: 10px !important; flex: 1 !important; min-width: 0 !important; } .ph-toolbar__icon { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0 !important; color: #9ca3af !important; transition: color 0.2s !important; } .ph-toolbar__badge { position: absolute !important; top: -9px !important; right: -8px !important; width: 18px !important; height: 18px !important; border-radius: 9999px !important; background: #00a3df !important; color: white !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 9px !important; font-weight: 700 !important; border: 1.5px solid #111827 !important; } .ph-comment-div { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 8px 14px !important; border: 0 !important; border-radius: 4px !important; background: #00a3df !important; color: white !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; } .sticky-note-modal__footer { display: flex !important; gap: 16px !important; margin-top: 16px !important; justify-content: center; } .sticky-note-modal__btn { padding: 12px 24px !important; border: 1px solid #ccc !important; border-radius: 4px !important; cursor: pointer !important; font-size: 16px !important; font-weight: 500 !important; transition: all 0.2s ease !important; background: #f0f0f0 !important; color: #333 !important; line-height: 1.2 !important; appearance: none !important; -webkit-appearance: none !important; } .sticky-note-modal__btn:hover { background: #e0e0e0 !important; } .sticky-note-modal__btn-primary { background: #00a3df !important; color: white !important; border-color: #00a3df !important; } .sticky-note-modal__btn-primary:hover { background: #008fc4 !important; border-color: #008fc4 !important; } /* Centering the title and buttons */ .sticky-note-modal__title { text-align: center; } .sticky-note-modal__footer { display: flex; justify-content: center; gap: 10px; /* Adds spacing between buttons */ }