/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap'); 

@font-face {
    font-family: 'Formula1-Regular';
    src: url('/fonts/Formula1-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Formula1-Wide';
    src: url('/fonts/Formula1-Wide.ttf') format('truetype');
}

@font-face {
    font-family: 'Formula1-Black';
    src: url('/fonts/Formula1-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Formula1-Bold';
    src: url('/fonts/Formula1-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'NeuePowerTrial';
  src: url('/fonts/NeuePowerTrial-BoldOblique.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NeuePowerTrial-BoldOblique.woff2') format('woff2'), /* Modern Browsers */
       url('/fonts/NeuePowerTrial-BoldOblique.otf') format("opentype");
           font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'NeuePowerTrialHeavy';
  src: url('/fonts/NeuePowerTrial-HeavyOblique.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NeuePowerTrial-HeavyOblique.woff2') format('woff2'), /* Modern Browsers */
       url('/fonts/NeuePowerTrial-HeavyOblique.otf') format('opentype');
           font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'NeuePowerTrialMed';
  src: url('/fonts/NeuePowerTrial-MediumOblique.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NeuePowerTrial-MediumOblique.woff2') format('woff2'), /* Modern Browsers */
       url('/fonts/NeuePowerTrial-MediumOblique.otf') format('opentype');
           font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 768px) {
  .container {
    width: 90%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-family: 'degular-display', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
 }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 768px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

.f1bold {
  font-family: 'Formula1-Bold';
}

.f1black {
  font-family: 'Formula1-Black';
}

.f1wide {
  font-family: 'Formula1-Wide';
}

.f1reg {
  font-family: 'Formula1-Regular';
}

.heavy {
  font-family: 'NeuePowerTrialHeavy';
}

p {
  margin-top: 0; }

.medium {
  font-weight: 500;
}

.semi-bold {
  font-weight: 600;
}

.allcaps {
  text-transform: uppercase;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,

ul,
ol,
form {
  margin-bottom: 2.5rem; }

p {
  margin: 0;
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

.resize {
  width: 100%;
  height: auto;
}

.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

@media (max-width: 768px) {
  .flex-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
  
.bottom-hover:hover {
  border-bottom: 1px solid #ababab;
}

.main-padding {
  padding: 35px 0;
}

.mobile-hide {
  display: inherit;
}

.desk-hide {
  display: none;
}

@media (max-width: 768px) {
  .mobile-hide {
    display: none;
  }
  
  .desk-hide {
    display: block;
  }
  
  .schedule > div {
    display: none;
  }
}

.round-red-border {
  padding: 5px 5px 5px 0;
  border-top: 5px solid #e10600;
  border-right: 5px solid #e10600;
  border-bottom: 5px solid #e10600;
  border-radius: 0 26px 26px 0;
  margin-bottom: 15px;
  overflow: auto;
}

.round-green-border {
  padding: 5px 5px 5px 0;
  border-top: 5px solid #1eb101;
  border-right: 5px solid #1eb101;
  border-bottom: 5px solid #1eb101;
  border-radius: 0 26px 26px 0;
  margin-bottom: 15px;
  overflow: auto;
}

.round-red-border.constructors {
  border-top: 5px solid #15151e;
  border-right: 5px solid #15151e;
  border-bottom: 5px solid #15151e;
}



.flex-between-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.center {
  text-align: center;
}

.flex-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.flex-start {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.center.red > .flex-start {
    align-items: center;
}

.flex-end {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.light-grey-bg {
  background-color: #efefef;
}

.classic-white-bg {
  background-color: #F4EFE7;
}

.offwhite-bg {
  background-color: #FAFAFA;
}

.green-bg {
  background-color: #004225;
  color: #ffffff;
}

.black-bg {
  background-color: #000000;
}

.white {
  color: #ffffff;
}

.red {
  color: #AE1F24;
}

.footer ul {
  list-style: none;
}

.footer ul li a {
  text-decoration: none;
  color: #ffffff;
}

a.link {
  color: #ffffff;
  text-underline-position: under;
  font-size: 2rem;
  text-transform: uppercase;
}

a.link:hover {
  color: #AE1F24;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

.logo {
  width: 40%; 
  min-width: 150px;
  max-width: 250px;
}

.menu-bar {
  width: 60%;
  text-align: right;
}

.menu-bar ul {
  list-style: none;
  margin-bottom: 0;
}

.menu-bar li {
  display: inline-block;
  margin: 0 0 0 15px;
}

.menu-bar a {
  text-decoration: none;
  color: inherit;
}

.dropdown {
  float: right;
  overflow: hidden;
  margin: 0;
}

.dropbtn {
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  padding: 2px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: #000000;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}



* {
  box-sizing: border-box;
}

.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/bahrain-rg.jpg);
  background-position: 67% bottom;
}

.hero-2 {
  position: relative;
  width: 100%;
  height: 100vh;
  padding-bottom: 65.39%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: linear-gradient(340deg, #000000 30%, #ffffff44 100%), url(/images/bahrain-bg.jpg);
  background-position: center;
}

.hero-3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65.39%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/bahrain-2024-d.jpg);
  background-position: center;
}

.hero-4 {
  position: relative;
  width: 100%;
  height: 100vh;
  padding-bottom: 65.39%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/bahrain-2024-tb.jpg);
  background-position: top;
}

.hero-5 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/bahrain-rg.jpg);
  background-position: bottom;
}

.hero-bahgp2024, .hero-bahgp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/bahrain-rg.jpg);
  background-position: bottom;
}

.hero-saugp2024, .hero-saugp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/saudi-arabia-2024.jpg);
  background-position: 13% 100%;
}

.hero-ausgp2024, .hero-ausgp2025, .hero-ausgp2026 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/australia-2024-mob.jpg);
  background-position: 50% 50%;
}

.hero-japgp2024, .hero-japgp2025, .hero-japgp2026 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/japan-2024.jpg);
  background-position: 30% 50%;
}

.hero-chngp2024, .hero-chngp2025, .hero-chngp2026 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/china-2024.jpg);
  background-position: 50% 50%;
}

.hero-miagp2024, .hero-miagp2025 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/miami-2024.jpg);
  background-position: 36% 50%;
}

.hero-itagp2024, .hero-itagp2025 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/italy-2024.jpg);
  background-position: 50% 50%;
}

.hero-mongp2024, .hero-mongp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/monaco-2024.jpg);
  background-position: 27% 50%;
}

.hero-cangp2024, .hero-cangp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/canada-2024.jpg);
  background-position: 22% 50%;
}

.hero-spngp2024, .hero-spngp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/spain-2024.jpg);
  background-position: 50% 50%;
}

.hero-stygp2024, .hero-stygp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/austria-2024.jpg);
  background-position: 50% 50%;
}

.hero-brigp2024, .hero-brigp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/britain-2024.jpg);
  background-position: 50% 50%;
}


.hero-hungp2024, .hero-hungp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/hungary-2024.jpg);
  background-position: 50% 50%;
}

.hero-belgp2024, .hero-belgp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/belgium-2024.jpg);
  background-position: 50% 50%;
}

.hero-netgp2024, .hero-netgp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/netherlands-2024.jpg);
  background-position: 50% 100%;
}


.hero-mzagp2024, .hero-mzagp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/monza-2024.jpg);
  background-position: 50% 100%;
}

.hero-azegp2024, .hero-azegp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/azerbaijan-2024.jpg);
  background-position: 50% 50%;
}

.hero-singp2024, .hero-singp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/singapore-2024.jpg);
  background-position: 100% 100%;
}

.hero-usagp2024, .hero-usagp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/austin-2024.jpg);
  background-position: 100% 100%;
}

.hero-mexgp2024, .hero-mexgp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/mexico-2024.jpg);
  background-position: 100% 100%;
}

.hero-bragp2024, .hero-bragp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/brazil-2024.jpg);
  background-position: 100% 100%;
}

.hero-lasgp2024,.hero-lasgp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/las-vegas-2024.jpg);
  background-position: 50% 86%;
}

.hero-qatgp2024, .hero-qatgp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/qatar-2024.jpg);
  background-position: 50% 50%;
}

.hero-abugp2024, .hero-abugp2025 {
  position: relative;
  width: 100%;
  height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/abu-dhabi-2024.jpg);
  background-position: 50% 100%;
}

.mask-bahgp2024, .mask-bahgp2025 {
  width: auto; 
  height: 80vw; 
  max-height: 100svh;
}

.mask-japgp2024, .mask-japgp2025, .mask-japgp2026 {
  width: auto;
  height: 30vw;
  max-height: 100vh;
  position: absolute;
  top: 13%;
}

.mask-saugp2024, .mask-saugp2025, .mask-miagp2024, .mask-miagp2025, .mask-itagp2024, .mask-itagp2025, .mask-mongp2024, .mask-mongp2025, .mask-stygp2024, .mask-stygp2025, .mask-brigp2024, .mask-brigp2025, .mask-hungp2024, .mask-hungp2025, .mask-belgp2024, .mask-belgp2025, .mask-netgp2024, .mask-netgp2025, .mask-mzagp2024, .mask-mzagp2025, .mask-azegp2024, .mask-azegp2025, .mask-singp2024, .mask-singp2025, .mask-usagp2024, .mask-usagp2025, .mask-mexgp2024, .mask-mexgp2025, .mask-bragp2024, .mask-bragp2025, .mask-lasgp2024, .mask-lasgp2025, .mask-qatgp2024, .mask-qatgp2025, .mask-abugp2024, .mask-abugp2025 {
  display: none;
}

.mask-chngp2024, .mask-chngp2025, .mask-chngp2026 {
  width: auto; 
  height: 80vw; 
  max-height: 100vh;
  position: relative;
  top: 0;
}

.mask-cangp2024, .mask-cangp2025 {
  width: auto; 
  height: 30vw; 
  max-height: 100vh;
  position: absolute;
  top: 10px;
  right: 10px;
}

.car-bahgp2024, .car-bahgp2025 {
  position: absolute;   
  width: 100%;  
  height: 100vh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/bahrain-car.png);  
  background-position: bottom;
}

.car-saugp2024, .car-saugp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/saudi-arabia-car.png);  
  background-position: 13% 100%;
}

.car-miagp2024, .car-miagp2025 {
  position: absolute;   
  width: 100%;  
  height: 100vh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/miami-car.png);  
  background-position: 36% 50%;
}


.car-itagp2024, .car-itagp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/italy-car.png);  
  background-position: 50% 50%;
}

.car-mongp2024, .car-mongp2025 {
  position: absolute;   
  width: 100%;  
  height: 100vh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/monaco-car.png);  
  background-position: 27% 50%;
}

.car-cangp2024, .car-cangp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/canada-car.png);  
  background-position: 22% 50%;
}

.car-spngp2024, .car-spngp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/spain-car.png);  
  background-position: 50% 50%;
}

.car-stygp2024, .car-stygp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/austria-car.png);  
  background-position: 50% 50%;
}

.car-brigp2024, .car-brigp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/britain-car.png);  
  background-position: 50% 50%;
}

.car-hungp2024, .car-hungp2025 {
  position: absolute;   
  width: 100%;  
  height: 100vh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/hungary-car.png);  
  background-position: 50% 50%;
}

.car-belgp2024, .car-belgp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/belgium-car.png);  
  background-position: 50% 50%;
}

.car-netgp2024, .car-netgp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/netherlands-car.png);  
  background-position: 50% 100%;
}

.car-mzagp2024, .car-mzagp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/monza-car.png);  
  background-position: 50% 100%;
}

.car-azegp2024, .car-azegp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/azerbaijan-car.png);  
  background-position: 50% 50%;
}

.car-singp2024, .car-singp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/singapore-car.png);  
  background-position: 100% 100%;
}

.car-usagp2024, .car-usagp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/austin-car.png);  
  background-position: 100% 100%;
}

.car-mexgp2024, .car-mexgp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/mexico-car.png);  
  background-position: 100% 100%;
}

.car-bragp2024, .car-bragp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/brazil-car.png);  
  background-position: 100% 100%;
}

.car-lasgp2024,.car-lasgp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/las-vegas-car.png);  
  background-position: 50% 86%;
}

.car-qatgp2024, .car-qatgp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/qatar-car.png);  
  background-position: 50% 50%;
}

.car-abugp2024, .car-abugp2025 {
  position: absolute;   
  width: 100%;  
  height: 100svh;   
  background-size: cover;   
  background-repeat: no-repeat;   
  background-image: url(/images/abu-dhabi-car.png);  
  background-position: 50% 100%;
}

.grand-prix-name {
  display: flex; 
  flex-direction: row; 
  align-items: center; 
  justify-content: flex-end; 
  position: absolute; 
  width: 100%; 
  height: 100vh; 
  bottom: 0; 
  right: 0;
}

.grand-prix-name.chngp2024, .grand-prix-name.chngp2025, .grand-prix-name.chngp2026 {
  align-items: flex-start; 
}

.grand-prix-name > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 0; 
  right: 55px;
}

.grand-prix-name.bahgp2024 > div, .grand-prix-name.bahgp2025 > div {
  display: flex; 
  align-items: flex-start; 
  flex-direction: column; 
  position: absolute; 
  bottom: 50px; 
  left: 50px;
}

.grand-prix-name.saugp2024 > div, .grand-prix-name.saugp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 8%; 
  right: 5px;
}

.grand-prix-name.japgp2024 > div, .grand-prix-name.japgp2025 > div, .grand-prix-name.japgp2026 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 0; 
  right: 55px;
}

.grand-prix-name.chngp2024 > div, .grand-prix-name.chngp2025 > div, .grand-prix-name.chngp2026 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: row; 
  position: absolute; 
  bottom: 55px; 
  left: 55px;
  right: auto;
}

.grand-prix-name.miagp2024 > div, .grand-prix-name.miagp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 45px; 
  right: 37px;
}

.grand-prix-name.itagp2024 > div, .grand-prix-name.itagp2025 > div {
  display: flex; 
  flex-direction: column;
  align-items: flex-start; 
  position: absolute; 
  bottom: 0; 
  right: 0;
  width: 100%;
}

.grand-prix-name.mongp2024 > div, .grand-prix-name.mongp2025 > div {
  display: flex; 
  flex-direction: column;
  align-items: flex-end; 
  position: absolute; 
  bottom: 0; 
  right: 0;
  width: 100%;
}

.grand-prix-name.spngp2024 > div, .grand-prix-name.spngp2025 > div {
  display: flex; 
  flex-direction: column;
  align-items: flex-start; 
  position: absolute; 
  bottom: 9%; 
  left: 3%;
  right: 5%;
}

.grand-prix-name.brigp2024 > div, .grand-prix-name.brigp2025 > div {
  display: flex; 
  flex-direction: row;
  align-items: flex-end; 
  position: absolute; 
  bottom: 0; 
  right: 5%;
}

.grand-prix-name.hungp2024 > div, .grand-prix-name.hungp2025 > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  right: 55px;
  top: 55%;
  transform: translateY(-50%);
}

.grand-prix-name.belgp2024 > div, .grand-prix-name.belgp2025 > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 9%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.grand-prix-name.netgp2024 > div, .grand-prix-name.netgp2025 > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 2%;
  left: 25px;
  right: auto;
}

.grand-prix-name.mzagp2024 > div, .grand-prix-name.mzagp2025 > div {
  display: flex; 
  align-items: flex-start; 
  flex-direction: column; 
  position: absolute; 
  bottom: 0; 
  left: 55px;
}

.grand-prix-name.azegp2024 > div, .grand-prix-name.azegp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 0; 
  right: 40px;
}

.grand-prix-name.singp2024 > div, .grand-prix-name.singp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 82px; 
  right: 55px;
}

.grand-prix-name.usagp2024 > div, .grand-prix-name.usagp2025 > div  {
  display: flex; 
  align-items: flex-start; 
  flex-direction: column; 
  position: absolute; 
  bottom: 8%; 
  left: 15px;
}

.grand-prix-name.mexgp2024 > div, .grand-prix-name.mexgp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 42%; 
  right: 55px;
}

.grand-prix-name.bragp2024 > div, .grand-prix-name.bragp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 11%; 
  right: 55px;
}

.grand-prix-name.qatgp2024 > div, .grand-prix-name.qatgp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 15%; 
  left: 15px;
  right: unset;
}

.grand-prix-name.abugp2024 > div, .grand-prix-name.abugp2025 > div {
  display: flex; 
  align-items: flex-end; 
  flex-direction: column; 
  position: absolute; 
  bottom: 30px; 
  left: 55px;
  right: unset;
}

.grand-prix-name.japgp2024 h1, .grand-prix-name.japgp2024 h2, .grand-prix-name.japgp2025 h1, .grand-prix-name.japgp2025 h2, .grand-prix-name.japgp2026 h1, .grand-prix-name.japgp2026 h2 {
  text-shadow: -1px 0 #AE1F24, 1px -1px 0 #AE1F24, -1px 1px 0 #AE1F24, 1px 1px 0 #AE1F24
}

.grand-prix-name.miagp2024 h1, .grand-prix-name.miagp2025 h1 {
  font-size: 19.5vw;
  line-height: 0.6;
}

.grand-prix-name.miagp2024 h2, .grand-prix-name.miagp2025 h2 {
  color: #02c1dd;
  font-size: 7vw;
}

.grand-prix-name.itagp2024 h1, .grand-prix-name.itagp2025 h1 {
  font-size: 26vw;
  margin-left: auto;
}

.grand-prix-name.itagp2024 h2, .grand-prix-name.itagp2025 h2 {
  font-size: 10vw;
}

.grand-prix-name.mongp2024 h1, .grand-prix-name.mongp2025 h1 {
  font-size: 18vw;
  margin: 0 auto 0 55px;
  line-height: 0.6;
}

.grand-prix-name.mongp2024 h2, .grand-prix-name.mongp2025 h2 {
  font-size: 4vw;
  margin-right: 55px;
}

.grand-prix-name.cangp2024 h1, .grand-prix-name.cangp2025 h1 {
  font-size: 16vw;
  margin: 0 auto 0 55px;
}

.grand-prix-name.cangp2024 h2, .grand-prix-name.cangp2025 h2 {
  font-size: 4vw;
  margin-right: 55px;
  display: none;
}

.grand-prix-name.spngp2024 h1, .grand-prix-name.spngp2025 h1 {
  font-size: 23vw;
  color: #f7f2ec;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  background: url(/images/spain-flag-long.png) 0 50% / cover no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 93vw;
}

.grand-prix-name.stygp2024 h1, .grand-prix-name.stygp2025 h1 {
  font-size: 14vw;
}

.grand-prix-name.spngp2024 h2, .grand-prix-name.spngp2025 h2 {
  color: #000000;
  margin: auto;
}

.grand-prix-name.brigp2024 h1, .grand-prix-name.brigp2025 h1 {
  font-size: 17vw;
  line-height: 1.5;
}

.grand-prix-name.brigp2024 h2, .grand-prix-name.brigp2025 h2 {
  font-size: 9vw;
}

.grand-prix-name.hungp2024 h1, .grand-prix-name.hungp2025 h1 {
  font-size: 14vw;
}

.grand-prix-name.hungp2024 h2,.grand-prix-name.hungp2025 h2 {
  font-size: 6vw;
}

.grand-prix-name.belgp2024 h1, .grand-prix-name.belgp2025 h1 {
  font-size: 21vw;
  margin-right: 20px;
}

.grand-prix-name.belgp2024 h2, .grand-prix-name.belgp2025 h2 {
  display: none;
}

.grand-prix-name.netgp2024 h1, .grand-prix-name.netgp2025 h1 {
  font-size: 9vw;
}

.grand-prix-name.azegp2024 h1, .grand-prix-name.azegp2025 h1 {
  font-size: 14.5vw;
}

.grand-prix-name.singp2024 h1, .grand-prix-name.singp2025 h1 {
  font-size: 11vw;
}

.grand-prix-name.usagp2024 h1, .grand-prix-name.usagp2025 h1 {
  font-size: 15vw;
}

.grand-prix-name.mexgp2024 h1, .grand-prix-name.mexgp2025 h1 {
  font-size: 12vw;
}

.grand-prix-name.bragp2024 h1, .grand-prix-name.bragp2025 h1 {
  font-size: 14vw;
}

.grand-prix-name.qatgp2024 h1, .grand-prix-name.qatgp2025 h1 {
  font-size: 15vw;
}

.grand-prix-name.netgp2024 h2, .grand-prix-name.netgp2025 h2, .grand-prix-name.mzagp2024 h2, .grand-prix-name.mzagp2025 h2, .grand-prix-name.azegp2024 h2, .grand-prix-name.azegp2025 h2, .grand-prix-name.singp2024 h2, .grand-prix-name.singp2025 h2, .grand-prix-name.usagp2024 h2, .grand-prix-name.usagp2025 h2, .grand-prix-name.mexgp2024 h2, .grand-prix-name.mexgp2025 h2, .grand-prix-name.bragp2024 h2, .grand-prix-name.bragp2025 h2, .grand-prix-name.lasgp2024 h2, .grand-prix-name.lasgp2025 h2, .grand-prix-name.qatgp2024 h2, .grand-prix-name.qatgp2025 h2, .grand-prix-name.abugp2024 h2, .grand-prix-name.abugp2025 h2 {
  display: none;
}

@media screen and (max-width: 768px) {
  .hero-3 {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/images/bahrain-rg.jpg);
    background-position: bottom;
  }

  .hero-itagp2024, .hero-itagp2025 {
    background-image: url(/images/italy-2024-m.jpg);
  }

  .hero-mongp2024, .hero-mongp2025 {
    background-image: url(/images/monaco-2024-m.jpg);
  }  

  .hero-cangp2024, .hero-cangp2025 {
    background-image: url(/images/canada-2024-m.jpg);
  }  

  .hero-spngp2024, .hero-spngp2025 {
    background-image: url(/images/spain-2024-m.jpg);
  }  

  .hero-stygp2024, .hero-stygp2025 {
    background-image: url(/images/austria-2024-m.jpg);
  }  

  .hero-brigp2024, .hero-brigp2025 {
    background-image: url(/images/britain-2024-m.jpg);
    background-position: 0 50%;
  }    

  .hero-hungp2024, .hero-hungp2025 {
    background-image: url(/images/hungary-2024-m.jpg);
    background-position: 0 50%;
  }  
  
  .hero-netgp2024, .hero-netgp2025 {
    background-image: url(/images/netherlands-2024-m.jpg);
    background-position: 0 50%;
  } 
  
  .hero-mzagp2024, .hero-mzagp2025 {
    background-image: url(/images/monza-2024-m.jpg);
    background-position: 0 50%;
  } 

  .hero-azegp2024, .hero-azegp2025 {
    background-image: url(/images/azerbaijan-2024-m.jpg);
    background-position: 50% 50%;
  } 

  .hero-singp2024, .hero-singp2025 {
    background-image: url(/images/singapore-2024-m.jpg);
    background-position: 50% 100%;
  }
  
  .hero-usagp2024, .hero-usagp2025 {
    background-image: url(/images/austin-2024-m.jpg);
    background-position: 50% 50%;
  }

  .hero-mexgp2024, .hero-mexgp2025 {
    background-image: url(/images/mexico-2024-m.jpg);
    background-position: 50% 50%;
  }

  .hero-bragp2024, .hero-bragp2025 {
    background-image: url(/images/brazil-2024-m.jpg);
    background-position: 100% 100%;
  }

  .hero-lasgp2024, .hero-lasgp2025 {
    background-image: url(/images/las-vegas-2024-m.jpg);
    background-position: 50% 80%;
  }

  .hero-qatgp2024, .hero-qatgp2025 {
    background-image: url(/images/qatar-2024-m.jpg);
    background-position: 50% 50%;
  }

  .hero-abugp2024, .hero-abugp2025 {
    background-image: url(/images/abu-dhabi-2024-m.jpg);
    background-position: 50% 50%;
  }

  .grand-prix-name h1 {
    z-index: 5;
  }

  .grand-prix-name.japgp2024 h1, .grand-prix-name.japgp2025 h1, .grand-prix-name.japgp2026 h1 {
    font-size: 20vw;
  }

  .grand-prix-name.japgp2024 h2, .grand-prix-name.japgp2025 h2, .grand-prix-name.japgp2026 h2 {
    font-size: 10vw;
  }

  .grand-prix-name.chngp2024 > div, .grand-prix-name.chngp2025 > div, .grand-prix-name.chngp2026 > div {
    left: 5px;
    right: auto;
  }

  .grand-prix-name.itagp2024 > div, .grand-prix-name.itagp2025 > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 7%;
    right: 0;
    width: 100%;
  }

  .grand-prix-name.spngp2024 > div, .grand-prix-name.spngp2025 > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 2%;
    left: 3%;
    right: 5%;
  }

  .grand-prix-name.stygp2024 > div, .grand-prix-name.stygp2025 > div {
    bottom: -1%;
    right: 0;
  }

  .grand-prix-name.brigp2024 > div,.grand-prix-name.brigp2025 > div {
    flex-direction: column;
    align-items: flex-end;
    bottom: 3%;
    right: 5%;
  }

  .grand-prix-name.hungp2024 > div, .grand-prix-name.hungp2025 > div {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    position: absolute;
    right: 15px;
    bottom: 8px;
    top: auto;
    transform: translateY(0);
  }  

  .grand-prix-name.belgp2024 > div, .grand-prix-name.belgp2025 > div {
    bottom: 17%;
    z-index: 0;
  }  

  .grand-prix-name.mongp2024 > div, .grand-prix-name.mongp2025 > div {
    bottom: 2.2%;
  }

  .grand-prix-name.cangp2024 > div, .grand-prix-name.cangp2025 > div {
    bottom: 2%;
    right: 0;
  }

  .grand-prix-name.netgp2024 > div, .grand-prix-name.netgp2025 > div {
    bottom: 6%;
    left: 5px;
  }

  .grand-prix-name.mzagp2024 > div, .grand-prix-name.mzagp2025 > div {
    display: none;
  }

  .grand-prix-name.azegp2024 > div, .grand-prix-name.azegp2025 > div {
    bottom: 30px;
  }

  .grand-prix-name.singp2024 > div, .grand-prix-name.singp2025 > div {
    bottom: -11px;
    right: 30px;
  }

  .grand-prix-name.mexgp2024 > div, .grand-prix-name.mexgp2025 > div {
    bottom: 5%;
    right: 10px;
  }

  .grand-prix-name.bragp2024 > div, .grand-prix-name.bragp2025 > div {
    bottom: 5%;
    right: 3px;
  }

  .grand-prix-name.lasgp2024 > div, .grand-prix-name.lasgp2025 > div {
    bottom: 5%;
    right: 15px;
  }

  .grand-prix-name.qatgp2024 > div, .grand-prix-name.qatgp2025 > div {
    bottom: 6%;
    left: -3px;
  }

  .grand-prix-name.chngp2024 h1, .grand-prix-name.chngp2025 h1, .grand-prix-name.chngp2026 h1 {
    font-size: 21vw;
  }

  .grand-prix-name.chngp2024 h2, .grand-prix-name.chngp2025 h2, .grand-prix-name.chngp2026 h2 {
    font-size: 10vw;
  }

  .grand-prix-name.itagp2024 h1, .grand-prix-name.itagp2025 h1 {
    font-size: 31vw;
  }

  .grand-prix-name.itagp2024 h2, .grand-prix-name.itagp2025 h2 {
    font-size: 10vw;
    z-index: 15;
    margin: 25% 5% 0 auto;
  }

  .grand-prix-name.mongp2024 h1, .grand-prix-name.mongp2025 h1 {
    font-size: 20vw;
    margin: 0 auto;
    line-height: 0.65;
  }

  .grand-prix-name.mongp2024 h2, .grand-prix-name.mongp2025 h2 {
    font-size: 11vw;
    margin-right: 10px;
  }

  .grand-prix-name.cangp2024 h1, .grand-prix-name.cangp2025 h1 {
    font-size: 20vw;
    margin-right: 25px;
    line-height: 0.65;
  }

  .grand-prix-name.cangp2024 h2, .grand-prix-name.cangp2025 h2 {
    font-size: 11vw;
    margin-right: 25px;
    display: block;
  } 
  
  .grand-prix-name.mexgp2024 h1, .grand-prix-name.mexgp2025 h1 {
    font-size: 23.7vw;
  } 
  
  .grand-prix-name.lasgp2024 h1, .grand-prix-name.lasgp2025 h1 {
    font-size: 20vw;
  } 

  .mask-miagp2024, .mask-miagp2025 {
    width: auto;
    height: 84vw;
    max-height: 100vh;
    position: absolute;
    top: 25px;
    display: block;
    z-index: 55;
  }

  .mask-itagp2024, .mask-itagp2025 {
    width: auto;
    height: 66vw;
    max-height: 100vh;
    position: absolute;
    top: 25px;
    display: block;
    z-index: 55;
  }

  .mask-mongp2024, .mask-mongp2025 {
    width: auto;
    height: 66vw;
    max-height: 100vh;
    position: absolute;
    top: 110px;
    display: block;
    z-index: 55;
  }  

  .mask-cangp2024, .mask-cangp2025 {
    display: none;
  }  

  .grand-prix-name.miagp2024 h1, .grand-prix-name.miagp2025 h1 {
    font-size: 30vw;
    line-height: 0.5;
    color: #FF00FF;
  }
  
  .grand-prix-name.miagp2024 h2, .grand-prix-name.miagp2025 h2 {
    color: #02c1dd;
    font-size: 13vw;
  }

  .grand-prix-name.spngp2024 h1, .grand-prix-name.spngp2025 h1 {
    font-size: 29vw;
    line-height: 0.4;
    color: #ffffff;
    background: none;
    -webkit-text-fill-color: #ffffff;
  }
  
  .grand-prix-name.spngp2024 h2, .grand-prix-name.spngp2025 h2 {
    background: url(/images/spain-flag-long.png) 0 50% / cover no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 0 auto;
    font-size: 15vw;
    
  }

  .grand-prix-name.stygp2024 h1, .grand-prix-name.stygp2025 h1 {
    font-size: 21vw;
  }
  
  .grand-prix-name.stygp2024 h2, .grand-prix-name.stygp2025 h2 {
    font-size: 11vw;
  }

  .grand-prix-name.brigp2024 h1, .grand-prix-name.brigp2025 h1 {
    font-size: 19vw;
    line-height: 1;
  }
  
  .grand-prix-name.brigp2024 h2, .grand-prix-name.brigp2025 h2 {
    font-size: 9vw;
  }

  .grand-prix-name.hungp2024 h1, .grand-prix-name.hungp2025 h1 {
    font-size: 18vw;
    line-height: 0.65;
  }
  
  .grand-prix-name.hungp2024 h2, .grand-prix-name.hungp2025 h2 {
    font-size: 9vw;
  }
  
  .grand-prix-name.netgp2024 h1, .grand-prix-name.netgp2025 h1 {
    font-size: 12.5vw;
  }

  .grand-prix-name.azegp2024 h1, .grand-prix-name.azegp2025 h1 {
    display: none;
  }

  .grand-prix-name.azegp2024 h1.baku, .grand-prix-name.azegp2025 h1.baku {
    display: inline-block;
    font-size: 29vw;
  }

  .grand-prix-name.singp2024 h1, .grand-prix-name.singp2025 h1 {
    font-size: 15vw;
  }

  .grand-prix-name.singp2024 h2, .grand-prix-name.singp2025 h2 {
    font-size: 11vw;
    display: block;
  }

  .grand-prix-name.usagp2024 h1, .grand-prix-name.usagp2025 h1 {
    font-size: 23vw;
  }

  .grand-prix-name.bragp2024 h1, .grand-prix-name.bragp2025 h1 {
    font-size: 26.5vw;
  }

  .grand-prix-name.qatgp2024 h1, .grand-prix-name.qatgp2025 h1 {
    font-size: 27vw;
  }

  .car-itagp2024, .car-itagp2025 {
    background-image: url(/images/italy-car-m.png);
    z-index: 5;
  }

  .car-mongp2024, .car-mongp2025 {
    background-image: url(/images/monaco-car-m.png);
    height: 100svh;
    z-index: 5;
  }

  .car-cangp2024, .car-cangp2025 {
    background-image: url(/images/canada-car-m.png);
    z-index: 5;
  } 
  
  .car-spngp2024, .car-spngp2025 {
    background-image: url(/images/spain-car-m.png);
    height: 100svh;
    z-index: 5;
  } 

  .car-stygp2024, .car-stygp2025 {
    background-image: url(/images/austria-car-m.png);
    height: 100svh;
    z-index: 5;
  } 

  .car-brigp2024, .car-brigp2025 {
    background-image: url(/images/britain-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 0 50%;
  } 

  .car-hungp2024, .car-hungp2025 {
    background-image: url(/images/hungary-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 0 50%;
  } 

  .car-netgp2024, .car-netgp2025 {
    background-image: url(/images/netherlands-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 0 50%;
  } 

  .car-mzagp2024, .car-mzagp2025, .car-mexgp2024, .car-mexgp2025 {
    display: none;
  } 

  .car-azegp2024, .car-azegp2025 {
    background-image: url(/images/azerbaijan-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 50% 50%;
  } 

  .car-singp2024, .car-singp2025 {
    background-image: url(/images/singapore-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 50% 100%;
  } 

  .car-usagp2024, .car-usagp2025 {
    background-image: url(/images/austin-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 50% 50%;
  }
  
  .car-bragp2024, .car-bragp2025 {
    background-image: url(/images/brazil-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 100% 100%;
  }

  .car-lasgp2024, .car-lasgp2025 {
    background-image: url(/images/las-vegas-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 50% 80%;
  }

  .car-qatgp2024, .car-qatgp2025 {
    background-image: url(/images/qatar-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 50% 50%;
  }
  
  .car-abugp2024, .car-abugp2025 {
    background-image: url(/images/abu-dhabi-car-m.png);
    height: 100svh;
    z-index: 5;
    background-position: 50% 50%;
  }

}

.background-image {
  background-image: url(/images/background-image.jpg);
  background-position: 37%;
}

.bahrain-bg-rail {
  background-image: url(/images/bahrain-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.saudi-arabia-bg-rail {
  background-image: url(/images/saudi-arabia-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.australia-bg-rail {
  background-image: url(/images/australia-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.japan-bg-rail {
  background-image: url(/images/japan-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.china-bg-rail {
  background-image: url(/images/china-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.miami-bg-rail {
  background-image: url(/images/miami-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.italy-bg-rail {
  background-image: url(/images/italy-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.monaco-bg-rail {
  background-image: url(/images/monaco-bg-rail.jpg);
  background-position: 50%;
  background-size: cover;
  
}

.canada-bg-rail {
  background-image: url(/images/canada-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.spain-bg-rail {
  background-image: url(/images/spain-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.austria-bg-rail {
  background-image: url(/images/austria-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.britain-bg-rail {
  background-image: url(/images/britain-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.hungary-bg-rail {
  background-image: url(/images/hungary-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.belgium-bg-rail {
  background-image: url(/images/belgium-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.netherlands-bg-rail {
  background-image: url(/images/netherlands-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.monza-bg-rail {
  background-image: url(/images/monza-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.azerbaijan-bg-rail {
  background-image: url(/images/azerbaijan-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.singapore-bg-rail {
  background-image: url(/images/singapore-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.austin-bg-rail {
  background-image: url(/images/austin-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.mexico-bg-rail {
  background-image: url(/images/mexico-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.brazil-bg-rail {
  background-image: url(/images/brazil-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.vegas-bg-rail {
  background-image: url(/images/las-vegas-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.qatar-bg-rail {
  background-image: url(/images/qatar-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.abu-dhabi-bg-rail {
  background-image: url(/images/abu-dhabi-bg-rail.jpg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.bahrain-bg-solid {
  background-image: linear-gradient(151deg, #000000 30%, #ffffff44 100%), url(/images/bahrain-2017.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}



.saudi-arabia-bg-solid {
  background-image: linear-gradient(192deg, #000000 30%, #ffffff44 100%), url(/images/saudi-arabia-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.australia-bg-solid {
  background-image: linear-gradient(192deg, #000000 30%, #ffffff44 100%), url(/images/australia-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.china-bg-solid {
  background-image: linear-gradient(192deg, #000000 30%, #ffffff44 100%), url(/images/china-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.japan-bg-solid {
  background-image: linear-gradient(192deg, #000000 30%, #ffffff44 100%), url(/images/japan-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.miami-bg-solid {
  background-image: linear-gradient(318deg, #000000 30%, #ffffff44 100%), url(/images/miami-bg-solid.jpg);
  background-position: 12%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.italy-bg-solid {
  background-image: linear-gradient(318deg, #000000 30%, #ffffff44 100%), url(/images/italy-bg-solid.jpg);
  background-position: 12%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.monaco-bg-solid {
  background-image: linear-gradient(210deg, #000000 30%, #ffffff44 100%), url(/images/monaco-bg.jpg);
  background-position: 12%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.canada-bg-solid {
  background-image: linear-gradient(210deg, #000000 30%, #ffffff44 100%), url(/images/canada-bg.jpg);
  background-position: 12%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.spain-bg-solid {
  background-image: linear-gradient(41deg, #000000 30%, #ffffff44 100%), url(/images/spain-bg.jpg);
  background-position: 12%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.austria-bg-solid {
  background-image: linear-gradient(41deg, #000000 30%, #ffffff44 100%), url(/images/austria-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.britain-bg-solid {
  background-image: linear-gradient(329deg, #000000 10%, #ffffff0c 100%), url(/images/britain-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.hungary-bg-solid {
  background-image: linear-gradient(151deg, #000000 30%, #ffffff44 100%), url(/images/hungary-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.belgium-bg-solid {
  background-image: linear-gradient(151deg, #000000 30%, #ffffff44 100%), url(/images/belgium-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.netherlands-bg-solid {
  background-image: linear-gradient(208deg, #000000 0%, #ffffff44 100%), url(/images/netherlands-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.monza-bg-solid {
  background-image: linear-gradient(208deg, #000000 0%, #ffffff44 100%), url(/images/monza-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.azerbaijan-bg-solid {
  background-image: linear-gradient(164deg, #000000 0%, #ffffff44 100%), url(/images/azerbaijan-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.singapore-bg-solid {
  background-image: linear-gradient(164deg, #000000 0%, #ffffff44 100%), url(/images/singapore-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.austin-bg-solid {
  background-image: linear-gradient(164deg, #000000 0%, #ffffff44 100%), url(/images/austin-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.mexico-bg-solid {
  background-image: linear-gradient(164deg, #000000 0%, #ffffff44 100%), url(/images/mexico-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.brazil-bg-solid {
  background-image: linear-gradient(57deg, #000000 0%, #ffffff44 100%), url(/images/brazil-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.vegas-bg-solid {
  background-image: linear-gradient(57deg, #000000 0%, #ffffff44 100%), url(/images/las-vegas-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.qatar-bg-solid {
  background-image: linear-gradient(57deg, #000000 0%, #ffffff44 100%), url(/images/qatar-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.abu-dhabi-bg-solid {
  background-image: linear-gradient(203deg, #000000 0%, #ffffff44 100%), url(/images/abu-dhabi-bg-solid.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 250px 0;
}

.grand-prix-name h1 {
  font-family: 'NeuePowerTrialHeavy';
  font-size: 13vw;
  color: #f7f2ec;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}

.grand-prix-name h2 {
  font-family: 'NeuePowerTrialMed';
  font-size: 4vw;
  color: #f7f2ec;
  margin: 0;
  line-height: 1;
  padding-bottom: 21px;  
  z-index: 5;
}

.hero-header:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: rgba(0,0,0,.5);
    pointer-events: none;
}

.hero-header.monaco-hero:before {
    background: none;
}


.hero-header {
  position: relative;
  height: 450px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.hero-header .hero-content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  display: table;
  color: #ffffff;
}

.quali-results-summary, .quali-results-row {
  display: flex;
  flex-direction: row;
}

.quali-results-summary div, .quali-results-row div {
  width: 50px;
}

.quali-results-summary div:nth-child(2), .quali-results-row div:nth-child(2) {
  width: 150px;
}

.results-row div.order, .lineup-row div.order {
  width: 40px;
  text-align: center;  
  background: #efefef;
  color: #000000;
}

.fg-results-row div.order, .fg-lineup-row div.order {
  text-align: left;  
}

.results-row div.team-name, .lineup-row div.team-name {
  width: 150px;
  text-align: left;
  background: #434343;
  color: #ffffff;
  padding-left: 5px;
}

.fg-results-row div.team-name, .fg-lineup-row div.team-name {
  width: 100%;
  text-align: left;
}

.driver-row div, .header-row div {
  width: 25%;
  text-align: center;
}

.driver-row input {
  width: 29px;
  margin: 0;
  text-align: center;
}

.driver-row p, .driver-row h4 {
  margin: 0;
  padding: 5px;
}

.lineup-row div.team-column {
  width: 100px;
}  

.lineup-row div, .results-row div {
  width: 75px;
  text-align: center;
  margin: 1px;
  border-radius: 6px;
}

.fg-lineup-row div, .fg-results-row div {
  text-align: left;
}

.lineup-row div.header, .results-row div.header {
  background: #434343;
  color: #ffffff;
}

.lineup-row input {
  width: 29px;
  margin: 0;
  text-align: center;
  color: #000000;
  height: 20px;
  font-size: 1.4rem;
}


.results-row div.total-column, .lineup-row div.total-column {
  width: 40px;
  text-align: center; 
  background: #004225;
  color: #ffffff;
}

.fg-results-row div.total-column, .fg-lineup-row div.total-column {
  width: 100%;
  text-align: left; 
}

.lineup-row > .f1-team-name {
  width: 100px;
}

.div-prize {
  width: 6.5%;
}

.div-order {
  width: 5.5%;
}

.div-team-name {
  width: 28%;
}

.div-total {
  width: 6.5%;
}

.div-interval {
  width: 6.5%;
}

.div-leader {
  width: 7.5%;
}

.div-principal {
  width: 7.5%;
}

.div-chips {
  width: 12.5%;
}

.starting-grid {
  background: #383838;
  display: inline-block;
  width: 100%;
  padding: 25px 0;
}

.starting-grid-row {
  border-top: 5px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  width: 42%;
  margin: 25px;
  text-align: center;
  box-sizing: border-box;
  color: #ffffff;
  font-family: 'Formula1-Bold';
}

@media (max-width: 768px) {

  .fg-lineup-row div, .fg-results-row div {
    font-size: 12px;

  }

  .results-row div.order, .lineup-row div.order {
    width: 27px;
  }
  
  .results-row div.team-name, .lineup-row div.team-name {
    width: 102px;
  }
  
  .lineup-row div, .results-row div {
    width: 26px;
    font-size: 1rem;
  }
  
  .results-row div.total-column, .lineup-row div.total-column {
    width: 27px;
  }
  
  .lineup-row div.team-column {
    width: 40px;
  }
}

.starting-grid-row:nth-of-type(1) {
  margin-top: 0;
}

.starting-grid-row:nth-of-type(even) {
  float: right;
}

.starting-grid-row:nth-of-type(odd) {
  float: left;
}
  
.schedule {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -5px;
  padding: 5px 0;
}

.schedule > div {
  width: 40px;
  overflow: hidden;
  margin: 2px 10px;
  background: #e10600;
}

.round-num {
  background: #e10600;
  color: #ffffff;
  text-align: center;
  font-family: 'Formula1-Bold';
  margin: 0;
}

.round-details p {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
}

.round-link {
  text-decoration: none;
}

.flag-resize {
  width: 100%;
  height: 24px;
  display: block;
}

.current-week {
  background-color: #ff0000; 
  color: #ffffff;
}

.podium-bg {
  background: url(/images/podium-bg.jpg);
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65.39%;
  background-size: contain;
  background-repeat: no-repeat;
}

.podium-bg img:nth-of-type(1) {
  max-width: 200px;
  position: absolute;
  bottom: 26%;
  left: 50%;
  transform: translate(-50%);
  width: 20%;
}

.podium-bg img:nth-of-type(2) {
  max-width: 200px;
  position: absolute;
  bottom: 14.75%;
  left: 13%;
  width: 20%;
}

.podium-bg img:nth-of-type(3) {
  max-width: 200px;
  position: absolute;
  bottom: 14.75%;
  left: 73%;
  width: 20%;
}

.podium-bg img:nth-of-type(4) {
  max-width: 75px;
  position: absolute;
  bottom: 25%;
  left: 40%;
  width: 2%;
}

.podium-bg div {
  width: 50%;
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translate(-50%);
  background: #026900;
  color: #ffffff;
  max-height: 200px;
  text-align: center;
  height: 30%;
}

#quali-countdown {
  color: #ffffff;
  padding: 5px;
  text-align: center;
  width: 80vw;
  margin: 0 auto;
}

#quali-countdown .heavy {
  font-size: 5vw;
}

.chart-container {
  width: 640px;
  height: auto;
}

.bio-container {
  display: flex;
  flex-wrap: wrap;
}

.bio-container div {
  padding: 4px 0 4px 10px;
  text-align: left;
  width: 50%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.222;
}

.quali-trophy {
  width: 75px;
}

.race-trophy {
  display: flex;
}

.rp-drop {
  display: none;
}

.rp-drop.visible {
  display: block;
}

#md.pick-select {
  display: none;
}

#md.pick-select.visible {
  display: block;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.medium.chips2 {
  width: 150px;
}

.chips div {
  box-sizing: border-box;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  text-align: center;
  width: 30%;
  max-width: 150px;
}

.chips p {
  margin-bottom: 1rem;
}

.chips img {
  display: block;
  width: 50%;
  height: auto;
  margin: 0 auto;
}

.chips div.visible {
  border: 1px solid #1eb101;
}

#divSponsorship > .fa-check, #divconstructorChip > .fa-check, #divLimitless > .fa-check, #divExtra-drs > .fa-check, #divNo-negative > .fa-check, #divFinal-fix > .fa-check, #divAuto-pilot > .fa-check, #divWildcard > .fa-check, #divInvest > .fa-check, #reliability > .fa-check, #team-orders > .fa-check, #reserve-driver > .fa-check {
  display: none;
}

#divconstructorChip.visible > .fa-check, #divSponsorship.visible > .fa-check, #divLimitless.visible > .fa-check, #divExtra-drs.visible > .fa-check, #divNo-negative.visible > .fa-check, #divFinal-fix.visible > .fa-check, #divAuto-pilot.visible > .fa-check, #divWildcard.visible > .fa-check, #divInvest.visible > .fa-check, #reliability.visible > .fa-check, #team-orders.visible > .fa-check, #reserve-driver.visible > .fa-check {
  display: block;
}

.chips div.visible.chipused, .chips div.chipused {
  filter: grayscale(1) opacity(0.2);
  cursor: auto;
  border: 1px solid transparent !important;
}

#constructor-picks {
  display: block;
}

#constructor-picks.visible {
  display: block;
}

.reference {
  position: relative;
}

.reference .reftext {
	visibility: hidden;
  width: 150px;
  background-color: #E5E5E5;
  color: #000000;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 5px;
  text-transform: capitalize;
}

.reference:hover .reftext {
	visibility: visible;
}	

.reference img {
  z-index: 999;
}


/* Principal Stuff
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
.SAN .SAN, .KNO .KNO, .DUC .DUC, .REH .REH, .GIB .GIB, .HUR .HUR, .KEA .KEA, .LAM .LAM, .CHM .CHM, .SUT .SUT, .RAN .RAN, .MAC .MAC, .TIL .TIL, .BAK .BAK, .SUG .SUG, .ZYN .ZYN {
  background: #20703b;
  color: #ffffff;
  border-radius: 6px;
  padding: 5px 0;
}
*/

.SAN .SAN, .KNO .KNO, .DUC .DUC, .REH .REH, .GIB .GIB, .HUR .HUR, .KEA .KEA, .LAM .LAM, .CHM .CHM, .SUT .SUT, .RAN .RAN, .MAC .MAC, .MCL .MCL, .TIL .TIL, .BAK .BAK, .SUG .SUG, .ZYN .ZYN {
  color: #AE1F24;
}
 
.red.SAN .SAN, .red.KNO .KNO, .red.DUC .DUC, .red.REH .REH, .red.GIB .GIB, .red.HUR .HUR, .red.KEA .KEA, .red.LAM .LAM, .red.CHM .CHM, .red.SUT .SUT, .red.RAN .RAN, .red.MAC .MAC, .red.MCL .MCL, .red.TIL .TIL, .red.BAK .BAK, .red.SUG .SUG, .red.ZYN .ZYN {
  color: #000000;
}

/* Team Stuff
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.Mercedes, .RUS, .ANT {
  background-color: #00A19C;
  color: #ffffff;
}

.Y2026.Mercedes-con-bg {
  background-image: linear-gradient( 315deg, color(srgb 0 0.458824 0.376471 / 0) 0%, color(srgb 0 0.458824 0.376471) 100%);
  background-color: #00D7B6;
}

.Y2026.Mercedes-con-border {
  border: 1px solid #00D7B6;
}

.RUS.border, .ANT.border {
  border: 1px solid #00D7B6;
  background: #ffffff;
}

.Mercedes-acc{
  background: #007560;
}

.Red.Bull, .RedBull, .VER, .HAD {
  background-color: #23326A;
  color: #ffffff;
}

.Y2026.RedBull-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0 0.196078 0.509804 / 0) 0%, color(srgb 0 0.196078 0.509804) 100%);
  background-color: #4781D7;
}

.Y2026.RedBull-con-border {
  border: 1px solid #4781D7;
}

.VER.border, .HAD.border {
  border: 1px solid #4781D7;
  background: #ffffff;
}

.RedBull-acc{
  background: #003282;
}

.Ferrari, .LEC, .HAM {
  background-color: #ff2800;
  color: #ffffff;
}

.Y2026.Ferrari-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0.443137 0 0.0235294 / 0) 0%, color(srgb 0.443137 0 0.0235294) 100%);
  background-color: #ED1131;
}

.Y2026.Ferrari-con-border {
  border: 1px solid #ED1131;
}

.HAM.border, .LEC.border {
  border: 1px solid #ED1131;
  background: #ffffff;
}

.Ferrari-acc{
  background: #710006;
}

.Alpine, .GAS, .DOO, .COL {
  background-color: #fd4bc7;
  color: #ffffff;
}

.Y2026.Alpine-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0 0.313726 0.505882 / 0) 0%, color(srgb 0 0.313726 0.505882) 100%);
  background-color: #00A1E8;
}

.Y2026.Alpine-con-border {
  border: 1px solid #00A1E8;
}

.GAS.border, .COL.border {
  border: 1px solid #00A1E8;
  background: #ffffff;
}

.Alpine-acc{
  background: #005081;
}

.Aston, .AstonMartin, .ALO, .STR, .VET {
  background-color: #002420;
  color: #ffffff;
}

.Y2026.AstonMartin-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0 0.282353 0.172549 / 0) 0%, color(srgb 0 0.282353 0.172549) 100%);
  background-color: #229971;
}

.Y2026.AstonMartin-con-border {
  border: 1px solid #229971;
}

.ALO.border, .STR.border, .VET.border {
  border: 1px solid #229971;
  background: #ffffff;
}

.AstonMartin-acc{
  background: #00482C;
}

.McLaren, .PIA, .NOR {
  background-color: #FF8000;
  color: #ffffff;
}

.Y2026.McLaren-con-bg {
  background-color: #F47600;
  background-image: linear-gradient(315deg, color(srgb 0.52549 0.203922 0 / 0) 0%, color(srgb 0.52549 0.203922 0) 100%);
}

.Y2026.McLaren-con-border {
  border: 1px solid #F47600
}

.PIA.border, .NOR.border {
  border: 1px solid #FF8000;
  background: #ffffff;
}

.McLaren-acc {
  background: #863400;
}

.Audi, .HUL, .BOR {
  background-color: #ff2d00;
  color: #ffffff;
}

.Y2026.Audi-con-bg {
  background-image: linear-gradient(315deg, rgb(from rgb(117 21 0) r g b / 0) 0%, rgb(from rgb(117 21 0) r g b / 1) 100%);
  background-color: #ff2d00;
}

.Y2026.Audi-con-border {
  border: 1px solid #ff2d00;
}

.HUL.border, .BOR.border {
  border: 1px solid #ff2d00;
  background: #ffffff;
}

.Audi-acc {
  background: #751500;
}



.Williams, .LAT, .ALB, .SAR, .SAI {
  background-color: #00A3E0;
  color: #ffffff;
}

.Y2026.Williams-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0 0.0235294 0.505882 / 0) 0%, color(srgb 0 0.0235294 0.505882) 100%);
  background-color: #1868DB;
}

.Y2026.Williams-con-border {
  border: 1px solid #1868DB;
}

.ALB.border, .SAR.border, .SAI.border {
  border: 1px solid #1868DB;
  background: #ffffff;
}

.Williams-acc {
  background: #000681;
}

.Haas, .MSC, .BEA, .OCO {
  background-color: #F62039;
  color: #ffffff;
}

.Y2026.Haas-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0.301961 0.313726 0.321569 / 0) 0%, color(srgb 0.301961 0.313726 0.321569) 100%);
  background-color: #9C9FA2;
}

.Y2026.Haas-con-border {
  border: 1px solid #9C9FA2;
}

.OCO.border, .BEA.border, .MSC.border {
  border: 1px solid #9C9FA2;
  background: #ffffff;
}

.Haas-acc {
  background: #4D5052;
}

.Alpha.Tauri, .AlphaTauri, .TSU, .DEV, .RIC, .LAW, .LIN, .RacingBulls {
  background-color: #20394C;
  color: #ffffff;
}

.Y2026.RacingBulls-con-bg {
  background-image: linear-gradient(315deg, color(srgb 0.137255 0.270588 0.670588 / 0) 0%, color(srgb 0.137255 0.270588 0.670588) 100%);
  background-color: #6C98FF;
}

.Y2026.RacingBulls-con-border {
  border: 1px solid #6C98FF;
}

.LAW.border, .LIN.border {
  border: 1px solid #6C98FF;
  background: #ffffff;
}

.RacingBulls-acc {
  background: #2345AB;
}

.Cadillac, .PER, .BOT {
  background-color: #aaaaad;
  color: #ffffff;
}

.Y2026.Cadillac-con-bg {
  background-image: linear-gradient(315deg, rgb(from rgb(88 88 91) r g b / 0) 0%, rgb(from rgb(88 88 91) r g b / 1) 100%);
  background-color: #6C98FF;
}

.Y2026.Cadillac-con-border {
  border: 1px solid #aaaaad;
}

.PER.border, .BOT.border {
  border: 1px solid #aaaaad;
  background: #ffffff;
}

.Cadillac-acc {
  background: #58585b;
}

.Mercedes-colour, .RUS-colour, .ANT-colour {
  color: #00D7B6 !important;
}

.RedBull-colour, .VER-colour, .HAD-colour {
  color: #23326A !important;
}

.Ferrari-colour, .LEC-colour, .HAM-colour {
  color: #ff2800 !important;
}

.Alpine-colour, .GAS-colour, .DOO-colour, .COL-colour {
  color: #fd4bc7 !important;
}

.AstonMartin-colour, .ALO-colour, .STR-colour, .VET-colour {
  color: #002420 !important;
}

.McLaren-colour, .PIA-colour, .NOR-colour {
  color: #FF8000 !important;
}

.AlfaRomeo-colour, .Sauber-colour, .BOT-colour, .GUA-colour, .ZHO-colour, .HUL-colour, .BOR-colour {
  color: #ff2d00 !important;
}

.Williams-colour, .LAT-colour, .ALB-colour, .SAR-colour, .COL-colour, .SAI-colour {
  color: #00A3E0 !important;
}

.Haas-colour, .MSC-colour, .BEA-colour, .OCO-colour {
  color: #F62039 !important;
}

.AlphaTauri-colour, .RacingBulls-colour, .TSU-colour, .DEV-colour, .RIC-colour, .LAW-colour, .LIN-colour {
  color: #20394C !important;
}

.Cadillac-colour, .PER-colour, .BOT-colour {
  color: #aaaaad !important;
}

.xDRSbutton input[type="radio"], .teamOrdersButton  input[type="radio"], .tdButton input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 4px;
  left: 4px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.xDRSbutton:hover input ~ .checkmark, 
.teamOrdersButton:hover input ~ .checkmark,
.tdButton:hover input ~ .checkmark {
  background-color: #ccc;
}

.xDRSbutton input:checked ~ .checkmark, 
.teamOrdersButton input:checked ~ .checkmark,
.tdButton input:checked ~ .checkmark {
  background-color: #AE1F24;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.xDRSbutton input:checked ~ .checkmark:after, 
.teamOrdersButton input:checked ~ .checkmark:after,
.tdButton input:checked ~ .checkmark:after {
  display: block;
}

.xDRSbutton .checkmark:after, 
.teamOrdersButton .checkmark:after,
.tdButton .checkmark:after {
 	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F4EFE7;
}

.hidescores:hover .showscore {
  display: block;
  position: relative;
}

.showscore {
  display: none;
  position: absolute;
  top: 0;
  padding: 5px;
  border-radius: 6px;
  width: 150px;
  z-index: 66666666;
  box-shadow: 0 0 5px 5px #bd5d5d;
}

.item {
  font-family: 'Formula1-Bold';
  text-transform: uppercase;
  padding: 0 15px;
  width: 100%;
  max-width: 350px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: grab;
}

button.move-up, button.move-down {
  margin-bottom: 0;
}

  .map-container {
    position: relative;
    width: 100%;
    max-width: 100vw;
    aspect-ratio: 16/9;
    background: url('https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg') no-repeat center;
    background-size: cover;
    overflow: hidden;
  }

  .city {
    position: absolute;
    width: 1.2vw;
    height: 1.2vw;
    min-width: 8px;
    min-height: 8px;
    background: red;
    border: 2px solid white;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s;
    opacity: 0;
    transform: scale(0.8);
  }

  .city:hover {
    transform: scale(1.5);
    z-index: 10;
  }

  .tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 2px 6px;
    font-size: 0.8vw;
    border-radius: 3px;
    transform: translate(-50%, -140%);
    white-space: nowrap;
    pointer-events: none;
    display: none;
  }

  .city:hover .tooltip {
    display: block !important;
  }

  @media (max-width: 600px) {
    .tooltip {
      font-size: 3vw;
      transform: translate(-50%, -180%);
    }

    .city {
      width: 3vw;
      height: 3vw;
    }
  }

  /* Animation */
  .fade-in {
    animation: fadeInUp 0.6s ease-out forwards;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(10px) scale(0.8);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .mobile-dropdown {
  display: none;
  margin: 0 auto;
  width: 90%;
}

.mobile-dropdown select {
  width: 100%;
  padding: 0.6rem;
  border-radius: 5px;
  border: 1px solid #ccc;
}

@media (max-width: 768px) {
  .mobile-dropdown {
    display: block;
  }

}

/* Toggle Switch Styling */
        .toggle-container {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .toggle-label {
            font-size: 16px;
        }

        .toggle-switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 25px;
        }

        .toggle-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
              .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ae1f241c;
            transition: 0.4s;
            border-radius: 25px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 4px;
            bottom: 3.5px;
            background-color: white;
            transition: 0.4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background: #AE1F24;
        }

        input:checked + .slider:before {
            transform: translateX(24px);
        }
       
/* HOME Toggle Switch Styling */
        .toggle-container-home {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .toggle-container-home > .toggle-switch > .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #AE1F24;
            transition: 0.4s;
            border-radius: 25px;
        }

        /* Racing Club Access Panel */
        .club-panel {
            background: #ffffff;
            border-radius: 8px;
            padding: 15px;
            margin-top: -15px;
        }

        .club-panel--unassigned { opacity: 0.6; text-align: center; padding: 2rem; }

        .club-panel__header {
            padding-bottom: 1rem;
        }
        .club-panel__subtitle { font-size: 1.6rem; }

        .club-panel__grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-bottom: 1.4rem;
        }

        .club-panel__card {
            background: #e3e3e3;
            border-radius: 6px;
            padding: 0.9rem;
        }

        .club-panel__card-label {
            font-size: 1.2rem;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #AE1F24;
            margin: 0 0 0.5rem;
        }

        .club-panel__badge {
            display: inline-block;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 1.4rem;
            font-weight: 700;
            letter-spacing: 0.05em;
        }
        .badge-none  { background: #2a2a2a; color: #777; }
        .badge-view  { background: #1a3a5c; color: #5aadff; }
        .badge-edit  { background: #1a3a1a; color: #5aff7a; }
        .badge-match { background: #3a2a1a; color: #ffaa55; }

        .club-panel__note {
            font-size: 1.2rem;
            color: #777;
            margin: 0.4rem 0 0;
            font-style: italic;
        }

        .club-panel__control { margin-bottom: 0.8rem; }

        .club-panel__options {
            display: flex;
            gap: 0.5rem;
            margin: 0.5rem 0;
            flex-wrap: wrap;
        }

        .club-panel__opt {
            flex: 1;
            min-width: 70px;
            background: #11111f;
            border: 1px solid #2a2a4a;
            border-radius: 5px;
            color: #aaa;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.15s ease;
            text-align: center;
        }
        .club-panel__opt:hover { border-color: #555; color: #fff; }
        .club-panel__opt--active { border-color: #AE1F24; color: #fff; background: #AE1F24; }

        .club-panel__hint {
            font-size: 1.2rem;
            color: #777;
            margin: 0.4rem 0 0;
            min-height: 1.2em;
        }

        .club-panel__updated {
            font-size: 1.1rem;
            color: #555;
            margin: 0.8rem 0 0;
            text-align: right;
        }

        /* Hamilton and Christina fixes */
        .flex.fg-lineup-row.HAM.bottom-hover {
           background: none;
        }

        .flex.fg-lineup-row.HAM {
          background: none;
          color: inherit;
        }

        .flex-center.main-padding.red.HAM {
            background-color: inherit;
            color: #AE1F24;
        }

        .flex-center.main-padding.white.HAM  {
            background-color: inherit;
        }

        .red > .HAM.lineups {
          background-color: inherit;
          color: inherit;
        }

        .flex.fg-lineup-row.HAM {
            background-color: inherit;
            color: inherit;
        }

        /*Club Colours*/

        .club-shape-colour {
          display: inline-block; 
          width: 0.7rem; 
          height: 1.8rem; 
          border-radius: 2px; 
          margin-right: 8px; 
          vertical-align: middle;
          transform: skewX(-15deg);        
        }

        .SUG-colour, .WET-colour, .sticky_compound-colour {
          background-color: #AADD00; 
        }

        .RAN-colour, .SAN-colour, .east_coast_engines-colour {
          background-color: #DC0000;
        }
        .DUC-colour, .KEA-colour, .twin_turbo_racing-colour {
          background-color: #00FFCC;
        }
        .LMC-colour, .OQU-colour, .scuderia_cyanara-colour {
          background-color: #00D2BE;
        }
        .GIB-colour, .HAM-colour, .california_motorsports-colour {
          background-color: #CC5500;
        }
        .REH-colour, .SUT-colour, .shock_awe-colour {
          background-color: #A8A8A8;
        }
        .MAC-colour, .TIL-colour, .crown_clover_racing-colour {
          background-color: #00A550;
        }
        .CHM-colour, .FLM-colour, .whiskey_row_racing_club-colour {
          background-color: #3C3C3C;
        }

        .constructor-principal.SUG-colour, .constructor-principal.WET-colour, .constructor-principal.sticky_compound-colour {
          background-color: #AADD00; 
          color: #000000; /* Black - much better contrast on bright lime */
        }

        .constructor-principal.RAN-colour, .constructor-principal.SAN-colour, .constructor-principal.east_coast_engines-colour {
          background-color: #DC0000;
          color: #ffffff; /* White - good on dark red */
        }

        .constructor-principal.DUC-colour, .constructor-principal.KEA-colour, .constructor-principal.twin_turbo_racing-colour {
          background-color: #00FFCC;
          color: #000000; /* Black - much better on bright cyan */
        }

        .constructor-principal.LMC-colour, .constructor-principal.OQU-colour, .constructor-principal.scuderia_cyanara-colour {
          background-color: #00D2BE;
          color: #000000; /* Black - better on bright teal */
        }

        .constructor-principal.GIB-colour, .constructor-principal.HAM-colour, .constructor-principal.california_motorsports-colour {
          background-color: #CC5500;
          color: #ffffff; /* White - good on orange */
        }

        .constructor-principal.REH-colour, .constructor-principal.SUT-colour, .constructor-principal.shock_awe-colour {
          background-color: #A8A8A8;
          color: #000000; /* Black - better on medium gray */
        }

        .constructor-principal.MAC-colour, .constructor-principal.TIL-colour, .constructor-principal.crown_clover_racing-colour {
          background-color: #00A550;
          color: #ffffff; /* White - good on medium-dark green */
        }

        .constructor-principal.CHM-colour, .constructor-principal.FLM-colour, .constructor-principal.whiskey_row_racing_club-colour {
          background-color: #3C3C3C;
          color: #ffffff; /* White - good on dark gray */
        }