/* Tune-Up Tour - MOBILE ONLY
   iPhone Safari hard vertical-position fix.
*/
@media (max-width:800px){

  html,body{
    width:100%;
    min-height:100%;
    margin:0;
    overflow:auto;
    background:#050505;
  }

  body{overflow:auto}
  .hero{display:none!important}

  .mobileHero{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:832/1664!important;
    padding:0!important;
    overflow:hidden!important;
    background:url('tuneup-mobile-final.jpg') center top/100% 100% no-repeat!important;
  }

  .mobileShade,.mobileTop,.mobileKicker,.mobileMain h2,.mobileCities,
  .mobileComing,.mobilePositions,.mobileSeal,.mobileFooter{
    display:none!important;
  }

  .mobileMain{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
  }

  #mobileQuickForm.mobileLead{
    position:absolute!important;
    left:5.05%!important;
    top:57.25%!important;
    width:89.9%!important;
    height:5.70%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    overflow:hidden!important;
    z-index:10!important;
  }

  /*
   Safari is ignoring the expected text baseline behavior inside these
   native controls. Instead of asking Safari to vertically center the
   baseline, move the transparent live controls themselves downward
   inside the artwork box.
  */
  #mobileQuickForm #mobileEmail{
    box-sizing:border-box!important;
    position:relative!important;
    top:22px!important;
    flex:0 0 68%!important;
    width:68%!important;
    min-width:0!important;
    height:calc(100% - 22px)!important;
    margin:0!important;
    padding:0 8px 0 14px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    color:#fff!important;
    caret-color:#fff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:normal!important;
    letter-spacing:0!important;
    text-align:left!important;
  }

  #mobileQuickForm #mobileEmail::placeholder{
    color:#aaa!important;
    opacity:1!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:normal!important;
    letter-spacing:0!important;
  }

  #mobileQuickForm button[type="submit"]{
    box-sizing:border-box!important;
    position:relative!important;
    top:22px!important;
    flex:0 0 32%!important;
    width:32%!important;
    min-width:0!important;
    height:calc(100% - 22px)!important;
    margin:0!important;
    padding:0 3px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    color:#090909!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:normal!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }

  .grid{grid-template-columns:1fr}
  .full,.consent-block{grid-column:auto}
  .panel{width:100%;max-height:94svh;padding:20px}
  .modal{padding:10px}


  /* MOBILE SOCIAL LINKS - clickable overlay for existing HTML anchors */
  .mobileSocialLinks{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    z-index:9999!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }

  .mobileSocialLinks .socialHit{
    position:absolute!important;
    top:84.9%!important;
    height:7.2%!important;
    display:block!important;
    background:transparent!important;
    text-decoration:none!important;
    pointer-events:auto!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }

  .mobileSocialLinks .instagram{
    left:2.7%!important;
    width:9.5%!important;
  }

  .mobileSocialLinks .x{
    left:11.3%!important;
    width:10.0%!important;
  }

  .mobileSocialLinks .facebook{
    left:20.0%!important;
    width:10.0%!important;
  }

}