@import url('https://fonts.googleapis.com/css?family=League+Spartan');

.distanceIcon
{
  cursor: pointer;
  width: 22.5%;
  margin-left: 2.25%;
  margin-bottom: 2.25%;
  white-space: nowrap;
  display: inline-block;
}

.distanceIconFeatured
{
  cursor: pointer;
  width: 7.5%;
  margin-left: 0.75%;
  margin-bottom: 0.75%;
  white-space: nowrap;
  display: inline-block;
}

.raceBoxFeatured
{
  position: relative;
  width: 100%;
  background-size: cover;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.raceBox
{
  position: relative;
  width: 50%;
  background-size: cover;
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  display: inline-block;
}

.raceBoxLine
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5%;
}
.raceBoxLineShadow
{
  position: relative;
  width: 100%;
  height: 0.7vw;
  box-shadow: inset 0px 0.6vw 0.3vw -0.3vw #00000088;
}
.raceBoxHeader
{
  width: 100%;
  margin: 0px;
  margin-bottom: -1px;
  position: relative;
}
.raceBoxHeaderTitle
{
  font-family: League Spartan, Verdana;
  font-size:4vw;
  text-align:right;
  position: absolute;
  bottom: 0px;
  right: 1%;
}

.raceBoxLogoFeatured
{
  width: 25%;
}

.raceBoxLogo
{
  width: 50%;
}

.raceBoxDistancesFeatured
{
  position: absolute;
  top:0px;
  right: 0px;
  padding-right: 0.75%;
  width: 75%;
  height: 30%;
  text-align: right;
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-scrollbar {display: none;};
  -ms-overflow-style: none;
}

.raceBoxDistances
{
  position: absolute;
  top:0px;
  right: 0px;
  padding-right: 1.2%;
  width: 50%;
  height: 60%;
  text-align: right;
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-scrollbar {display: none;};
  -ms-overflow-style: none;
  white-space: normal;
}
.raceBoxSearchFormFeatured
{
  position: absolute;
  border: 0px;
  top: 30.75%;
  right: 0px;
  height: 68.5%;
  width: 75%;
}
.raceBoxCornerYear
{
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px solid transparent;
  height: 20%;
  width: 33%;
}
.raceBoxMore
{
  position: absolute;
  bottom: -5px;
  right: -5px;
  text-align: right;
  width: 100%;
  margin: 0px;
}
.raceBoxMoreFullWidth
{
  position: relative;
  width: 100%;
  text-align: right;
}
.raceBoxMoreFullWidthImage
{
  width: 50%;
  position: relative;
  top: 5px;
  left: 5px;
  margin: 0px;
}
.raceListSection
{
  padding: 0px;
  margin: 0px;
  font-size: 0px;
}


@media only screen and (min-width: 1921px)
{
  .raceListSection
  {
    position: relative;
    width: 1920px;
    margin: auto;
  }
  .raceListSection:before
  {
    box-shadow: -20px 0 20px -20px #AAAAAA inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
  }
  .raceListSection:after
  {
    box-shadow: 20px 0 20px -20px #AAAAAA inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
  }

  .raceBoxHeaderTitle
  {
    font-size: 77px;
  }
  .raceBoxLineShadow
  {
    height: 14px;
  }
}

/*@media only screen and (((pointer:coarse) and (max-width: 1000px)) or (max-width: 600px))
{
  .raceBoxFeatured
  {
    white-space: normal;
    display: inline;
  }
  .raceBox
  {
    white-space: normal;
    display: inline;
  }

  .raceBoxSearchFormFeatured
  {
    position: relative;
    border: 0px;
    top: unset;
    right: unset;
    height: 91%;
    width: 100%;
  }

  .raceBoxLine
  {
    height: 20px;
    position: relative;
  }
  .raceBoxLineShadow
  {
    visibility: hidden;
  }

  .raceBoxLogoFeatured
  {
    width: 100%;
  }
  .raceBoxLogo
  {
    width: 100%;
  }

  .raceBoxDistancesFeatured
  {
    position: relative;
    top: -20px;
    padding-right: 0.75%;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .raceBoxDistances
  {
    position: relative;
    top: -20px;
    padding-right: 1.2%;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .distanceIconFeatured
  {
    width: 22.5%;
    margin-left: 2.25%;
    margin-bottom: 2.25%;
  }
}*/