/**	Header Modus
**/

.uk-navbar-center ul.uk-subnav  {
	position: absolute;
	left: 110%;
	top: 70px;
	overflow-x:hidden;
	white-space:nowrap;
	width: 300px;
} 

.uk-navbar-center .uk-subnav li {
	display:inline; 
}
.uk-navbar-center .uk-subnav li:first-child {
	padding-left: 10px;
}
.uk-navbar-center .uk-subnav a {
	color: #000;
	transition: .5s;
}
.uk-navbar-center .uk-subnav a:hover {
	color: #fff
}
.uk-navbar-center .uk-subnav .uk-icon {
	border: 1px solid #000;
	border-radius: 50px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	background: #fff;
	transition: .5s;
}
.uk-navbar-center .uk-subnav .uk-icon:hover {
	border: 1px solid #fff;
	background: #000;
}
.uk-navbar-center .uk-subnav a .uk-badge {  
  left: -13px;
  top: -8px;
  position: relative;
}
.uk-light .uk-text-lead {
  text-shadow: -1px 2px 2px #000;
}
.uk-navbar-container {
  background: #fff;
  max-height: 75px;
}

.uk-navbar-item.uk-logo {
	background:#000;
	box-shadow: 0em 0em 4em #000c;
	z-index: 1;
}

.uk-navbar-dropdown-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus
#search-3 .uk-navbar-toggle,
.uk-navbar-nav > li > a[aria-expanded="true"]{
	color:#fff;
	background:#000;
}
.uk-navbar-dropdown {
  padding: 0;
}
.uk-navbar-dropdown-nav > li > a {
  padding: 25px 0px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 1.25rem;
}

.uk-navbar-toggle.uk-icon.uk-search-icon {
    width:75px;
    height:75px;
    color:#000;
}
.uk-navbar-item.uk-logo {
	background:#000;
	box-shadow: 0em 0em 4em #000c;
	z-index: 1;
}
.uk-navbar-dropdown-nav > li > a:focus,
.uk-navbar-dropdown-nav > li > a:hover {
	color: #fff;
	background: #000;
}
.uk-navbar-center-left .menu-item {
  border-left: 1px solid #ddd;
}
.uk-navbar-center-right .menu-item {
  border-right: 1px solid #ddd;
}
.uk-navbar-item.search-button {
  position: fixed;
  right: 0;
  height: 75px;
  border-left: 1px solid #ddd;
  width: 75px;
}
.uk-navbar-nav > li > a {
	min-width:225px;
	transition: all 0.5s ease-out;
}



.uk-navbar-toggle-icon {
	fill: #000;
}
.uk-navbar-center:not(:only-child) {
  z-index: 1024;
}

.tm-header-mobile .uk-navbar-item.uk-logo {
	margin-bottom: -40px;
}
.tm-header-mobile .uk-navbar-container {
  max-height: 50px;
}
.tm-header-mobile .uk-navbar-toggle.uk-icon.uk-search-icon {
  width: 50px;
  height: 50px;
}
.tm-header-mobile .tm-header-mobile .uk-navbar-toggle {
  width: 50px;
  height: 50px;
}
.tm-header-mobile .uk-navbar-item:not(.uk-logo), 
.tm-header-mobile .uk-navbar-toggle {
	min-height: 45px;
}

.widget_nav_menu li.menu-item {
	border-top:1px solid rgba(255,255,255,.05);
	font-weight: 500;
	line-height: 2;
}
.leaflet-popup-content-wrapper {
    border-radius: 0px;
}
.leaflet-popup-content .el-item{
    width:300px;
    font-size: 14px;
}
.leaflet-popup-content .el-image{
    float: left;
    padding-right:15px;
    padding-top: 2px;
}
.leaflet-popup-content h3 {
	color: #222 !important;
}

.newsletter .uk-input {
    border: 1px solid #4b4b4b;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background-color: transparent;
	font-family: IntroRustGBase;
} 
.newsletter .el-button.uk-button{
  border-radius: 5px;
  padding: 0px 20px;
}
.uk-section-secondary:not(.uk-preserve-color) .newsletter .uk-input{
	background-color: transparent;
}

.just-announced .uk-overlay-primary {
	background: rgb(0,0,0);
	background: linear-gradient(200deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 100%);
}

.just-announced .el-item picture img {
	transform: scale(1);
	transition: all .4s;
}
.just-announced .el-item:hover picture img  {
	transform: scale(1.2);
}
/*	Streams Page
*/

body.page-id-1628 .uk-lightbox.uk-open {
	max-width: 80vw;
	margin-left: auto;
	margin-right: auto;
	max-height: 90vh;
	margin-top: auto;
	margin-bottom: auto;
}
body.page-id-1628 .uk-lightbox-toolbar-icon {
	padding: 15px;
	color: rgba(255,255,255,.7);
	background: #f00;
	border-radius: 500px;
}
body.page-id-1628 .uk-lightbox-button {
	padding: 15px;
	color: rgba(255,255,255,1);
	background: #f00;
	border-radius: 500px;
}

/*	Spaces Slider
*/
.spaces-slider .el-item {
	opacity: .5;
	transition: all .6s;
	margin-top: 100px;
	
}
.spaces-slider .el-item.uk-active {
	opacity: 1;
	margin-top: 0;
	transition-delay: .1s;
}
.spaces-slider img.el-image.uk-transition-opaque{
	opacity: .25;
	transition: all .6s;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(95%);
}
.spaces-slider .el-item.uk-active img.el-image.uk-transition-opaque{
	opacity: 1;
	transition: all .6s;
	filter: none;
}

.woocommerce-additional-fields {
	display:none;
}
/*	Gallery image
*/
body.single-image {
  background-image: url("../images/mottled-black.png");
}
body.image-template-default.single-image .tm-header,
body#wpadminbar,
body.image-template-default.single-image footer{
	display:none;
}
body.image-template-default.single-image .uk-section {
    padding-top: 0;
    padding-bottom: 0;
}

.clips .uk-overlay-primary {
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.clips .el-meta.uk-text-muted {
	font-size: 10px;
}
/*	Event Pages
*/

.uk-section-default.event-content {
	background: #181818;
	background-image: url("../images/mottled-black.png")
}

#pull-up.uk-grid-item-match {
  top: -200px;
  position: relative;
}

/* New Events taxonomy */
body.page-template-page-events .uk-section-default{
	background: #181818;
}
body.page-template-page-events .uk-h1,
body.page-template-page-events .uk-h2, 
body.page-template-page-events .uk-h3, 
body.page-template-page-events .uk-h4, 
body.page-template-page-events .uk-h5, 
body.page-template-page-events .uk-h6, 
body.page-template-page-events .uk-heading-2xlarge, 
body.page-template-page-events .uk-heading-3xlarge, 
body.page-template-page-events .uk-heading-large, 
body.page-template-page-events .uk-heading-medium, 
body.page-template-page-events .uk-heading-small, 
body.page-template-page-events .uk-heading-xlarge, 
body.page-template-page-events h1, 
body.page-template-page-events h2, 
body.page-template-page-events h3, 
body.page-template-page-events h4, 
body.page-template-page-events h5, 
body.page-template-page-events h6, 
body.page-template-page-events p, 
body.page-template-page-events li {
	color: #fff;
}
.events-page-title,
.events-year{
  font-size: 24px;
}
body.page-template-page-events .date-month {
	font-size: 24px;
}
body.page-template-page-events .date-day {
	font-size: 36px;
	opacity: .9;
}
body.page-template-page-events .date-number {
	line-height: .8;
	font-size: 6rem;
}

body.page-template-page-events sup {
	vertical-align: super;
	font-size: 1.75rem !important;
}


body.page-template-page-events .uk-button-secondary {
	background-color: #393939;
	transition: 0.4s;
}
body.page-template-page-events .uk-button-secondary:hover {
	background-color: #bb1718;
}
body.page-template-page-events .uk-button-primary {
	transition: 0.4s;	
}
body.page-template-page-events .uk-button-primary:hover {
	background-color: #a21314 !important;	
}

body.page-template-page-events .uk-card:hover .uk-button-primary {
		background-color: #424242 !important;	
}
body.page-template-page-events .uk-card .uk-button-primary:hover {
		background-color: #a21314 !important;	
}
body.page-template-page-events .desk ul li,
body.page-template-page-events .mobile ul li{
	width: 100%;
}
body.page-template-page-events ul li.price {
	font-size:32px;
}
.uk-card-media-left .uk-cover-container {
    position: relative;
}
body.page-template-page-events .uk-label.uk-label-danger{
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	background: #bb1718;
	color: white;
}

/* Ensure consistent card heights */
body.page-template-page-events .ani-bg {
      background: linear-gradient(to right, #bb1718 50%, #393939 50%);
      background-size: 200% 100%;
      background-position: right bottom;
      transition: background-position 0.3s ease;
    }
body.page-template-page-events .ani-bg:hover{
      background-position: left bottom;
    }
body.page-template-page-events .uk-heading-large {
    font-weight: unset;
}

.home-grid sup {
  vertical-align: super;
  font-size: 1.1rem !important;
}
.home-grid .uk-heading-medium {
  line-height: .7;
  font-weight: unset;
}
.home-grid .uk-card-small .uk-card-body {
  padding: 15px 15px;
}
.home-grid .uk-position-bottom-left {
  bottom: -35px;
  left: -17px;
}
.home-grid article .grid-date .uk-card {
	transform: scale(0.7);
}
.home-grid article:hover .grid-date .uk-card {
	transform: scale(0.7);
}
.home-grid .uk-label.uk-label-danger {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #bb1718;
  color: white;
}
/* Mobile adjustments */
@media (max-width: 959px) {
    body.page-template-page-events .uk-flex-between\@s {
        flex-direction: column;
        gap: 10px;
    }
    
    body.page-template-page-events .uk-width-1-3\@s {
        width: 100% !important;
    }
    
    body.page-template-page-events .uk-card-media-left .uk-cover-container {
        height: 200px !important;
    }
	body.page-template-page-events .uk-button-large {
	  padding: 0 17px;
	}
}


@media (max-width: 1302px) {
	.uk-navbar-dropdown,
	.uk-navbar-nav > li > a {
		min-width: 190px;
	}
}
@media (max-width: 1160px) {
	.uk-navbar-dropdown,
	.uk-navbar-nav > li > a {
		min-width: 150px;
	}
}
@media (max-width: 1010px) {
	.uk-navbar-dropdown,
	.uk-navbar-nav > li > a {
		min-width: 130px;
	}
}
@media (max-width: 959px) {
	.uk-navbar-container {
	}
}
.uk-button.uk-button-primary:hover {
  background-color: #313131;
  color: #fff;
}
.about-panel-links .uk-panel .el-title {
    min-height:220px
}
.event-type-listing .titles a {
    font-family: IntroRustGBase;
    color: #fff;
    font-size: 150%;
}
footer .uk-section-primary {
  background: #770002;
}
/*	Woocommerce
*/
form.checkout.woocommerce-checkout .tickera_additional_info {
    display:none;
}
.woocommerce input[type="checkbox"] {
	margin-right: 5px;
	border-radius: 2px;
}
.wc_payment_methods .payment_box {
  line-height: 2;
}
.form-row.form-row-wide.mailchimp-newsletter {
  margin-top: 15px;
}
@font-face {
  font-family: "IntroRustGBase";
  src: url('../fonts/font.woff2') format('woff2'),
	  url('../fonts/font.woff') format('woff');
}
/*	Drinks
*/
ul.drinks-navbar-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.drinks-navbar-nav li {
  float: left;
}
ul.drinks-navbar-nav li a {
    color:#333;
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
    border-bottom: 2px solid #efefef;
}
ul.drinks-navbar-nav li a:hover {
    color:#f33;
    border-bottom: 2px solid #333;
}
.drink-section {
	margin-top:60px;
}
ul.drink {
	font-size:unset;
	list-style-type: none;
}
.page-template-drinks h2 {
  font-weight: 300;
  border-bottom: 3px solid #444;
  padding-bottom: 10px;
}
ul.drink li.drink-box {
    border-bottom: 1px solid #ccc;
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 0 15px;
    min-height:60px;
    padding: 15px;
    padding-left: 80px;
    transition: all 0.3s ease-out;
}
.drink-box.background-hidden {
  background-size: 0px !important;
  padding-left: 15px !important;
  background-position: 25px 66px !important;
  transition: all 0.2s ease-out;
}

ul.drink li img.drink-logo {
  max-width: 200px;
	margin-right:15px;
	background: #fff;
}
ul.drink li .drink-logo img {
	border:1px solid #111;
}
ul.drink li h3.drink-title {
	font-size:18px;
	font-weight:600;
	cursor: pointer;
    margin-bottom:0;
    font-family:Poppins;
}

ul.drink p {
    padding: 0 30px 20px 10px;
    margin:0;
    max-width:768px;
    font-size:90%;
}
ul.drink a {
  color: #333;
}
.measure-price {
    color: #555;
    font-size: 80%;
    font-weight: 600;
    padding-bottom: 10px;
    height:10px;
}
.measure-price span {
    float:left;
}
.measure-price span.measure {
  padding-right: 4px;
}
.measure-price span.price {
  padding-right: 10px;
  border-right: 1px solid #b5b5b5;
  margin-right: 10px;
}
.measure-price span.drink-abv  {
  padding-right: 10px;
  border-right: 1px solid #b5b5b5;
  margin-right: 10px;
}
.measure-price span.drink-ibu {
  padding-right: 10px;
  margin-right: 10px;
}

.in-page-menu li {
  border-top: 1px solid #ce2e2e;
}
.in-page-menu li a {
  margin: 6px 0;
  width: 100%;
  display: block;
}
.in-page-menu li a:hover {
	color:rgba(255,255,255,1);
}
@media only screen and (max-width: 600px) {
	ul.drink li img.drink-logo {
		width: 100%;
		max-width: 100%;
		margin-right:0;
		margin-bottom: 15px;
		border:1px solid BLACK;
	}
		ul.drink p {
		padding: 5px;
	}
	.page-template-drinks .entry-content.page-main {
    height: unset;
  }
	.drink-description-text {
		margin-bottom: 10px;
		display: block;
	}
}

.uk-button-primary:hover {
  background-color: #1c1c1c !important;
  color: #fff !important;
}