/* Pit Garage — password gate */
@import url('https://fonts.googleapis.com/css?family=Saira:400,600,700,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,600&display=swap');
html, body{ min-height:100%; } html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html body, html body.private{ margin:0 !important; background-color:#1b3b7d !important; background-image:linear-gradient(135deg, rgba(205,215,235,.30) 0%, rgba(120,145,195,.08) 38%, rgba(0,0,0,0) 55%, rgba(4,12,40,.62) 100%), url("https://d3m889aznlr23d.cloudfront.net/img/events/id/459/459486023/assets/e93b57d76b5db523a27577a25e1b73d5.brick-tile.jpg") !important; background-size:auto, 660px 660px !important; background-repeat:no-repeat, repeat !important; background-position:center top !important; background-attachment:fixed !important; font-family:"Saira","Arial Black",sans-serif !important; }
.private-content{ position:relative !important; top:0 !important; left:0 !important; transform:none !important; width:480px !important; max-width:92vw !important; margin:9vh auto 6vh !important; padding:46px 40px 40px !important; box-sizing:border-box !important; background:#f4f6fb !important; border-radius:14px !important; box-shadow:inset 0 0 0 3px #0b1f4d, inset 0 0 0 9px #f4f6fb, 0 40px 90px rgba(4,12,40,.6) !important; color:#0b1f4d !important; text-align:center !important; }
.private-content::before{ content:""; display:block; width:260px; height:55px; margin:0 auto 22px; background:url("https://d3m889aznlr23d.cloudfront.net/img/events/id/459/459478641/assets/48ebe8eb762d1bb8f8a3b7c2837468de.PBS_Black_marks.png") center/contain no-repeat; }
.private-content h1{ position:static !important; height:auto !important; overflow:visible !important; margin:0 0 22px !important; padding:18px 0 16px !important; border-top:2px solid #0b1f4d; border-bottom:2px solid #0b1f4d; font-family:"Saira","Arial Black",sans-serif !important; font-weight:900 !important; font-style:italic !important; font-size:30px !important; line-height:1 !important; letter-spacing:.01em !important; text-transform:uppercase !important; color:#0b1f4d !important; text-align:center !important; }
.private-content h1::before{ content:"NO. 040 · PIT PASS REQUIRED"; display:block; font-family:"IBM Plex Mono","Courier New",monospace; font-weight:600; font-style:normal; font-size:11px; letter-spacing:.24em; color:#8e2d6a; margin-bottom:12px; }
.private-content h1 small{ position:static !important; display:block !important; margin:12px 0 0 !important; font-family:"IBM Plex Mono","Courier New",monospace !important; font-weight:500 !important; font-style:normal !important; font-size:12px !important; letter-spacing:.14em !important; line-height:1.5 !important; text-transform:uppercase !important; color:#4b5a7a !important; }
#access-code-form label, .private-content label{ font-family:"IBM Plex Mono","Courier New",monospace !important; font-weight:600 !important; font-size:12px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#0b1f4d !important; }
#access-code-input, .private-content input[type=text], .private-content input[type=password]{ width:100% !important; box-sizing:border-box !important; background:#ffffff !important; border:2px solid #0b1f4d !important; border-radius:6px !important; color:#0b1f4d !important; font-family:"IBM Plex Mono","Courier New",monospace !important; font-size:18px !important; letter-spacing:.14em !important; text-align:center !important; padding:14px 16px !important; box-shadow:none !important; }
#access-code-input:focus{ border-color:#8e2d6a !important; outline:none !important; box-shadow:0 0 0 3px rgba(142,45,106,.18) !important; }
#access-code-form .form-submit, .private-content button[type=submit], .private-content input[type=submit]{ width:100% !important; margin-top:14px !important; padding:18px 20px !important; border:0 !important; border-radius:8px !important; background:#0b1f4d !important; color:#f4f6fb !important; box-shadow:inset 0 0 0 2px #f4f6fb, inset 0 0 0 5px #0b1f4d !important; font-family:"Saira","Arial Black",sans-serif !important; font-weight:900 !important; font-style:italic !important; font-size:18px !important; letter-spacing:.12em !important; text-transform:uppercase !important; cursor:pointer; transition:background-color .15s ease; }
#access-code-form .form-submit:hover, .private-content button[type=submit]:hover{ background:#8e2d6a !important; box-shadow:inset 0 0 0 2px #f4f6fb, inset 0 0 0 5px #8e2d6a !important; }
#access-code-error, .private-content .error{ font-family:"IBM Plex Mono","Courier New",monospace !important; font-size:12px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#b3261e !important; margin-top:12px !important; }
.private-content::after{ content:"US GRAND PRIX WEEK · AUSTIN, TX · OCT 20"; display:block; margin-top:26px; font-family:"IBM Plex Mono","Courier New",monospace; font-weight:500; font-size:10.5px; letter-spacing:.22em; text-transform:uppercase; color:#4b5a7a; }
#sendANote{ display:none !important; }
@media (max-width:600px){ .private-content{ padding:36px 22px 30px !important; margin:6vh auto !important; } .private-content h1::before{ font-size:9.5px !important; letter-spacing:.14em !important; } .private-content::after{ font-size:8.5px !important; letter-spacing:.1em !important; white-space:nowrap; } #access-code-input{ font-size:16px !important; } .private-content h1{ font-size:24px !important; } .private-content::before{ width:210px; height:44px; } html body, html body.private{ background-size:auto, 440px 440px !important; background-attachment:scroll !important; } }

@media (max-width:359px){ .private-content::after{ font-size:7.4px !important; letter-spacing:.04em !important; } .private-content h1{ font-size:21px !important; } }
@media (hover:none){ #access-code-form .form-submit:hover{ background:#0b1f4d !important; box-shadow:inset 0 0 0 2px #f4f6fb, inset 0 0 0 5px #0b1f4d !important; } }