/*
 * The only styles that are new in the 2026 rebuild. Everything else is the
 * original styles.css, PanelBar.Waring.css and the Telerik base rules.
 */

/* Rotators: Telerik's script sized the clip region to the rotator; do it in CSS. */
.RadRotator .rrRelativeWrapper,
.RadRotator .rrClipRegion { width: 100%; height: 100%; }

/* Slide show (masthead): items stacked, cross-fading. */
.RadRotator[data-rotator="fade"] .rrItemsList { position: relative; width: 100%; height: 100%; float: none; }
.RadRotator[data-rotator="fade"] .rrItem { position: absolute; top: 0; left: 0; float: none; opacity: 0; transition: opacity 0.8s ease-in-out; }
.RadRotator[data-rotator="fade"] .rrItem.is-active { opacity: 1; }

/* Scrolling (client logos): items in a row, the row slides left one item at a time. */
.RadRotator[data-rotator="slide"] .rrItemsList { display: flex; float: none; transition: transform 0.8s ease-in-out; }
.RadRotator[data-rotator="slide"] .rrItemsList.no-transition { transition: none; }
.RadRotator[data-rotator="slide"] .rrItem { flex: 0 0 auto; width: 100% !important; }

/* Native video in place of the Flash FLV player. */
video.flvplayer { display: block; background: #000; }

/* Client logos: clip to the frame's inner white area (7px border left/right,
   14px top, 7px bottom in clients_bg.jpg) so a logo can never cover the frame.
   The .sponimg padding is moved onto the rotator so the image stays at the
   same pixel position. */
.sponsors .RadRotator { width: 196px !important; height: 150px !important; margin: 9px 0 0 7px; }
.sponsors .sponimg { padding: 0 0 0 1px; }