@charset "UTF-8";

/*  RESET
---------------------------------------------------*/

* {
  padding:0;
  margin:0;
  outline:none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, a img {
  background:transparent;
  border:0 none;
  outline:none;
  vertical-align:baseline;
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;   
}

.clearer { 
  clear:both;
}


/*  General
---------------------------------------------------*/

html, body {
  position:relative;
}

body {
  background:#fff;
}

h2 {
  font:400 70px/74px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  text-align:center;
  color:#762123;
  margin:0 0 10px 0;
}

h3 {
  font:400 28px/38px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  color:#762123;
  margin:0 0 10px 0;
}

h4 {
  font:400 26px/36px "Titillium Web SemiBold", sans-serif;
  color:#123c3f;
  margin:0 0 40px 0;
}

h5 {
  font:400 26px/36px "Titillium Web SemiBold", sans-serif;
  color:#123c3f;
  margin:0 0 5px 0;
}

p {
  font:400 20px/30px "Titillium Web Regular", sans-serif;
  color:#123c3f;
  margin:0 0 40px 0;
}

a {
  color:#123c3f;
  text-decoration:none;
}

hr {
  width:100%;
  height:2px;
  border:0;
  background:#eeeeee;
  margin:0 0 60px 0;
}

.container {
  width:870px;
  padding:150px 0;
  margin:0 auto;
}

.container2 {
  width:1150px;
  padding:150px 0;
  margin:0 auto;
}

.button {
  font:400 20px/24px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  color:#fff;
  background:#762123;
  display:inline-block;
  -webkit-border-radius:35px;
  -moz-border-radius:35px;
  border-radius:35px;
  padding:20px 32px;
  margin:20px 0 0 0;
}

.bigbutton {
  font:400 28px/30px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  background:#2d2d2d;
  display:inline-block;
  -webkit-border-radius:45px;
  -moz-border-radius:45px;
  border-radius:45px;
  padding:25px 45px;
}


/*  Nav
---------------------------------------------------*/

#logo {
  display:block;
  position:absolute;
  top:20px;
  left:50px;
  z-index:1;
}

#navbutton {
  width:45px;
  display:block;
  position:absolute;
  top:57px;
  right:40px;
}

#navbutton span {
  height:7px;
  background:#762123;
  display:block;
  position:relative;
  margin:0 0 7px 0;
}

#navbutton.active .line1 {
  top:0 !important;
}

#navbutton.active .line3 {
  bottom:0 !important;
}

#nav {
  position:absolute;
  top:40px;
  right:70px;
}

nav ul {
  list-style:none;
  position:relative;
}

nav ul li {
  display:inline-block;
  margin:0 17px;
}

nav ul li a {
  font:400 18px/24px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  color:#2d2d2d;
  display:block;
}

#becomeasponsorbutton {
  margin-left:25px;
  margin-right:0;
}

#becomeasponsorbutton a {
  color:#fff;
  background:#762123;
  -webkit-border-radius:35px;
  -moz-border-radius:35px;
  border-radius:35px;
  padding:20px 32px;
}


/*  Header
---------------------------------------------------*/

header {
  width:1150px;
  height:560px;
  position:absolute;
  top:200px;
  left:50%;
  margin-left:-575px;
  z-index:2;
}

header h1 {
  font:400 160px/160px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  color:#762123;
  opacity:0;
  position:absolute;
  top:0;
  left:-200px;
}

header h2 {
  font:400 200px/200px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  color:#762123;
  opacity:0;
  position:absolute;
  top:126px;
  left:240px;
}

header img {
  position:absolute;
  bottom:5px;
  left:-150px;
}


/*  Intro
---------------------------------------------------*/

#intro {
  width:100%;
  height:550px;
  background:url("../images/backgroundintro.svg") no-repeat top center;
  position:absolute;
  top:639px;
  z-index:1;
}

#intro .container {
  width:1310px;
  position:relative;
  padding:0;
  margin:170px auto 0 auto
}

.intro {
  margin: 0;
  padding: 0;
}
.intro .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.intro .slides img {
  width: 100%;
  display: block;
}
.intro .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#intro li {
  position:relative;
}

#intro li .content {
  padding:0 80px;
}

#intro .slide2 .content {
  padding-top:25px;
}

#intro .slide2 .content br {
  display:none;
}

.intro .flex-control-nav {
  bottom:-90px;
  right:80px;
}

#intro h2 {
  font:400 75px/75px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  color:#fff;
  display:inline-block;
  position:relative;
  padding:0 0 0 40px;
  margin:0 100px 0 0;
}

#intro h3 {
  font:400 28px/38px "Titillium Web SemiBold", sans-serif;
  text-transform:uppercase;
  color:#fff;
  position:relative;
  margin:0 0 15px 0;
}

#intro .button {
  font:400 28px/30px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  color:#762123;
  background:#fff;
  display:inline-block;
  -webkit-border-radius:45px;
  -moz-border-radius:45px;
  border-radius:45px;
  /*position:absolute;
  bottom:0;
  right:0;*/
  position:relative;
  top:-20px;
  padding:25px 45px;
}

.fadeleft {
  width:79px;
  height:200px;
  background:url("../images/fadeleft.png") repeat-y;
  position:absolute;
  top:0;
  left:0;
  z-index:999;
}

.faderight {
  width:79px;
  height:200px;
  background:url("../images/faderight.png") repeat-y;
  position:absolute;
  top:0;
  right:0;
  z-index:999;
}


/*  Spacer
---------------------------------------------------*/

#spacer {
  height:1140px;
}

/*  See the Team
---------------------------------------------------*/

.slanttop {
  width:100%;
  position:absolute;
  top:-1px;
  left:0;
  z-index:2;
}

.slantbottom {
  width:100%;
  position:absolute;
  bottom:-1px;
  left:0;
  z-index:2;
}

#seetheteam .bigbutton {
  position:absolute;
  bottom:20px;
  left:50%;
  margin-left:-136px;
  z-index:2;
}


/*  Sponsors
---------------------------------------------------*/

#sponsors .column1 {
  width:348px;
  text-align:center;
  float:left;
}

#sponsors .column1 {
  display:inline-block;
}

#sponsors .column1 img {
  width:265px;
  margin:0 0 12px 0;
}

#sponsors .column2 {
  width:802px;
  float:left;
  border-left:2px solid #eeeeee;
  padding:0 0 0 90px;
}


/*  Cars
---------------------------------------------------*/

#cars .bigbutton {
  position:absolute;
  bottom:20px;
  left:50%;
  margin-left:-136px;
  z-index:2;
}


/* Contact
---------------------------------------------------*/

#contact .column1,
#join .column1,
#becomeasponsor .column1 {
  width:50%;
  float:left;
  padding-right:15px;
  position:relative;
}

#contact .column2,
#join .column2,
#becomeasponsor .column2 {
  width:50%;
  float:left;
  padding-left:15px;
}

#citystatezip .column1 {
  width:50%;
  float:left;
  padding-right:15px;
}

#citystatezip .column2 {
  width:20%;
  float:left;
  padding-left:15px;
  padding-right:15px;
}

#citystatezip .column3 {
  width:30%;
  float:left;
  padding-left:15px;
}

input[type=text],
input[type=email],
input[type=phone],
textarea {
  width:100%;
  font:400 20px/30px "Titillium Web Regular", sans-serif;
  color:#123c3f;
  border:2px solid #c6c6c6;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:15px 20px;
  margin:0 0 30px 0;
}

select {
  width:100%;
  height:65px;
   font:400 20px/30px "Titillium Web Regular", sans-serif;
  color:#123c3f;
  background:transparent;
  border-radius:0;
  border:2px solid #c6c6c6;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:15px 20px;
}

input[type=submit] {
  font:400 20px/24px "Tide Sans Cond 600 Italic", sans-serif;
  text-transform:uppercase;
  color:#fff;
  background:#762123;
  display:inline-block;
  border:0;
  -webkit-border-radius:35px;
  -moz-border-radius:35px;
  border-radius:35px;
  padding:20px 32px;
  margin:20px 0 0 0;
}

.list-unstyled {
  list-style:none;
}

.help-block {
  font:400 17px/27px "Titillium Web Regular", sans-serif;
  text-transform:uppercase;
  color:#762123;
  margin-top:-20px;
  margin-bottom:30px;
}

.select .help-block {
  margin-top:10px;
}

.alert {
  font:400 17px/27px "Titillium Web Regular", sans-serif;
  text-transform:uppercase;
  color:#fff;
  background:#762123;
  padding:20px 30px;
  margin:0 0 30px 0;
}

.alert button {
  display:none;
}

.fancybox-close-small {
  width:55px;
  height:55px;
  color:#762123;
  right:10px;
  top:10px;
}

.fancybox-close-small svg {
  stroke-width:3.5px;
}

/* Flexslider
---------------------------------------------------*/

.flex-control-nav {
  width:200px;
  text-align:right;
  position:absolute;
  bottom:60px;
  right:100px;
  z-index:2;
}

.flex-control-paging li a {
  width:15px;
  height:15px;
  background:rgba(255, 255, 255, 0.6);
  box-shadow:none;
  text-align:left;
  text-indent:-99999px;
}

.flex-control-paging li a:hover {
  background:rgba(255, 255, 255, 1);
}

.flex-control-paging li a.flex-active {
  background:rgba(255, 255, 255, 1);
}


/* Team Page
---------------------------------------------------*/

#teampage #spacer {
  height:530px;
}

#teampage #team.container2 {
  padding-top:200px;
  padding-bottom:0;
}

#teampage #team h4 {
  text-align:center;
  margin:0 0 80px 0;
}

#teampage #team h3 {
  font-size:24px;
  line-height:30px;
  color:#123c3f;
  margin:0 0 5px 0;
}

#team img {
  margin:0 0 15px 0;
}

#team .column1 {
  width:33.333%;
  float:left;
  margin:0 0 20px 0;
}

#team .column2 {
  width:33.333%;
  float:left;
  margin:0 0 20px 0;
}

#team .column3 {
  width:33.333%;
  float:left;
  margin:0 0 20px 0;
}

#teampage #team .button {
  text-align:left;
}

.popup {
  width:100%;
  max-width:870px;
  display:none;
  padding:50px 50px 50px 50px;
}



/* Cars Page
---------------------------------------------------*/

#carspage #spacer {
  height:530px;
}

#carspage #cars.container {
  padding-top:200px;
  padding-bottom:60px;
}

#carspage #cars h4 {
  text-align:center;
  margin:0 0 80px 0;
}

#carspage #cars h3 {
  font-size:30px;
  line-height:36px;
  color:#123c3f;
  margin:0 0 30px 0;
}

#carspage img {
  width:100%;
  margin:0 0 30px 0;
}

#cars .column1 {
  width:50%;
  float:left;
  padding:0 40px 0 0;
  margin:0 0 40px 0;
}

#cars .column2 {
  width:50%;
  float:left;
  padding:0 0 0 40px;
  margin:0 0 40px 0;
}


/* Footer
---------------------------------------------------*/

footer {
  width:100%;
  background:url("../images/backgroundcontact.svg") no-repeat top center;
  position:relative;
}

footer .container {
  width:1150px;
  position:relative;
  padding:120px 0 60px 0;
  margin:0 auto;
}

footer h4 {
  margin:0 0 5px 0;
  color:#fff;
}

footer p {
  font:400 18px/28px "Titillium Web Regular", sans-serif;
  color:#fff;
  margin:0;
}

#social {
  width:500px;
  text-align:right;
  position:absolute;
  top:155px;
  right:50px;
}

#social a {
  width:30px;
  height:30px;
  display:inline-block;
  margin:0 0 0 10px;
}

#facebook {
  background:url("../images/facebook.svg") no-repeat;
}

#twitter {
  background:url("../images/twitter.svg") no-repeat;
}

#instagram {
  background:url("../images/instagram.svg") no-repeat;
}

#youtube {
  background:url("../images/youtube.svg") no-repeat;
}

/* Fonts
---------------------------------------------------*/

@font-face {
  font-family:"Tide Sans Cond 600 Italic";
  src:url("../fonts/TideSansCond-600BunnyItalic.woff2") format("woff2"),url("../fonts/TideSansCond-600BunnyItalic.woff") format("woff"),url("../fonts/TideSansCond-600BunnyItalic.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Titillium Web Regular";
  src:url("../fonts/TitilliumWeb-Regular.woff2") format("woff2"),url("../fonts/TitilliumWeb-Regular.woff") format("woff"),url("../fonts/TitilliumWeb-Regular.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Titillium Web SemiBold";
  src:url("../fonts/TitilliumWeb-SemiBold.woff2") format("woff2"),url("../fonts/TitilliumWeb-SemiBold.woff") format("woff"),url("../fonts/TitilliumWeb-SemiBold.otf") format("opentype");
  font-style:normal;font-weight:400;
}

  /* This style is for the sponsor table */
  * {
    box-sizing: border-box;
}
h1 {
  text-align: center;
}
.image-container {
 display: grid;
 justify-content: center;
 align-content: center;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 grid-gap: 10px;
 align-items: center;
}
.image-container img {
   width: 100%;
 height: auto;
 margin: 10px;
}
@media (max-width: 600px) {
   .image-container {
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   grid-gap: 5px;
   height: auto;
 }
}
.filter-maroon{
 filter: invert(9%) sepia(72%) saturate(2678%) hue-rotate(330deg) brightness(95%) contrast(92%);
}

/* Temp Sponsors Page */

.donationlink {
  color:#fff;
  background:#762123;
  -webkit-border-radius:35px;
  -moz-border-radius:35px;
  border-radius:35px;
  padding:20px 32px;
  text-align: center;
  font-size: 20pt; 
}

.donationContainer{
  display: flex;
  flex-direction: column;
  margin:35pt;
}

.donationImage{
  border-radius: 5%;
}

.donationList{
  margin-bottom: 10pt;
}