.menu-bitmap {
	position:absolute;
}

.accordion-collapse .menu-bitmap.garlic{
    left:-100%;
	top:20%;
	width:20%;
    transition:0.75s left ease;
}

.accordion-collapse .menu-bitmap.lettuce{
    right:-100%;
	top:50%;
	width:22%;
    transition:0.75s right ease;
}

.accordion-collapse.show .menu-bitmap.garlic {
	left: 0px;
}

.accordion-collapse.show .menu-bitmap.lettuce {
	right: -20px;
}

.menu-section{
	padding:0;
}
.menu-extra{
	padding-left:calc(var(--bs-gutter-x)* .5);
	padding-right:calc(var(--bs-gutter-x)* .5);
}

.menu-section-inner{
	border-top:1px solid;
	background-color:#fff9e4;
}

@media screen and (min-width:992px){
	.menu-section{
		padding-left:calc(var(--bs-gutter-x)* .5);
		padding-right:calc(var(--bs-gutter-x)* .5);
	}
	.menu-section-inner{
		border:3px double;
	}
}

.menu-subtitles{
	display: grid;
    grid-template-columns: 4fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 4px;
    grid-row-gap: 0px;
}

.subtitle-0{
	grid-area: 1 / 1 / 1 / 4;
	font-weight:bold;
}
.subtitle-1{
	grid-area: 1 / 4 / 1 / 5;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
}
.subtitle-2{
	grid-area: 1 / 5 / 1 / 6;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
}
.subtitle-3{
	grid-area: 1 / 6 / 1 / 7;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
}

.wine-list .menu-items{
	display:grid;
    grid-template-columns: 4fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 4px;
	grid-row-gap: 0px;
	padding-top:0.5rem;
}

.wine-list .subitem-0{
	grid-area: 1 / 1 / 1 / 4;
	font-weight:bold;
	font-size:0.9em;
}
.wine-list .subitem-1{
	grid-area: 1 / 4 / 1 / 5;
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
}
.wine-list .subitem-2{
	grid-area: 1 / 5 / 1 / 6;
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
}
.wine-list .subitem-3{
	grid-area: 1 / 6 / 1 / 7;
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
}
.subtitle-2, .subtitle-3, .wine-list .subitem-2, .wine-list .subitem-3{
	width:40px;
}
/* .item-price:before{
	content:"£";
} */
.wine-list .subitem-4{
	grid-area: 2 / 1 / 2 / 4;
	font-style:italic;
	font-size:0.8em;
}

/* Accordion */

.accordion-body {
	padding: 0;
}

.accordion-item {
    position: relative;
    background-color: transparent;
    border: none;
	padding: 1rem 0rem;
}
.accordion-item:last-of-type {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.accordion-header {
    margin-bottom: 0;
    background-color: transparent;
}
.accordion-button, .accordion-button:focus, .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: inherit;
	border-color: transparent;
	padding: 0rem 1.25rem;
}
.accordion-button:after {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 0rem;
    height: 0rem;
}
.accordion-button:not(.collapsed):after {
    background-image: none;
}
.accordion-button{
	padding-top:0rem;
	font-size: 0.75em;
	transition: 0.75s all ease;
}
.accordion-button:not(.collapsed){
	font-size: 1em;
	padding:1rem;
}
@media screen and (min-width:992px){
	.accordion-button:not(.collapsed){
		font-size: 1em;
		padding:1rem 3.5rem;
	}
}

.accordion-item p.menu-item{
	margin-bottom:0.75rem;
}
.accordion-item .menu-item-desc{font-size:0.85em;font-weight:300 !important;font-style: italic;}


.accordion-button .plusminus {
	display: block;
	position: absolute;
	/*Change to resize the plusminus box*/
	width: 20px;
	height: 20px;
	right:1.25rem;
}

.accordion-button .plusminus span{
	display: block;
	position: absolute;
	background: #e59780;
	border-radius: 3px;
	-moz-transition: all 0.75s ease;
	-webkit-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
}

.accordion-button .plusminus span:nth-child(1) {
  margin: 0 10%;
  width: 80%;
  height: 3px;
  /*- half the height*/
  top: calc(50% - 1.5px);
}

.accordion-button .plusminus span:nth-child(2) {
  margin: 10% 0;
  width: 3px;
  height: 80%;
  /*- half the width*/
  left: calc(50% - 1.5px);
}

.accordion-button:not(.collapsed) .plusminus span:nth-child(2) {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.menu-block .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.75s ease;
}

.border-dot-red-50{
	border: 16px solid transparent;
    padding: 3px;
    border-image: url(/packages/theme_poons_london/themes/poons_london/css/images/border-dot-red-50.png) 42% round;
    max-width: 100%;
}