@charset "utf-8";
/* CSS Document */

html, body {
  background: #000;
  color: #fff;
  font-size: 1em;
  font-family: robotoregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'league';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'league-cond';
    src: url('../fonts/leaguegothic-condensedregular-webfont.eot');
    src: url('../fonts/leaguegothic-condensedregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-condensedregular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-condensedregular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-condensedregular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-condensedregular-webfont.svg#league_gothicCnRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Seamless changes */
.row { width: 100%; } /* make columns full width of screen */

/* background images */

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 110%;
    height: 100%;
    top: 0;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3.tagline { 
    font-family: 'league', 'Arial Narrow', Arial, sans-serif;
    font-size: 15em;
    padding: 0;
    line-height: 200px; 
}


ul.cb-slideshow {
    margin-left: -1em;
}

.cb-slideshow li {
    list-style-type: none;
}


.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/background-3.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/background-6.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/background-1.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/background-4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/background-5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../img/background-2.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}

a {
    color: #fff;
}

a:hover {
       transition: ease-in-out all .4s; 
    -moz-transition: ease-in-out all .4s;
    -webkit-transition: ease-in-out all .4s;
    border-bottom: dashed 1px #fff;
    color:#fff;
}


p {
	font-family: robotoregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25em;
}

h1 {
	font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
    font-size: 5em;
}

h2 {
	font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
    font-size: 3em;
}

h3 {
    font-size: 2em;
    font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color: #fff;
}

h3.tagline {
    color: #881719;
    text-transform: uppercase;
    margin-left: -0.5em;
    text-shadow: 2px 2px 2px #000;
}

h2.date {
    font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    color: #fff;
    font-size: 3.5em;
    background: url(../img/pattern.png) repeat;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}


h3.enter-now {
    font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 3.5em;
    text-transform: uppercase;
    margin-top: 0.5em;
    color: #fff;
    background: url(../img/pattern-menu.png) repeat;
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
}


a.enter:hover {
    border-bottom: none;
    color: #000;
}

.top-bar {
	background: url(../img/pattern.png) repeat;
}

.top-bar a:hover {
    border-bottom: none;
}

.top-bar.expanded .toggle-topbar a {
	color: #fff;
}

.top-bar.expanded .title-area, .top-bar-section ul li {
	background: url(../img/pattern.png) repeat;
}

.top-bar-section ul li > a {
    font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 1.5em;
    padding: 0.25em;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background: #bf1e2e;
}

ul.title-area li.name {
    padding-top: 0.5em;
    padding-left: 0.25em;
}

ul.title-area li.name a {
    border-bottom: none;
}

#content, #content-form, #content-2 {
    margin-top: 4em;
    background: url(../img/pattern.png) repeat;
    padding: 1em 1.75em 10em 1.75em;
}
#content a {
    border-bottom: dashed 1px #fff;
}

#content a:hover {
    color: rgba(136,23,25,1.0);
    border-color:  rgba(136,23,25,1.0);
}

#content-2 {
    background: url(../img/pattern-2.png) repeat;
}


.home-panel-small {
    padding: 0.5em;
    margin-top: 8em;
}

.row.sponsors {
    margin-bottom: 2em;
}

.sponsors .panel {
    background: none;
    border: none;
    margin-bottom: 0;
}


/* entry form */

.online-entry {
    margin-top: 6em;
}

.online-entry h3 {
    font-size: 3em;
    margin-bottom: 1em;
    text-align: center;
}

label {
	font-size: 1.5em;
	color: #fff;
    font-family: league, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}

label.text {
    font-family: robotoregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
}

input {
	font-size: 1.25em;
    font-family: Arial;
}

.panel.enter-form {
	background: #fff;
	color: #000;
	padding-top: 0.5em;
	padding-bottom: 0;
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding-left: 1em;
}

.panel.enter-form label {
	color: #000;
    display: inline;
    margin-right: 0.25em;
}

.panel.enter-form small.error {
	background: none;
	color: #C60F13;
	margin-left: -0.75em;
	font-size: 0.875em;
}

.guardian, .guardiandeclare { /* guardian text field if under 18 selected in age declaration - hide in first instance */
    display: none;
}
    

textarea[readonly] {
    background: #fff;
    font-family: robotoregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
}

input.button {
    background: rgba(136,23,25,1.0);
}

input.button:hover {
    background: rgba(221,23,26,1.00);
}

/* enter pricing panels */

ul.pricing-table {
    border: none;
        font-family: robotoregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        background: rgba(191, 30, 46, 0.5); 
}

ul.pricing-table li.title {
    font-size: 3em;
    font-family: league, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    background: none;
}

ul.pricing-table li.price {
    color: #fff;
    font-family: league, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
     background: #a21524; 
     border-bottom: solid 1px #540c13;
     border-top: solid 1px #540c13;
}

ul.pricing-table li.description, ul.pricing-table li.bullet-item {
    font-size: 1.5em;
     background: none;
     color: #fff;
}

ul.pricing-table .description {
    border-bottom: solid 1px #540c13;
}

ul.pricing-table .bullet-item {
    border-bottom: solid 1px #540c13;
}

ul.pricing-table .bullet-item a {
    border-bottom: dashed 1px #fff;
}

ul.pricing-table .bullet-item a:hover {
    color: #000;
    border-color: #000;
}

ul.pricing-table .bullet-item:last-child {
    border-bottom: none;
}

ul.pricing-table .bullet-item.length {
      font-family: league, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
}

ul.pricing-table .cta-button {
      background: none; 
}

ul.pricing-table .cta-button a.button {
    text-transform: uppercase;
    font-family: league, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.75em;
    background: #a21524;
}

ul.pricing-table .cta-button a.button:hover {
    border-bottom: none;
    background: #1B1B1B;
}


/* tips and hints modal */

ul.tips {
    font-size: 1.5em;
}

ul.tips li {
    list-style-type: none;
}

a.close-reveal-modal:hover {
    border-bottom: 0;
    color: red;
}

/* photo albums */

#photos {
    margin-top: 0;
}

#photo-albums img {
    margin-bottom: 2em;
}

iframe {
    margin-top: -4em;
}

#footer {
    /* background: rgba(136,23,25,1.0); */
    background: #000;
    position: fixed;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    left: 0;
    bottom: 0;
}

#footer img.logo-footer {
    margin-top: 0.5em;
}


@media only screen and (min-width: 64.063em){ /* Large-up */
p { font-size: 2em; }
ul#menu li { font-size: 2.5em; }
h1 { font-size: 8em; }
h2 { font-size: 6em; }
#content, #content-2 { padding: 2em 6em 16em 6em; }
#content-form { padding-left: 3em; padding-right: 3em; padding-bottom: 16em; }

}
  
@media only screen and (min-width: 40.063em) and (max-width: 64em){  /* Medium only */
ul#menu li { font-size: 1.75em; }
h1 { font-size: 6em; }
h2 { font-size: 6em; }
p { font-size: 1.5em; }
#content, #content-2 { padding: 2em 4em 16em 4em; }
#content-form { padding-bottom: 16em; }
}
  
@media only screen and (min-width: 40.063em) {  /* Medium screens and up - USE if large and medium are same value */
#content, #content-form,  #content-2 { padding-top: 2em; }
p.small { font-size: 1.25em; }
i.fi-social-facebook, i.fi-home { color: #fff; }
li.fi-checkbox { font-size: 1.25em; font-family:roboto_condensedregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#logo { margin-top: 2em; margin-bottom: 2em;}
h2.date { font-size: 6em; }
h3.enter-now { font-size: 6em; }
ul#menu { font-family: league, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; }
ul#menu .columns { padding-left: 0; padding-right: 0; }
ul#menu .columns li.home { margin-left: -1em; }
ul#menu li { list-style-type: none; background: #bf1e2e; margin-left: -1px; }
ul#menu li a { color: #fff; display: block; padding-top: 0.25em; padding-bottom: 0.25em; }
ul#menu li a:hover { transition: ease-in-out all .4s; -moz-transition: ease-in-out all .4s; -webkit-transition: ease-in-out all .4s; background: #000; border-bottom: none; }
ul#menu li.home { background: url(../img/pattern-menu.png) repeat; }
ul#menu li.about { background: rgba(191,30,46,0.8); }
ul#menu li.enter { background: url(../img/pattern-menu.png) repeat; }
ul#menu li.photos { background: rgba(191,30,46,0.8); }  
ul#menu li.sponsors { background: url(../img/pattern-menu.png) repeat; }
ul#menu li.contact { background: rgba(191,30,46,0.8); }
ul#menu li.facebook { background: url(../img/pattern-menu.png) repeat; }
ul#menu li.active { background: rgba(0,0,0,1.0); padding-bottom: 0.25em; } 


}