/* Cannadreams kiosk start screen
   Loaded from AIQ Head Code. AIQ has no background-image setting and no control
   over the start-screen layout, so both are done here.
   The app renders: H2 headline, Custom Image logo, Tap to Start button, in that
   DOM order, inside [data-testid="kiosk-start-fullscreen"].
   Positions are in vh so they hold on any screen height. */

[data-testid="kiosk-start-fullscreen"]{
  background-image:url("https://cannadreams.nyc/images/kiosk/welcome-bg-v2.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* let the two wrappers fill the screen so children can be placed absolutely */
[data-testid="kiosk-start-fullscreen"]>div,
[data-testid="kiosk-start-fullscreen"]>div>div{
  position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:100%!important;max-width:none!important;height:100%!important;
  display:block!important;margin:0!important;padding:0!important;
}

/* logo, moved above the headline */
[data-testid="kiosk-start-fullscreen"]>div>div>div:nth-of-type(1){
  position:absolute!important;top:13.5vh!important;left:0!important;right:0!important;
  width:100%!important;height:auto!important;
}
[data-testid="kiosk-start-fullscreen"]>div>div>div:nth-of-type(1) img{
  height:36vh!important;width:auto!important;max-width:none!important;
}

/* headline */
[data-testid="kiosk-start-fullscreen"]>div>div>h2{
  position:absolute!important;top:59.5vh!important;left:0!important;right:0!important;width:100%!important;
  font-family:'Anton',Impact,sans-serif!important;font-size:7.2vh!important;line-height:1!important;
  letter-spacing:.005em!important;text-transform:uppercase!important;margin:0!important;
  background:linear-gradient(180deg,#ffffff 0%,#8fe1ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  filter:drop-shadow(0 6px 22px rgba(0,0,0,.45));
}

/* button, kept clear of the delivery line baked into the background */
[data-testid="kiosk-start-fullscreen"]>div>div>div:nth-of-type(2){
  position:absolute!important;top:74vh!important;left:0!important;right:0!important;
  width:100%!important;height:auto!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:flex-start!important;justify-content:center!important;
}
[data-testid="kiosk-start-fullscreen"]>div>div>div:nth-of-type(2)>*{margin:0!important;padding:0!important;}
[data-testid="kiosk-start-fullscreen"] button{
  height:8.6vh!important;min-height:8.6vh!important;width:auto!important;
  padding:0 6.5vh!important;border-radius:999px!important;
}
[data-testid="kiosk-start-fullscreen"] button *{
  font-size:3.05vh!important;font-weight:800!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;
}