/* ==================================== General ==================================== */

html {
   background: #000;
}

body {
   font-family: 'Oswald', sans-serif;
   font-size: 16px;
   line-height: 22px;
}

h1,h2,h3,h4,h5,h6 {
   font-family: 'Alfa Slab One', cursive;
   text-transform: uppercase;
}

#yoo-zoo .details h1.title, .uk-article-title, .content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,.content-wrapper h6 {
  color: #F09529;
}

#yoo-zoo .details h1.title, h1 {
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  text-transform: none;  
}

#yoo-zoo .categories h2.title a {
  color: #fff;
  font-family: Oswald;
}

a, .uk-link {
  cursor: pointer;
  text-decoration: none;
  color: #F09529;
}

a:hover, a:focus {
  color: #F09529;
  text-decoration: underline;
}

em {
  color: #F09529;
  font-family: "Open Sans", sans-serif;
}

/* ==================================== Header / Nav ==================================== */

.header-inner {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 10;
}

.toolbar-wrapper {
   background: #000;
}

.nav-wrapper {
   background: rgba(0,0,0,0.5);
}

.tm-headerbar, .tm-toolbar {
   margin: 0;
}

.tm-toolbar {
  height: 45px;
  line-height: 45px;
}

.tm-toolbar .uk-panel a {
   margin-left: 8px;
   color: #fff;
}

.tm-toolbar .uk-panel a.camping-passes, .tm-toolbar .uk-panel a.buy-tickets {
  line-height: 26px;
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
}

.tm-toolbar .uk-panel a.buy-tickets {
   background: #F09529;
   padding: 2px 15px;
}

.tm-toolbar .uk-panel a.buy-tickets:hover, .tm-toolbar .uk-panel a.buy-tickets:focus {
  background: #F09529;
  text-decoration: none;
}

.tm-toolbar .uk-panel a.camping-passes {
   border: 2px solid #269f48;
}

.tm-toolbar .uk-panel a.camping-passes:hover, .tm-toolbar .uk-panel a.camping-passes:focus {
  background: #269f48;
  text-decoration: none;
}

.nav-wrapper .uk-width-1-4 {
   position: relative;
}

.tm-logo p {
   margin: 0;
}

.tm-logo img {
   position: absolute;
   bottom: 10px;
   width: 150px;
}

.tm-navbar {
   margin-top: 0;
}

.uk-navbar {
   background: none;
}

.uk-navbar-nav > li > a {
  color: #fff;
  font-family: "Oswald",sans-serif;
  font-size: 20px;
  height: 80px;
  line-height: 80px;
  text-transform: uppercase;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li.uk-active > a {
  background: #f7941e;
  color: #fff;
  outline: medium none;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
  background: #f7941e;
  color: #fff;
  outline: medium none;
}

/* ==================================== Justified Nav ==================================== */

.uk-navbar-nav {
   -ms-flex-wrap:wrap;
   -webkit-flex-wrap:wrap;
   display:-ms-flexbox;
   display:-webkit-box;
   display:-webkit-flex;
   display:flex;
   flex-wrap:wrap;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   width: 100%;
}

.uk-navbar-nav > li > a {
   -ms-flex-align:center;
   -ms-flex-pack:center;
   -webkit-align-items:center;
   -webkit-box-align:center;
   -webkit-box-pack:center;
   -webkit-justify-content:center;
   align-items:center;
   display:-ms-flexbox;
   display:-webkit-box;
   display:-webkit-flex;
   display:flex;
   justify-content:center;
   text-decoration:none;
}

.uk-navbar-nav > li {
   -ms-flex:1 1 auto;
   -webkit-box-flex:1;
   -webkit-flex:1 1 auto;
   flex:1 1 auto;
   position:relative;
}

/* ==================================== Dropdown Nav ==================================== */

.uk-dropdown-navbar {
  background: #f09529 none repeat scroll 0 0;
  color: #fff;
  margin-top: 0;
  border: 1px solid #c2c2c2;
  border-top: none;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
}

.uk-nav-navbar > li > a {
  color: #fff;
  font-size: 20px;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
  background: #269F48;
  color: #fff;
  outline: medium none;
}

.uk-nav-navbar ul a {
  color: #FFF;
  padding-left: 10px;
}

.uk-nav-navbar ul a:hover {
  color: #EEE;
}

/* ==================================== Offcanvas Nav ==================================== */

.uk-navbar-toggle {
   color: #fff;
}

.uk-offcanvas-bar {
  background: #111;
}

.uk-offcanvas .uk-panel a {
  color: #f09529;
}

/* ==================================== Video Background / Video Overlay ==================================== */

.video-wrapper {
   position: relative;
   height: 100vh;
   overflow: hidden;
}

.video-wrapper .color-overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(0,0,0,.4);
   z-index: 8;
}

.video-wrapper .banner-text {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
   text-align: center;
   color: #fff;
   z-index: 9;
}

.video-wrapper .banner-text * {
   color: #fff !important;
}

.video-wrapper .banner-text a + a {
   margin-left: 20px;
}

.video-wrapper .banner-text a.buy-tickets {
   background: #f7941e;
   padding: 15px 38px;
}

.video-wrapper .banner-text a.buy-tickets:hover, .video-wrapper .banner-text a.buy-tickets:focus {
  background: #F09529 none repeat scroll 0 0;
  text-decoration: none;
}

.video-wrapper .banner-text a.camping-passes {
   border: 2px solid #269f48;
   padding: 13px 20px;
}

.video-wrapper .banner-text a.camping-passes:hover, .video-wrapper .banner-text a.camping-passes:focus {
  background: #269f48;
  text-decoration: none;
}

.video-wrapper .banner-text h1 {
  margin-bottom: 0;
  font-size: 8vmin;
  line-height: 1.2;
}

.video-wrapper .banner-text h2 {
  font-family: "Oswald",sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 6vmin;
  line-height: 1.2;
}

video {
   /* position: fixed; default setting */
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   background: url('/images/bg.jpg') no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   -webkit-transition: 1s opacity;
   transition: 1s opacity;
   max-width: none;
}

/* ==================================== Content ==================================== */

.home .top-a-wrapper {
   background: rgba(247,148,30,0.9) url(/images/top-a-bg.jpg) no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   position: relative;
}

.home .top-a-wrapper:before {
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   background-color: inherit;
   content: ' ';
}

.home .top-a-wrapper .uk-panel {
   background: none;
}

.home .top-a-wrapper .uk-panel h2 {
   color: #fff;
   text-align: center;
   text-transform: uppercase;
}

.top-a-wrapper > .uk-container {
   padding: 25px;
}

.home .top-b-wrapper {
   background: rgba(255,255,255,0.9) url(/images/top-b-bg.jpg) no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   position: relative;
}

.home .top-b-wrapper:before {
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   background-color: inherit;
   content: ' ';
}

.home .top-b-wrapper .uk-panel {
   background: none;
}

.top-b-wrapper > .uk-container {
   padding: 25px;
}

.home .top-b-wrapper h3 {
  color: #f1592a;
}

.home .top-b-wrapper p a {
  background: orange none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  padding: 7px 15px;
}

.home .top-b-wrapper p a:hover, .home .top-b-wrapper p a:focus {
  background: #f09529 none repeat scroll 0 0;
  text-decoration: none;
}

.content-wrapper {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  padding: 165px 0 35px;
}

.home .content-wrapper {
  padding: 0;
}

.fsBody .fsForm {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #FFF !important;
}

.fsBody {
  background: none !important;
  padding: 0 !important;
  margin-left: -20px !important;
}

.fsBody .fsSupporting {
  color: #EEE !important;
}

.fsBody .fsLabel, .fsBody label {
  color: #FFF !important;
}

legend {
  color: #FFF !important;
}

.fsForm .fsSubmit {
  background: none !important;
}

.fsBody .fsNextButton, .fsBody .fsPreviousButton, .fsBody .fsSubmitButton {
  background: #f7941e none repeat scroll 0 0 !important;
  color: #FFF !important;
  border: none !important;
  padding: 10px 20px !important;
}

.fsBody .fsSectionHeader {
  background: none !important;
}

.fsCurrency {
  color: #eee !important;
  font-size: 16px;
}

.fsFieldFocused {
  background-color: #444 !important;
}

.fsBody textarea {
  min-height: 115px;
}

/* Clear Zoo Borders*/
#yoo-zoo div.box-b3 {  
    border-bottom: medium none;
    background: none repeat scroll 0 0 transparent;   
}  
#yoo-zoo div.box-b1 {  
    background: none repeat scroll 0 0 transparent;  
}  
#yoo-zoo div.box-1 {  
    border-left: medium none;  
    border-right: medium none;
    background: none repeat scroll 0 0 transparent;   
}  
#yoo-zoo div.box-t1 {  
    background: none repeat scroll 0 0 transparent;  
}  
#yoo-zoo div.box-t3 {  
    border-top: medium none;
    background: none repeat scroll 0 0 transparent;   
}  

#yoo-zoo div.box-t2 {  
    background: none repeat scroll 0 0 transparent;  
}  
#yoo-zoo div.box-b2 {  
    background: none repeat scroll 0 0 transparent;  
}
#yoo-zoo div.box-1 div.row {
  border-top: none;
  border-bottom: none;  
}
.current-records #yoo-zoo .pos-description .element {
  display: inline-block;
  float: left;
  width: 25%;
}
.current-records .row:nth-of-type(2n+1) {
  background: #444 none repeat scroll 0 0;
}
.registered-machines ul.zoo-list > li {
  border-top: medium none !important;
  float: left;
  margin-top: 35px;
  padding-top: 0;
  width: 50%;
}
.registered-machines .zoo-list h3 {
  font-size: 17px;
  margin-bottom: 0;
}
.registered-machines .zoo-list p {
  margin-top: 0;
}
.registered-machines .zoo-list h3:nth-of-type(2n+1) {
  margin-top: 15px !important;
}

.registered-machines .uk-panel-box .uk-panel-title {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: -20px;
  color: #269F48;
}
.registered-machines .media.media-left > img {
  border: 2px solid orange;
}

.table-container {
   width: 100%;
   overflow-y: auto;
   _overflow: auto;
   margin: 0 0 1em;
}

/* ==================================== Footer ==================================== */

.tm-footer {
   text-align: left;
   color: #FFF;
}

.tm-footer a {
  color: #f7941e;
}

.tm-footer .uk-panel {
   float: left;
   max-width: 50%;
}

/********* SITE BY TG ******/
#credits {width:100%; margin:0 auto;}
#siteby {float:right;}
#siteby .sitebyTG {width:94px; height:72px; background:url("https://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 0 transparent; display:block; position:relative;}
#siteby .sitebyTG:hover {background:url("https://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 -73px transparent;}

/* ==================================== Media Queries ==================================== */

@media (min-width: 1220px) {
   .top-a-wrapper > .uk-container {
      padding: 35px;
   }
   .top-b-wrapper > .uk-container {
      padding: 35px;
   }
}

@media (max-width: 1220px) {
   .uk-navbar-nav > li > a {
    font-size: 16px;
  }
}

@media (max-width: 960px) {
   .nav-wrapper .uk-container {
      padding: 0;
   }
   .nav-wrapper .uk-grid {
      margin-left: 0;
   }
   .nav-wrapper .uk-grid > * {
      padding-left: 0;
   }
   .nav-wrapper .uk-grid .uk-width-3-4 {
      width: 100%;
   }
   .content-wrapper {
    padding-top: 65px;
   }
   .home .content-wrapper {
    padding-top: 0;
   }
}

@media (max-width: 767px) {
   .tm-navbar {
      margin: 0;
   }
   .current-records #yoo-zoo .pos-description .element {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .video-wrapper .banner-text a {
    clear: both;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0 !important;
  }
}