/* Fonts                                                          */
/* ************************************************************** */

/*
font-family: "Square 721 BT Italic";
font-family: "Square 721 BT Italic V1";
font-family: "Square 721 Bold Italic";
font-family: "Square 721 Bold BT";
font-family: "Square 721 BT Italic V2";
font-family: "Square 721 BT Roman";
font-family: "Square 721 BT Bold";
*/



@font-face {
  font-family:  'CraftyGirls';
  font-style:   normal;
  font-weight:  400;
  font-display: block;
  src:          url("../foundation/webfonts/CraftyGirls-Regular.ttf") format("truetype");
}
@font-face{
    font-family: "Square 721 BT Italic";
    src:         url("../foundation/webfonts/Square-721-BT-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style:  normal;
    font-display:swap;
}

@font-face{
    font-family: "Square 721 BT Italic V1";
    src:         url("../foundation/webfonts/Square-721-BT-Italic-1.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Square 721 Bold Italic";
    src:         url("../foundation/webfonts/Square-721-BoldItalic.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Square 721 Bold BT";
    src:         url("../foundation/webfonts/Square-721-Bold-BT.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Square 721 BT Italic V2";
    src:         url("../foundation/webfonts/Square-721-BT-Italic-2.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Square 721 BT Roman";
    src:         url("../foundation/webfonts/Square-721-BT-Roman.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Square 721 BT Bold";
    src:         url("../foundation/webfonts/Square-721-BT-Bold.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


/* Page defaults                                                  */
/* ************************************************************** */

* { box-sizing: border-box; }
body {
  margin: 0;
  height: 100%;
  background-color: #CECECE;
  font-family: "Square 721 BT Roman";
}
#pageWrapper {
	min-height: calc(100vh - 7rem - 5rem);
}

/* Home page                                                      */
/* ************************************************************** */

#startVideo {
  position:    fixed;
  right:       0;
  bottom:      0;
  min-width:   100%; 
  min-height:  100%;
  z-index:     -10;
}
.startContent {
  position:   fixed;
  bottom:     0;
  background: rgba(0, 0, 0, 0.5);
  color:      #f1f1f1;
  width:      100%;
  padding:    20px;
  text-align: center;
}

/* Startpage nonsense                                        */
/* --------------------------------------------------------- */

.glow {
  font-family:        CraftyGirls;
  font-size:          50px;
  color:              #fff;
  text-align:         center;
  -webkit-animation:  glow 1s ease-in-out infinite alternate;
  -moz-animation:     glow 1s ease-in-out infinite alternate;
  animation:          glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}


/* Top bar / navigation                                           */
/* ************************************************************** */

#responsive-menu { z-index: 10; }

.title-bar {
  background-color: rgba(86,48,140,0.98);
}
.title-bar-title { width:50%; float:left; }
.title-bar-right { width:50%; text-align:right; }
.menu-icon {
  margin:0.5rem;
}
.top-bar {
  height:           7rem;
  background-color: rgba(86,48,140,0.98);
  width:           100%;
}
.top-bar ul {
  background:       none;  
}
.top-bar-left {
  padding-left:     2rem;
}
.top-bar-right {
  vertical-align: middle;
}
.top-bar-logo {
  height:           5rem;
  width:            5rem;
}

.top-bar a, a:active, a:hover, a:visited, .dropdown.menu > li.is-active > a  {
  font-family: "Square 721 Bold Italic";
  font-size:       1.4rem;
  color:           #e71163;
}
.is-dropdown-submenu {
  min-width:        250px;
  background-color: rgba(86,48,140,0.98) !important;
  border:           1px solid rgba(86,48,140,0.98);
 }
.dropdown .is-dropdown-submenu a {
	font-family: "Square 721 BT Italic";
  font-size: 1.2rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	display:         block;
	width:           0;
	height:          0;
	border-style:    solid;
	border-width:    6px;
	content:         "";
	border-bottom-width: 0;
	border-color:    #e71163 transparent transparent;
	right:           5px;
	left:            auto;
	margin-top:      -3px;
}
.social-top {
  margin-right:   1rem;
}
 .top-socials a {
   color: #e71163;
   font-size: 2rem;
   padding-left: 0rem;
}
/* Footer:            ;                                           */
/* ************************************************************** */

#footer {
  height:           5rem;
  background-color: #56308C;  
  
}
.footerCell {
  padding:         1rem;
  text-align:      center;
  color:           #DDDDDD;
}




#pageBackground {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  z-index: -10;
}
#staticHero {
  position: fixed;
  min-width: 100%; 
  min-height: 600px;
  z-index: -10;
  background-position: center;
  background-size: cover;
}
.gridBackground {
  background-color: rgba(235,235,235,1.00);  
  }
.leagueName {
  background-color: rgba(226,223,2,0.90);
  color: black;
  font-family: "Square 721 Bold Italic";
  font-size: 3vw; /* Responsive font size */
  margin-top:50px;
  margin-left:10%;
  padding: 0px;
  width: 40%;
  text-align: center; /* Center text */
  transform: skew(-5deg,0deg); /* Position text in the middle */
  mix-blend-mode: screen; /* This makes the cutout text possible */
}
.leagueInfo {
  background-color: #CECECE;
}
#results {
  
}
.blockschedule {
  padding:2rem;
  margin-top:10rem;
  margin-bottom:5rem;
  background-color: rgba(235,235,235,1);
}
.blockscheduleLeft, .blockscheduleRight {
}
.blockscheduleLeft {
  padding-left: 2rem;
  border-right:1px solid rgba(48,48,48,1.00);  
}
.blockscheduleRight {
  padding-right:2rem;
}


/* Standing Tables                                                */
/* ************************************************************** */

.standingsHeader {
  background-color: rgba(226,223,2,0.60);
  color: #3A3A3A;
  font-family: "Square 721 Bold Italic";
  font-size: 3vw; /* Responsive font size */
  margin-top:50px;
  margin-left:10%;
  padding: 0px;
  width: 40%;
  text-align: center; /* Center text */
  transform: skew(-5deg,0deg); /* Position text in the middle */
  /* mix-blend-mode: screen; */ /* This makes the cutout text possible */
  margin-bottom: 3rem;
}
.standingTable tbody {
  background-color: rgba(226,223,2,0.05);
}
tbody tr:nth-child(2n) {
	border-bottom: 0;
	background-color: rgba(226,223,2,0.15);
}

.standing-head {
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  background-color: #56308C;
  color: #E71163;
}
.standing-data {
  font-size: 0.9rem;
  text-align: center;color: #161616;
}
.standing-head-Driver, .standing-head-Team, .standing-data-Driver, .standing-data-Team {
  text-align: left;  
}
.standing-head-Driver {
  width: 12rem;
}
.standing-head-Team {
  width: 12rem;
}
/*
.standing-head-Pos
.standing-head-#
.standing-head-Driver
.standing-head-Class
*/
.standing-head-CarClass {
  display: none;
}
/*
.standing-head-Team
*/
.standing-head-Interlagos,
.standing-head-Zandvoort,
.standing-head-Aragon,
.standing-head-Spa,
.standing-head-Sebring,
.standing-head-RoadAmerica,
.standing-head-Imola,
.standing-head-Silverstone,
.standing-head-Sonoma,
.standing-head-Nordschleife,
.standing-head-BrandsHatch,
.standing-head-OranPark {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.standing-head-Total
.standing-head-Drop1
.standing-head-Drop2 {}
.standing-head-Drop3 {
  display: none;
}
.standing-head-Penalties
.standing-head-Total {}
.standing-head-3 {
  display: none;
}
.standing-head-Races
.standing-head-Wins
.standing-head-Podiums
.standing-head-Top5
.standing-head-Top10
.standing-head-Poles
.standing-head-FastestLaps
.standing-head-Within1offastestracelap {}
/*
.standing-data-Pos
.standing-data-#
.standing-data-Driver
.standing-data-Class
*/
.standing-data-CarClass  {
  display: none;
}
/*
.standing-data-Team
.standing-data-Spa
.standing-data-Sebring
.standing-data-RoadAmerica
.standing-data-Imola
.standing-data-Silverstone
.standing-data-Sonoma
.standing-data-Nordschleife
.standing-data-BrandsHatch
.standing-data-OranPark
.standing-data-Total
.standing-data-Drop1
.standing-data-Drop2 
*/
.standing-data-Drop3 {
  display: none;
}
/*
.standing-data-Penalties
.standing-data-Total
*/
.standing-data-3 {
  display: none;
}
/*
.standing-data-Races
.standing-data-Wins
.standing-data-Podiums
.standing-data-Top5
.standing-data-Top10
.standing-data-Poles
.standing-data-FastestLaps
.standing-data-Within1offastestracelap
*/