#au-persona-widget .au-persona-cta a,
#au-persona-widget .au-persona-cta a:visited,
#au-persona-widget .au-persona-cta a:hover {
    color: #ffffff !important;
}

/* Agenda date divider line */
.adsk-agenda-page-right {
    position: relative;
}
.adsk-agenda-page-right::after {
    content: "";
    position: absolute;
    top: 116px;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    pointer-events: none;
}
.adsk-agenda-page-img-wrap {
    margin-top: 20px;
}

.industry-card {
  width: 370px !important;
  height: 480px !important;
  border-radius: 16px !important;
  border-width: 0.5px !important;
  opacity: 1 !important;
}
@media (max-width: 768px) {
  .industry-card {
    width: 78vw !important;
    max-width: 300px !important;
    height: 390px !important;
  }
}

/* ------- Experience AU from anywhere ------- */
img[src*="f52946a255fe267be2565f4dfd5c24e5a8b32342"] {
  display: block !important;
  width: 100% !important;
  max-width: 578px !important;
  height: auto !important;
  aspect-ratio: 578 / 377 !important;
  object-fit: cover !important;
  border-radius: 15px !important;
}
.flex-box-section:has(img[src*="f52946a255fe267be2565f4dfd5c24e5a8b32342"]) > .flex-box-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ------- Small Business: keep speaker in frame on narrow screens ------- */
@media (max-width: 1024px) {
  .flex-box-section-full[style*="c17bba3c746c633083693f4b8d925de7"] {
    background-position: 88% center !important;
  }
}

/* ------- Agenda and Digital pages: session catalog link ------- */
/* Holds the link white while hovered so it stays legible on the dark band, with the brand blue underline. */
body[class*="-page-agenda"] .carousel-au-header a:hover,
body[class*="-page-agenda"] .carousel-au-header a:focus,
body[class*="-page-digital"] .carousel-au-header a:hover,
body[class*="-page-digital"] .carousel-au-header a:focus {
  color: #fff;
  text-decoration-color: #1D91D0;
}

/* ------- Small Business banner: small screens ------- */
/* The banner already has a small-screen layout that indents the button away
   from the copy. These bring its left edge back into line with the text. */
@media (max-width: 767px) {
  .digitalmessagebanner .keep-bullets #applinks {
    margin-left: 0 !important;
    margin-top: 12px !important;
  }

  .digitalmessagebanner .keep-bullets #applinks a.mdBtnR {
    margin-left: 0 !important;
  }
}

/* ------- Speaker modal: See all sessions link ------- */
.tile-details-modal .mdBtnR-add-a-thing .mdBtnR-text,
.rf-speaker-modal .see-all-sessions-btn .mdBtnR-text {
  font-size: 16px;
}

/* ------- AU 2026 hero: small screens ------- */
@media (max-width: 767px) {
  body .au26-hero {
    height: auto;
    min-height: 560px;
    max-height: none;
  }

  body .au26-hero-inner {
    height: auto;
    min-height: 560px;
    padding: 130px 20px 48px;
  }

  body .au26-hero-content {
    min-height: 0;
    padding-bottom: 0;
  }

  body .au26-content-stack {
    padding-top: 0;
  }
}

/* ------- AU for Small Business band: hold the subject in the right third ------- */
/* Cover sizes the artwork to exactly the band width, leaving no room to move the
   crop horizontally. Widening it to 150% creates that room, and the 15% offset
   places the seated figure between 68% and 86% across the band at every width
   from 800 up. The 15% vertical offset scales with the artwork, so the head stays
   clear of the bottom edge as the band widens. Below 800 the card fills the band,
   so the crop is left alone. */
@media (min-width: 800px) {
  [style*="adskArtisan_1785884996100001YFRl"] {
    background-size: 150% auto !important;
    background-position: 15% 15% !important;
  }
}

/* Below 800 the card covers the band, so the crop is set purely so the artwork
   reads correctly before the card animates in. Two ranges are needed because the
   head takes up more of the frame as the band narrows: a single offset either
   sits her too far left on tablets or runs her off the right edge on phones. */
@media (min-width: 560px) and (max-width: 799px) {
  [style*="adskArtisan_1785884996100001YFRl"] {
    background-position: 32% top !important;
  }
}

@media (max-width: 559px) {
  [style*="adskArtisan_1785884996100001YFRl"] {
    background-position: 50% top !important;
  }
}


/* ------- AIA continuing education credits ------- */
.au26-aia .au26-aia-card img {
  width: 38.1% !important;
  max-width: 202px !important;
}

@media (max-width: 767px) {
  .au26-aia .au26-aia-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
}

/* ------- AU 2026 Digital Quest ------- */
@media (max-width: 767px) {
  .au26-quest .au26-quest-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
}


/* ------- AIA and Digital Quest: stacked layout ------- */
/* The text column sizes to its content once the section stacks, instead of keeping its desktop height */
@media (max-width: 1200px) {
  .au26-aia .au26-aia-copy,
  .au26-quest .au26-quest-copy {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}


/* ------- Live from the Innovators Stage ------- */
/* Keeps the speaker fully in frame at every screen width */
.flex-box-section-full.hero-banner[style*="highlights_1785959594811001Cr65"] {
  background-position: 78% 0% !important;
}

/* ------- Sponsor panel, top-align content and size the panels to fit it ------- */
.digital_cards-section .element-container:has(.rounded-corners-section) > div,
.digital_cards-section .flex-box-child:has(.rounded-corners-section) > div,
.digital_cards-section .rf-fade-up:has(.rounded-corners-section),
.digital_cards-section .centered-card:has(> .rounded-corners-section) {
  height: 100% !important;
  min-height: 0 !important;
}
.digital_cards-section .centered-card > .rounded-corners-section {
  justify-content: flex-start !important;
  height: 100% !important;
  min-height: 494px !important;
}

/* ------- Sponsor panel, stack the two panels below 990px ------- */
@media (max-width: 990px) {
  .digital_cards-section .flex-box-section:has(.rounded-corners-section) {
    flex-wrap: wrap !important;
  }
  .digital_cards-section .flex-box-section:has(.rounded-corners-section) > .flex-box-child {
    flex-basis: 100% !important;
  }
}

/* ------- Sponsor panel: keep both cards inside the blue band ------- */
/* The band sizes to the cards, with 150px of blue above and below them on desktop and 100px once the cards stack */
.flex-box-section-full.digital_cards-section:has(.rounded-corners-section) {
  height: auto !important;
  min-height: 0 !important;
  padding: 150px 0 !important;
}
@media (max-width: 990px) {
  .flex-box-section-full.digital_cards-section:has(.rounded-corners-section) {
    padding: 100px 0 !important;
  }
}

/* ------- AU for Small Business band: hold the two figures in the right third ------- */
/* The photograph is scaled to 125% of the band width and anchored to the left edge,
   which lands both figures between the two-thirds line and the right edge at every
   screen size, with the black card clear of them on the left. */
.flex-box-section-full.hero-banner[style*="SmallBusiness_1786531869055001PmSr"] {
  background-size: 115% auto !important;
  background-position: 15% 39% !important;
}

/* Below 1300px the photograph fills the band and is pulled right, so the figures stay
   against the right-hand edge as the band narrows. */
@media (max-width: 1299px) {
  .flex-box-section-full.hero-banner[style*="SmallBusiness_1786531869055001PmSr"] {
    background-size: cover !important;
    background-position: right -311px center !important;
  }
}

/* ------- Day 1 Keynote card: speaker photo to match the design ------- */
/* The photo panel is set to 27.1% of the card width and sits 46px right of the copy,
   with the name block held against the card edge, as laid out in the design. */
@media (min-width: 1301px) {
  .au26-fc .au26-fc-card { padding-right: 3.262% !important; }
  .au26-fc .au26-fc-copy { flex: 0 0 49.82% !important; }
  .au26-fc .au26-fc-photo-wrap { flex: 0 0 28.467% !important; margin-left: 4.562% !important; margin-left: 3.489% !important; align-self: center !important; margin-top: 101px !important; }
  .au26-fc .au26-fc-photo-wrap img { width: 126.166% !important; margin: -24.091% 0 -15.547% -13.731% !important; }
  .au26-fc .au26-fc-meta { flex: 0 0 13.652% !important; margin-left: 3.489% !important; }
}

/* The heading keeps to one line at full width, running into the gap beside the photo
   the way the design draws it. */
@media (min-width: 1470px) {
  .au26-fc .au26-fc-title { white-space: nowrap !important; }
}

/* Between 1470px and 1530px the heading needs the full column, so it wraps to two lines
   rather than running across the photo. */
@media (min-width: 1470px) and (max-width: 1529px) {
  .au26-fc .au26-fc-title { white-space: normal !important; }
}


/* ------- Digital page: hide the Travel Guide nav item ------- */
/* The item carries no class of its own, so it is matched by the page it links to. */
body[class*="-page-digital"] .navbar-nav li:has(> a[href$="/page/travel"]) {
  display: none;
}

/* ------- Digital page video player ------- */
/* Centres the play button on the poster and gives it the rounded rectangle shape */
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-big-play-button {
  top: 50% !important;
  left: 50% !important;
  width: 3em !important;
  height: 2em !important;
  margin: -1em 0 0 -1.5em !important;
  font-size: 3.5em !important;
  line-height: calc(2em - 4px) !important;
  border-radius: 21px !important;
}
/* Keeps the control bar at its standard height so the icons and captions button sit on one line */
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-control-bar {
  height: 3em !important;
}
/* Shows the current time and duration next to the play button */
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-current-time,
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-duration {
  display: flex !important;
}
/* Runs the time scrubber across the full width of the player, sitting above the control bar and growing upwards on hover */
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-progress-control {
  position: absolute !important;
}
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-progress-control .vjs-progress-holder {
  margin: 0 !important;
}
/* Keeps the quality, captions and fullscreen buttons grouped at the right-hand end of the bar */
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-quality-menu-wrapper {
  margin-left: auto !important;
}
.rf-brightcove-player .video-js.bc-player-Y3h26biaG_default .vjs-fullscreen-control {
  margin-left: 0 !important;
}
/* ------- State of Design & Make report image: no border ------- */
body[class*="-page-digital"] .au26-quest .au26-quest-media img {
  border: 0 !important;
}

/* ------- Session tile action buttons: icon follows the button text colour ------- */
/* The status icon inside Enrol / Enrolled buttons takes the same colour as the label, so it stays visible on both dark and light cards */
.rf-tile .mdBtnR.session-main-action .rfSI svg {
  fill: currentColor !important;
}

/* ------- Modals: dark text on the white panel ------- */
/* Covers every pop-up on the page (schedule conflict, remove session, speaker) so body copy reads on the white background */
.rf-default-modal .modal-content .modal-body,
.rf-default-modal .modal-content .modal-body p {
  color: #212121;
}

/* ------------------------------------------------------------------
   AU 2027 Las Vegas panel: keep the Eiffel Tower in frame at every width
   Added 10 Sep 2026.

   Apply BOTH classes to that section in the page builder:
     bg-focal-right card-to-bottom-mobile

   1. Below ~1200px the photo is scaled to fill the section's 800px
      height, so only the sides are cropped. The tower sits at x 64.9%
      to 71.9% of the photo, so a 72% focal point keeps it in frame all
      the way down to 320px. Above ~1200px there is no horizontal crop,
      so this rule does nothing there (measured: 0px crop at 1440).
      Measured 10 Sep 2026 against 367f8aa...K2Ii.jpg, 3864 x 2577.
      Re-derive the percentage if the photo is ever replaced.

   2. At 768px and below the card stacks to full width and centres over
      the skyline, covering the tower. Dropping the card to the bottom
      puts the skyline above it. 768px is where this grid stacks:
      stacked at 768, two columns at 769.
   ------------------------------------------------------------------ */
.bg-focal-right {
  background-position: 72% center !important;
}

@media (max-width: 768px) {
  .card-to-bottom-mobile {
    align-items: flex-end !important;
    padding-bottom: 36px !important;
  }
}

/* ------- Hot topics on-demand: Watch on-demand button icon ------- */
/* The video icon on the black Watch on-demand buttons shows white,
   matching the button label. */
.upcoming-sessions-section .session-main-action .rfSI {
  color: #fff;
  fill: #fff;
}

/* ------- Hot topics on-demand: View All link ------- */
/* The View All link in the panel header shows white on the dark
   background, with the underline turning blue on hover and focus. */
.upcoming-sessions-section .targeted-agenda-action.mdBtnR-link,
.upcoming-sessions-section .targeted-agenda-action.mdBtnR-link .mdBtnR-text {
  color: #fff;
}
.upcoming-sessions-section .targeted-agenda-action.mdBtnR-link:hover,
.upcoming-sessions-section .targeted-agenda-action.mdBtnR-link:focus,
.upcoming-sessions-section .targeted-agenda-action.mdBtnR-link:hover .mdBtnR-text,
.upcoming-sessions-section .targeted-agenda-action.mdBtnR-link:focus .mdBtnR-text {
  color: #fff;
  text-decoration-color: #1D91D0;
}