.sticker {
    display: inline-block !important;
    margin-left: 5px !important;
    visibility: visible !important;
}

.drink-icon {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    visibility: visible !important;
}

.drink-item p, .drink-item span {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.drink-item {
    position: relative !important;
    padding: 4px !important;
}

.drink-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-height: 80px !important;
    padding: 20px 0 !important;
    margin: 10px 0 !important;
}

.drink-item .main-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* Drink name styling */
.drink-item .drink-name {
    font-weight: bold !important;
    font-size: 1.1em !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

/* Drink details styling */
.drink-item .drink-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

.drink-item .drink-details p {
    margin: 0 !important;
    font-size: 40px !important;
    font-weight: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

.drink-item p {
    margin: 0 !important;
}

.drink-item .presentation-icons {
    display: flex !important;
    gap: 12px !important;
    margin-top: 5px !important;
    align-items: flex-start !important;
    overflow: visible !important;
}

.drink-item .presentation-icons img {
    flex-shrink: 0 !important;
    width: auto !important;
    margin: 5px 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
}

/* --- Base (template has minimal document chrome) --- */
html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

/* YM08 / Android WebView: scale a fixed 1080×1920 stage (not document zoom — zoom makes scroll janky) */
html.portrait-board-scale-fallback,
html.portrait-board-scale-fallback body {
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

html.portrait-board-scale-fallback body.digital-menu-board {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	position: relative !important;
}

.portrait-board-stage {
	position: relative;
	width: 100%;
	min-height: 100%;
}

html.portrait-board-scale-fallback .portrait-board-stage {
	width: 1080px;
	height: 1920px;
	min-height: 1920px;
	/* Scale is applied inline by JS (old WebViews often ignore CSS custom properties). */
	transform-origin: top left;
	-webkit-transform-origin: top left;
	overflow: hidden;
}

html.portrait-board-scale-fallback .menu-body,
html.portrait-board-scale-fallback .scroll-parent {
	/* Clip band under the 150px heading — not the scrolling content itself */
	height: 1770px !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

html.portrait-board-scale-fallback .beer-slider,
html.portrait-board-scale-fallback .menu-board-column,
html.portrait-board-scale-fallback .two-column-container {
	/* Content must grow with items; a fixed height + column-count packs into a 2nd column */
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
	-webkit-column-gap: 0 !important;
	-moz-column-gap: 0 !important;
	column-gap: 0 !important;
	column-fill: auto !important;
}

html.portrait-board-scale-fallback .scroll-parent {
	height: 1770px !important;
}

html.portrait-board-scale-fallback .background-transition {
	position: absolute !important;
	width: 1080px !important;
	height: 1920px !important;
}

/* Scroll container styling */
body {
    overflow: hidden !important;
    height: 100vh !important;
    margin: 0;
    padding: 0;
}

.menu-body {
    overflow: hidden !important;
    position: relative !important;
    height: 100vh !important;
}

.scroll-parent {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    height: calc(100vh - 10px) !important;
}

.beer-slider {
    overflow: visible !important;
    position: relative !important;
    height: 100vh !important;
    width: 100% !important;
    margin-top: 0 !important;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.menu-board-column {
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
}

.drink-row {
    display: flex !important;
    gap: 40px !important;
    width: 100% !important;
    position: relative !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Whitespace between item rows; divider sits centered in this gap (not on the boxes) */
.drink-row:not(:last-child) {
    margin-bottom: 48px !important;
}

.drink-row:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 1.5px !important;
    background-color: #000 !important;
    /* Center line in the margin below this row (48px gap → midpoint at +24px) */
    top: calc(100% + 24px - 0.75px) !important;
    z-index: 1 !important;
}

.drink-row .drink-item {
    flex: none !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 80px !important;
    position: relative !important;
    align-items: flex-start !important;
}

/* Ensure drink items align horizontally in rows */
.drink-item {
    min-height: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    background-color: rgba(245, 245, 245, 0.5) !important;
    padding: 4px !important;
    border-radius: 5px !important;
    margin: 5px 0 !important;
}

/* Smooth slide transitions */
.slide-1, .slide-2, .slide-3 {
    transition: opacity 1s ease-in-out !important;
    opacity: 0 !important;
}

.slide-1.show, .slide-2.show, .slide-3.show {
    opacity: 1 !important;
}

.slide-1.hidden, .slide-2.hidden, .slide-3.hidden {
    opacity: 0 !important;
}

/* FIXED: Background elements should be visible */
.background-transition {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    opacity: 0.4 !important;
}

.background-beer, .background-spirits, .background-cocktails {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: 0% center !important;
    background-repeat: no-repeat !important;
    opacity: 0 !important;
    transition: opacity 1s ease-in-out !important;
}

.background-beer.active, .background-spirits.active, .background-cocktails.active {
    opacity: 1 !important;
}

/* Force active background to be visible with higher specificity */
body .background-transition .background-beer.active {
    visibility: visible !important;
    display: block !important;
}

/* Ensure content appears above background */
.menu-body, .heading-banner {
    position: relative !important;
    z-index: 10 !important;
}

.digital-menu-board .heading-banner{
	width: 100%;
	height: 150px;
	background: rgba(0,0,0,0.5);
	position: relative;
}

.digital-menu-board .heading-banner h1{
    text-align: center;
    color: #fff;
    font-family: 'graduate',sans-serif;
    font-size: 135px;	
    font-weight: 300;
    -webkit-transform: translateX(-50%) translateY(-63%);
    -moz-transform: translateX(-50%) translateY(-63%);
    -ms-transform: translateX(-50%) translateY(-63%);
    -o-transform: translateX(-50%) translateY(-63%);
    position: absolute;
    top: 50%;
    left: 49%;
    padding-left: 40px;
    text-transform: uppercase;
    white-space: nowrap;
}

.digital-menu-board.beer.red{
	/*background: url(images/ice-bg-red_720.jpg) top left no-repeat #e6e6e6;*/
	background-size: cover;
}
.digital-menu-board.beer.blue{
	background: url(images/ice-bg-blue_720.jpg) top left no-repeat #e6e6e6;
	background-size: cover;
}
.digital-menu-board.beer.spirits{
	background: url(images/spirit_rotator_background_720.jpg) top left no-repeat #e6e6e6;
	background-size: cover;
}
.digital-menu-board.beer{
	background-size: cover;
}

.digital-menu-board.beer .heading-banner{
	width: 100%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
}
.digital-menu-board.beer .menu-body{
	text-transform: uppercase;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 1.7em;
	padding-left: 50px;
}
.digital-menu-board.beer .menu-body .gray{
	color: #333;
}
.digital-menu-board.beer .menu-board-column{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

.digital-menu-board.beer.scrolling .menu-board-column{
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;
	font-size: 1.9em;
	margin-left: 20px;
}

.digital-menu-board.beer .menu-board-column p{
	margin: 0 0 1px;
}

.digital-menu-board.beer .menu-body span.beer-heading, .digital-menu-board.beer .menu-body u{
	text-transform: uppercase;
	text-decoration: none !important;
	color: #ae1810;
	display: block;
	margin: 15px 0 2px;
	font-size: 1.2em;
	break-after: avoid;
}

.digital-menu-board.beer.spirits .menu-body span.beer-heading{
	color: #70bffe;
}

.digital-menu-board.beer .menu-board-column{
	color: #333;
}

.digital-menu-board.beer.spirits .menu-body p{
	color: #fff;
}

.digital-menu-board.beer .menu-body .percent{
	font-style: normal;
	color: #0f6cb6;
	font-weight: normal;
}

.hidden-beer{
	visibility: hidden;
}

.scroll-parent{
	overflow: hidden;
	max-height: 100%;
	position: relative;
	left: -45px;   
}

/* JS sets transform from menuScrollStartMarginPx (~92% of menu band); list starts near bottom */
.beer-slider {
	margin-top: 0;
}

@keyframes slideup {
    from {top: 74px;}
    to {top: 0px;}
}

@keyframes slideupmore {
    from {top: 0px;}
    to {top: -148px;}
}

.beer-heading.sticky-header{
	position: fixed;
	top: 74px;
	margin: 15px 0 2px;
	animation-name: slideup;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

.beer-heading.sticky-header-away{
	position: fixed;
	top: 74px;
	margin: 15px 0 2px;
	animation-name: slideupmore;
	animation-duration: 4s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

/* Inline *new* labels must never become sticky section headers */
.digital-menu-board.beer .menu-body span.new-tag,
.digital-menu-board.beer .menu-body .drink-item span.new-tag {
	position: static !important;
	display: inline !important;
	float: none !important;
	top: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: none !important;
	font-size: inherit !important;
	color: red !important;
	animation: none !important;
}

.digital-menu-board.beer div p.buffered{
	margin-top: 101px;
}

.animate-up{
	top: 0px;
	transition:top 1s linear;
}

.digital-menu-board .heading-banner h1.big{
    font-size: 77px;	
}

.digital-menu-board .menulegend{
	position: absolute;
	bottom: 10px;
	left: 600px;
	color: #ae1810;
	text-transform: uppercase;
}

.digital-menu-board .menu-body{
	padding-left: 150px;
}

.digital-menu-board .feature-panel{
    float: left;
    min-height: 500px;
    height: 100%;
    overflow: hidden;
}

.digital-menu-board .menu-feature{
	height: 33%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    width: 100%;
    background-size: cover;
}

.digital-menu-board .feature-panel.top{
	width: 100%;
	height: auto;
	min-height: 0px;
}

.digital-menu-board .feature-panel.top .menu-feature{
	position: relative;
	float: left;
	width: 32.75%;
    left: inherit;
    top: inherit;
    margin-right: .875%;
}

.digital-menu-board .feature-panel.top .menu-feature.feature-3{
	margin-right: 0px;
}

.menu-feature.feature-2{
	top: 33.75%;
}
.menu-feature.feature-3{
	top: 67.5%;
}

.menu-feature .feature-text{
	font-size: 1.5em;
	font-weight: bold;
	font-family: verdana, sans-serif;
    text-transform: uppercase;
	color: #fff;
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-shadow: 3px 3px 3px #3f3f3f;
}

.digital-menu-board .menu-board-column{
	padding-top: 20px;
	padding-bottom: 10px;
}

.digital-menu-board .section-header{
	background: #ae1810;
	text-align: center;
	color: #fff;
    font-family: 'graduate',sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}

.digital-menu-board .menu-item{
	clear: both;
	padding-left: 10px;
	margin-bottom: 0px;
	font-family: verdana, sans-serif;
}

.menu-item.featured{
	background: #ebebeb;
}

.item-info{
	float: left;
	width: 100%;
}

.item-info.multi{
	float: left;
	width: 100%;
}

.price-info{
	font-weight: bold;
	text-align: right;
}

.price-info.multi{
	font-weight: bold;
	padding: 15px 5px 0 15px;
}

.multi.all-base li{
	float: left;
    margin-right: 5px;
}

.price-info li:first-child, .price-info li.is_base_price  {
	font-size: 1.6em;
}

.price-info.multi li{
	float: left;
	padding-right: 15px;
}

.price-info li{
	font-size: 1.15em;
	margin-top: 10px;
    margin-bottom: 2px;
}

.price-info.all-base li:first-child, .price-info.all-base li.is_base_price, .price-info.multi li {
	font-size: .8em;
}

.price-info ul {
	list-style-type: none;
	padding-left: 0;
}

.digital-menu-board .price-info ul{
	padding-bottom: 0px;
}

.digital-menu-board .menu-body{
	font-size: 1.5em
}

.item-info h3, .additional-info-callout h3, .drink-menu h3, .daily-deal h3 {
	text-transform: uppercase;
	color: #ae1810;
	font-weight: 900;
	margin-top: 10px;
	font-size: 1.15em;
	margin-bottom: 2px;
	display: inline-block;
}

.item-info p {
	font-size: .9em;
}

.daily-deal h3{
	font-size: 2.3em;
}

.col-md-4.daily-deal h3{
	font-size: 1.8em;
}

.item-info .menuitem-specialty{
	vertical-align: bottom;
	margin-left: 3px;
}

.additional-info-callout{
	border: 4px solid #ae1810;
	padding: 5 10px;
	margin-right: 75px;
	margin-top: 20px;
}

.additional-info-callout ul, .drink-menu ul{
	list-style-type: none;
	padding: 0;
	margin-top: 10px;
}

.drink-menu{
	margin-top: -75px;
}

.drink-menu ul{
	padding: 0 10px;
}

.additional-info-callout ul li, .drink-menu ul li{
	clear: both;
}

.additional-info-callout ul li .item, .drink-menu ul li .item{
	display: inline-block;
	float: left;
	width: 85%;
}

.additional-info-callout ul li .price, .drink-menu ul li .price{
	display: inline-block;
	float: right;
	font-weight: bold;
	font-size: 1.5em;
}