/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/* ==================================== Big Image BG Structure ==================================== */

html {
  background: url("/images/arenas-back-blurry.jpg");
  overflow-y: auto;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  background: none;
  color: #4D4D4F;
}

.tm-top-a {
  display: none;
}

.home .tm-middle {
	opacity: 0;
  min-height: 191px;
}

.tm-middle.uk-grid {
  background: #FFFFFF;
  margin: 148px auto 0;
  max-width: 700px;
  padding: 20px 35px;
}

.uk-container {
  max-width: 100%;
}

.uk-container.uk-container-center {
  display: inline-block;
  margin-left: 315px;
  padding: 20px;
  position: relative;
  z-index: 99;
}

.home .uk-container.uk-container-center {
  display: none;
}

.tm-main.uk-width-medium-1-1 {
  padding-left: 0 !important;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Tienne',serif;
  font-weight: 700 !important;
  font-size: large !important;
  color: #000 !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  line-height: normal !important;
  border-bottom: 4px solid #000;
  text-transform: uppercase !important;
  display: table;
}

a {
  outline: none !important;
}

em {
  color: #555;
}

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

.tm-headerbar.uk-clearfix.uk-hidden-small {
  margin-bottom: 0;
}

.tm-logo > img {
  margin-left: 20px;
  max-width: 250px;
}

/* ==================================== Menu ==================================== */

.tm-headerbar, .tm-navbar {
  margin-top: 35px;
}

.sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

nav {
  margin-left: 35px;
  margin-bottom: 0 !important;	
}

.uk-navbar {
  background: none;
}

.uk-navbar-nav {
  border-bottom: 3px solid #FFF;
}

.uk-navbar-nav > li {
  float: none;
}

 .uk-navbar-nav > li > a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #FFFFFF;
  font-family: 'Tienne',serif;
  font-size: x-large;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1px;
  height: 30px;
  line-height: 30px;
}

.uk-navbar-nav > li > a.deli-bar {
  border-bottom: 3px solid #FFFFFF;
  border-top: 3px solid #FFFFFF;
  font-size: xx-large;
  height: 50px;
  line-height: 45px;
  color: #FFF !important;
  text-align: center;
}

.uk-navbar-nav > li > a.deli-bar:hover {
  color: #FFF;
  cursor: default;
}

.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: none;
  color: #B2B2B4;
}

/* ==================================== Dropdown Menu ==================================== */

.uk-dropdown {
  background: none;
  float: none;
  height: 100%;
  left: 0;
  line-height: 30px;
  padding-top: 0;
  position: relative;
  top: 0;
  width: 200px;
  padding-bottom: 0;
}

.uk-nav-navbar > li > a {
  color: #FFFFFF;
  font-size: large;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
  background: none;
  color: #B2B2B4;
}

/* ==================================== Offcanvas Menu ==================================== */

.uk-navbar-toggle:after {
  color: #363636;
}

.uk-offcanvas {
  background: rgba(0,0,0,0.75);	
}

.uk-offcanvas-bar.uk-offcanvas-bar-show {
  background: none repeat scroll 0 0 #EEEEEE;
}

.uk-nav-offcanvas > li > a {
  font-family: 'Tienne',serif;
  font-size: x-large;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1px;
  height: 30px;
  line-height: 30px;
  color: #363636;
}

.uk-nav-offcanvas ul a {
  color: #363636;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #000;
}

/* ==================================== Social Media ==================================== */

.social-media {
  margin-left: 35px;
  max-width: 200px;
  text-align: center;
}

.social-media img {
  margin: 10px 5px 0;
  max-width: 50px;
}

/* ==================================== Body ==================================== */

.tm-main a {
  color: #000;
}

.tm-middle.uk-grid {
  border-bottom: 20px solid #FFFFFF;
  border-top: 20px solid #FFFFFF;
  height: 400px;
  overflow-y: auto;
}

.wk-accordion-default .toggler {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-left: medium none;
  border-radius: 0;
  border-right: medium none;
  border-top: medium none;
  width: 100%;
}

.wk-accordion .wk-zoo-item .description {
  text-transform: uppercase;
}

.copyright {
  color: #EEEEEE;
  font-size: 10px;
  text-align: center;
}

.element-email {
  border-bottom: 1px solid #666666;
  font-family: 'Tienne',serif;
  font-style: italic;
  padding-bottom: 5px;
  margin-top: 0 !important;
}

.element-email a {
  color: #666;
}

.element-email a:hover {
  text-decoration: none;
}

.pos-specification {
  max-width: 385px;
}

a[href^=tel]{
  color: inherit;
  text-decoration: none;
  cursor: default;
}

/* ==================================== Buttons (Example: Catering) ==================================== */

.uk-panel.uk-panel-box.buttons {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: absolute;
  right: 0;
  top: 0;
}

.uk-panel.uk-panel-box.buttons > * {
  display: inline-block;
}



/* ==================================== Zoo Styling ==================================== */

#yoo-zoo .items div.media-left {
  margin-bottom: 10px;
}
#yoo-zoo .items h2.pos-title {
  border-bottom: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#yoo-zoo .items h2.pos-title a {
  color: #000 !important;
}

#yoo-zoo .items div.pos-description {
  max-width: 385px;
}

/* ==================================== Zoo Blog ==================================== */

.blog-default-press .heading {
  border-bottom: 0 none !important;
  padding-bottom: 0 !important;
}

#yoo-zoo.blog-default-press .items h2.pos-subtitle {
  color: #444 !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: normal !important;
  margin: 0 0 8px;
  font-family: 'Open Sans' !important;
  text-transform: uppercase;
  border-bottom: 1px solid #eee !important;
  padding-bottom: 10px;
}

.blog-default-press .teaser-item-bg {
  max-width: 90%;
}

#yoo-zoo.blog-default-press .items h1.pos-title {
  border-bottom: 1px solid #666666;
  padding-bottom: 5px;
}

#yoo-zoo.blog-default-press .items h1.pos-title a {
  letter-spacing: 0px;
}

.blog-default-press .element.element-textarea.first.last a {
  color: #666666;
  font-size: 12px;
  font-style: italic;
}

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


/* ==================================== Facebook ==================================== */

.fb-like-box.fb_iframe_widget, .fb-like-box.fb_iframe_widget > span {
  width: 100% !important;
}

/* ==================================== Loading ==================================== */

.loading {
  left: 50%;
  margin-left: -275px;
  margin-top: -220px;
  position: absolute;
  top: 50%;
  width: 550px;
}

/* ==================================== MQ's ==================================== */

@media (max-width: 960px) {
	.uk-navbar-content.uk-navbar-center.uk-visible-small {
  	  max-width: 100%;
	}
	.menu-wrapper {
  	  max-width: 100% !important;
	}
	body > .uk-grid {
	  padding: 0 20px;
	  margin: 0 !important;
	}	
	nav {
	  left: 0;
	  position: fixed;
	  top: 0;
	  width: auto !important;
	  margin: 0 !important;
	  float: none;
  	  background: rgba(255,255,255,0.75) !important;
  	  height: 45px;
  	  z-index: 999;
	}
	.tm-middle.uk-grid {
	  margin: 0;
	  position: relative;
	  left: 0;
	  height: 100% !important;
	  padding: 20px;
	}
	.uk-container.uk-container-center {
	  margin-left: 0;
	  width: 100%;
	}
	.sticky-nav {
	  position: relative;
	  width: 100%;
	  z-index: 1;	
	}
	.tm-middle.uk-grid {
	  max-width: 100%;
	  margin: 0;
	}
	div.uk-navbar-content.uk-navbar-center.uk-visible-small {
  	  height: 156px;
 	  margin-top: 20px;
	}
	.social-media {
	  margin-left: 0;
	  max-width: 100%;
	  text-align: center;
	}
	.goober {
  	  display: none !important;
	}
	.uk-panel.uk-panel-box.buttons {
  	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  	  margin-bottom: -20px;
  	  margin-top: -20px;
  	  padding-bottom: 0;
  	  padding-top: 0;
  	  position: relative;
  	  right: 0;
  	  text-align: right;
  	  top: 0;
	}
  .sticky-nav.uk-width-medium-2-6 {
      padding-left: 0;
  }
}

/* ==================================== 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;	
}

/* ==================================== hide iFrames ==================================== */

.accordian iframe{
	display:none;
}

.accordian .tm-main img{
	display:none;
}

.iframe .tm-main img{
	display:none;
}