/*
 * Business Masterclass Series. Site-wide invitation card.
 * Sept. 11, 2026. The card follows sixdimensionsofsuccess.com, ruled the standard
 * by Rich Turner that day: a white card with a hairline border, navy headings,
 * ink copy, and a gold button with a navy label. Gold never carries text on white.
 * Every text element sets its own font, color, and margin so no theme rule
 * reaches in. Elementor popups sit at z-index 9999 and stay above this card.
 */
.rit-invite{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9900;
  width:328px;
  max-width:calc(100vw - 48px);
  box-sizing:border-box;
  background:#FFFFFF;
  border:1px solid #E3E7EF;
  border-radius:8px;
  box-shadow:0 24px 48px -20px rgba(23,53,107,.45);
  overflow:hidden;
  /* A landscape phone is shorter than the card. Without this the top of the card,
     and the dismiss button on it, sit above the viewport with no way to scroll. */
  max-height:calc(100vh - 24px);
  /* dvh follows the mobile browser's chrome as it hides and shows; a browser that
     does not know the unit keeps the vh line above. */
  max-height:calc(100dvh - 24px);
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px);
  transition:opacity .5s ease, transform .5s ease, visibility 0s .5s;
  pointer-events:none;
  font-family:Rubik,Calibri,Arial,sans-serif;
  color:#2D2D2D;
  text-align:left;
}
.rit-invite *{box-sizing:border-box}
.rit-invite.is-shown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition:opacity .5s ease, transform .5s ease, visibility 0s;
  pointer-events:auto;
}
@media (max-width:600px){
  .rit-invite{right:12px;left:12px;bottom:12px;width:auto;max-width:none}
}

/* The standard's cards carry no texture. The element stays in the markup the
   script builds and paints nothing. */
.rit-invite__texture{display:none;animation:none}

.rit-invite__body{position:relative;padding:20px 20px 18px}

.rit-invite__dismiss{
  position:absolute;
  top:12px;
  right:12px;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#666666;
  font:15px/1 Inter,Calibri,Arial,sans-serif;
  cursor:pointer;
}
.rit-invite__dismiss:hover{background:#F4F6F9;color:#17356B}
.rit-invite__dismiss:focus-visible{background:#F4F6F9;color:#17356B;
  outline:2px solid #17356B;outline-offset:2px}

.rit-invite__kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding-right:20px;
  font:600 11px/1.3 Inter,Calibri,Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#17356B;
}
.rit-invite__kicker::before{content:"";width:18px;height:3px;background:#17356B;flex:0 0 auto}

.rit-invite__badge{
  display:inline-block;
  margin:0 0 12px;
  padding:3px 8px;
  border-radius:3px;
  background:#17356B;
  color:#FFFFFF;
  font:700 10.5px/1.4 Inter,Calibri,Arial,sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.rit-invite__badge--quiet{background:#F4F6F9;color:#17356B}

.rit-invite__title{
  margin:0 0 10px;
  font:700 19px/1.25 Inter,Calibri,Arial,sans-serif;
  color:#17356B;
}

.rit-invite__line,
.rit-invite__tagline{
  margin:0 0 8px;
  font:400 13.5px/1.6 Rubik,Calibri,Arial,sans-serif;
  color:#2D2D2D;
}
.rit-invite__tagline{margin-bottom:16px}

.rit-invite__clock-label{
  margin:0 0 7px;
  font:600 10px/1.3 Inter,Calibri,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#666666;
}
.rit-invite__clock{display:flex;gap:6px;margin:0 0 16px;font-variant-numeric:tabular-nums}
.rit-invite__cell{
  flex:1;
  padding:7px 4px 6px;
  border:1px solid #E3E7EF;
  border-radius:4px;
  background:#F4F6F9;
  text-align:center;
}
.rit-invite__cell b{
  display:block;
  font:700 17px/1.2 Inter,Calibri,Arial,sans-serif;
  color:#17356B;
}
.rit-invite__cell span{
  display:block;
  margin-top:2px;
  font:400 9.5px/1.2 Rubik,Calibri,Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#666666;
}

.rit-invite__cta,
.rit-invite__cta:link,
.rit-invite__cta:visited{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0 0 12px;
  padding:0 14px;
  height:48px;
  border-radius:0;
  background:#F1B91B;
  color:#17356B;
  font:600 14px/1.3 Inter,Calibri,Arial,sans-serif;
  text-decoration:none;
}
.rit-invite__cta:hover,
.rit-invite__cta:focus-visible{background:#F1B91B;color:#17356B;text-decoration:none;box-shadow:0 6px 18px rgba(23,53,107,.35)}

.rit-invite__fine{
  margin:0;
  font:400 11.5px/1.5 Rubik,Calibri,Arial,sans-serif;
  color:#666666;
  text-align:center;
}
.rit-invite__fine + .rit-invite__fine{margin-top:4px}

@media (prefers-reduced-motion:reduce){
  .rit-invite{transition:none}
}