/***********************************************
Copyright (c) 2007-2024, Wide Web. All Rights Reserved.
https://www.WideWeb.com.au
***********************************************/
#modal_item {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	height: 100dvh;
	max-height: 0px;
	background-color: rgba(0, 0, 0, 0);
	display: inline-block;
	overflow: auto;
	transition: background-color .5s ease 0s;
	z-index: 10001;
	touch-action: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#modal_item.open {
	max-height: 100000px;
	background-color: rgba(0, 0, 0, 0.9);
	display: table;
}
#modal_item.close {
	max-height: 100000px;
	background-color: rgba(0, 0, 0, 0);
	display: table;
}
#modal_item .modal_item_box {
	vertical-align: middle;
	display: table-cell;
}
#modal_item .modal_item_box_container {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 98%;
	max-width: 1920px;
	background-color: #FFFFFF;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	outline: 0;
	opacity: 0;
	transform: scale(0.5,0);
	transform-origin: center;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	touch-action: auto;
}

#modal_item.open .modal_item_box_container {
	opacity: 1;
	transform: scale(1,1);
}

#modal_item.close .modal_item_box_container {
	opacity: 0;
	transform: scale(0,0);
}



#modal_item .modal_item_box_container ::-webkit-scrollbar{height:17;width:17px;background:transparent}
#modal_item .modal_item_box_container ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.07);-webkit-border-radius:10px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0);}
#modal_item .modal_item_box_container:hover ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);-webkit-border-radius:10px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0);}
#modal_item .modal_item_box_container ::-webkit-scrollbar-corner{background:#000}




#modal_item  .modal_item_box_content {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	max-width: 98vw;
	height: 100%;
	min-height: 40vh;
	max-height: 88vh;
	max-height: 88dvh;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), #000 17px, #000 100%);
    -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), #000 17px, #000 100%);
}

@media(max-width:530px) {
	#modal_item  .modal_item_box_content {
		height: 100%;
		min-height: 40vh;
		max-height: 72vh;
		max-height: 88dvh;
	}
}


#modal_item header {
	margin: 0px;
	padding: 5px 5px 2px 5px;
	height: auto;
	font-family: sans-serif;
	font-size: 25px;
	color: #000000;
	background-color: #F8F8F8;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.3);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#modal_item header h3 {
	margin: 0px;
	padding: 0px 12px;
	max-width: calc(100% - 80px);
	font-size: medium;
	color: #000000;
	background-color: transparent;
	display: inline-block;
}
#modal_item header button.modal_item_box_close {
	margin: -3px -3px 1px 3px;
	width: 42px;
	height: 42px;
	color: #FFFFFF;
	background-color: #FF3E00;
	background-image: url('../image/leave.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 7px;
	box-shadow: -1px -1px 0px rgba(0,0,0,0.1), 1px 1px 0px rgba(255,255,255,1);
	transition: all .2s ease-in-out .0s;
	float: right;
	cursor: pointer;
}



.modal_item_box_content {
	text-align: left;
	display: inline-flex;
}
.modal_item_box_content .meal_gallery {
	margin: 0px;
	padding: 0px;
	display: inline-block;
    height: auto;
    max-width: none;
    max-height: none;
    overflow: none;
    border-radius: 0px;
    float: none;
}
.modal_item_box_content .meal_gallery img {
	margin: 17px;
	padding: 0px;
	width: 65vh;
	width: 80dvh;
	max-width: 45vw;
	height: auto;
	border-radius: 10px;
	display: block;
}
.modal_item_box_content .container p ~ div {
	margin: 20px 0px 0px 0px;
	padding-bottom: 30px;
	display: block;
}
.modal_item_box_content .container {
	margin: 0px auto;
	padding: 27px 0px 0px 0px;
	width: 45vw;
	max-width: 1120px;
	height: auto;
	font-family: sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	vertical-align: top;
	display: inline-block;
}
@media(max-width:650px) {
	.modal_item_box_content {
		text-align: center;
		display: block;
	}
	.modal_item_box_content .meal_gallery {
		display: block;
	}
	.modal_item_box_content .meal_gallery img {
		width: 85vw;
		max-width: none
	}
	.modal_item_box_content .container {
		margin: 0px auto;
		padding: 0px 17px 67px 17px;
		width: 85vw;
		max-width: none;
		vertical-align: top;
		display: block;
		text-align: left;
	}
}
@media(min-width:1920px) {
	.modal_item_box_content .meal_gallery img {
		max-width: 725px;
	}
}
.modal_item_box_content .container div.price_tag {
    margin: 0px;
    padding: 4px 8px;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bolder;
    -webkit-text-size-adjust: 100%;
    color: #FFFFFF;
    text-align: left;
    background-color: #000000;
    border-radius: 5px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    vertical-align: top;
    text-decoration: none;
    overflow: hidden;
    transition: all .2s ease-in-out .0s;
    display: inline-block;
    float: right;
}
.modal_item_box_content .container div.price_tag > span {
    font-size: 12px;
}
.modal_item_box_content .container > h5 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: sans-serif;
    font-size: 20px;
    -webkit-text-size-adjust: 100%;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    text-overflow: clip;
}
.modal_item_box_content .container > h5 + p > span {
    text-decoration: none;
    text-transform: lowercase;
    font-variant: small-caps;
}
.modal_item_box_content .store_menu_links {
    margin: 5px 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
    display: block;
}
.modal_item_box_content .store_menu_links li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.modal_item_box_content .store_menu_links li a {
    margin: 5px 5px 5px 5px;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    font-weight: bolder;
    text-decoration: none;
    color: #FFF !important;
    background-color: #FF3E00 !important;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    border-width: 0;
    border-style: none;
    border-radius: 5px;
    -webkit-appearance: none;
    opacity: 1;
    outline: none;
    cursor: pointer;
    display: inline-block;
}
.modal_item_box_content .store_menu_links li a[href*="&external="] {
    margin: 5px 5px 5px 5px;
    padding: 10px 38px 10px 15px;
    font-size: 14px;
    font-weight: bolder;
    text-decoration: none;
    color: #FFF !important;
    background-color: #FF3E00 !important;
    background-image: url('../image/external_link.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    border-width: 0;
    border-style: none;
    border-radius: 5px;
    -webkit-appearance: none;
    opacity: 1;
    outline: none;
    cursor: pointer;
    display: inline-block;
}
.modal_item_box_content .store_menu_links li a[href$="&external=order"] {
    text-indent: -10000px;
    line-height: 0px;
}
.modal_item_box_content .store_menu_links li a[href$="&external=order"]::after {
    content: 'Order';
    text-indent: 0px;
    display: block;
    line-height: initial;
}
.modal_item_box_content .store_menu_links li a[href$="&external=info"] {
    text-indent: -10000px;
    line-height: 0px;
}
.modal_item_box_content .store_menu_links li a[href$="&external=info"]::after {
    content: 'Information';
    text-indent: 0px;
    display: block;
    line-height: initial;
}
.modal_item_box_content .container .youtube_wrapper_2 ~ div {
	margin: 20px 0px 0px 0px;
	display: block;
}
@keyframes loading_in {
	from { opacity: 0; }
	to { opacity: 1; }
}
.modal_item_box_content .meal_gallery img.modal_loaded {
	animation-name: loading_in;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease;
}