/* IRIS console: v1.4.1 fix.
   1. Restores the console's text colors. The hero rule
      ".v4-hero .v4-hero-in p { color: #FFFFFF }" was turning the text inside the white card white.
   2. Makes the card compact: narrower, tighter spacing, one line per job. */

/* Colors: more specific than .v4-hero .v4-hero-in p */
.v4-hero .v4-hero-in .m-console p.m-console-k { color: var(--itb-teal, #0E7F91); }
.v4-hero .v4-hero-in .m-console p.m-console-h { color: var(--itb-navy, #0F2342); }
.v4-hero .v4-hero-in .m-console p.m-console-s { color: #56657D; }
.v4-hero .v4-hero-in .m-console .m-console-iris p,
.v4-hero .v4-hero-in .m-console .m-console-iris strong { color: #fff; }
.v4-hero .v4-hero-in .m-console .m-console-iris p span { color: rgba(255,255,255,.65); }

/* Size */
.v4-hero .m-console { width: 100%; max-width: 440px; justify-self: end; border-radius: 16px; }
.v4-hero .m-console-iris { padding: 10px 20px; gap: 10px; }
.v4-hero .m-console-iris img { width: 40px; height: 40px; }
.v4-hero .m-console-iris strong { font-size: 15px; }
.v4-hero .m-console-part { padding: 16px 20px; }
.v4-hero .m-console-k { font-size: 11px; margin: 0 0 6px; }
.v4-hero .m-console-h { font-size: 18px; line-height: 1.25; margin: 0 0 10px; }
.v4-hero .m-console .hero-iris-form { margin: 0 0 8px !important; gap: 8px !important; }
.v4-hero .m-console .hero-iris-form input { padding: 11px 14px !important; font-size: 14.5px !important; }
.v4-hero .m-console .hero-iris-form button { padding: 11px 18px !important; font-size: 14.5px !important; }
.v4-hero .m-console-s { font-size: 12.5px; line-height: 1.5; }
.v4-hero .m-console-btn { padding: 12px 16px !important; font-size: 15px !important; margin: 0 0 8px !important; }

@media (max-width: 900px) {
  .v4-hero .m-console { max-width: none; justify-self: stretch; }
}

/* Sit the card level with the headline instead of centering it low in the hero */
@media (min-width: 901px) {
  .v4-hero .v4-hero-grid { align-items: start; }
  .v4-hero .m-console { margin-top: 6px; }
}

/* The floating IRIS pill steps aside while the console is on screen (class set by it-console-fix.js) */
#iris-bubble { transition: opacity .25s ease, transform .25s ease; }
body.it-console-on #iris-bubble { opacity: 0; transform: translateY(12px); pointer-events: none; }