/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
}
.fusion-body .fusion-main-menu .current_page_item>a { border-bottom: 3px solid #f15522; }
.fusion-main-menu>ul>li>a { font-size: 16px !important;font-weight: 600 !important;}
.fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons .fusion-toggle-icon-line { background-color: #ffffff !important; }

.fusion-header-has-flyout-menu .fusion-flyout-menu {
		background-image: url(https://ichibanbento.com.sg/wp-content/uploads/2025/06/Ichiban-flyout-menu-background.jpg);
		background-size: cover; background-position: top center;
	}
	/*.fusion-header-has-flyout-menu .fusion-flyout-menu::after { 
		content: url(https://ichibanbento.com.sg/wp-content/uploads/2024/01/Flyout-menu-RES-logo.png);
		position: fixed;
    	bottom: 0;
    	margin: auto;
    	left: auto;
    	right: 0;
    	text-align: center;
		width: 410px;
}*/
/* custom css */
.fusion-header-has-flyout-menu .yg-menu-footer-logo { position: fixed; bottom: 0; margin: auto; left: auto; right: 0; text-align: center; width: 410px; }
.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu {margin-top: auto !important;}
.fusion-body .fusion-main-menu .current_page_item>a { border-bottom: 2px solid; }

.ua-desktop .fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle { height: calc(30px * 0.9) !important; position: fixed; top: 20px;
  right: 20px; }
.ua-desktop .admin-bar .fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {top: 52px;}

.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line { width: calc(24px * 1.5) !important; }

.fusion-flyout-menu-bg{ --flyout_menu_background_color: rgb(0 0 0 / 53%) !important;}
.fusion-header-has-flyout-menu .fusion-header-v6-content .fusion-logo{ z-index: 1 !important; }
.yg-reservation-menu span.menu-text { line-height: 1.8; color: #bb0000;}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) { 
	.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{
		margin-top: 50px !important;
		height: 86%;
    	overflow-y: scroll;
	}
	.fusion-header-has-flyout-menu .fusion-flyout-menu ul.fusion-menu li {padding: 0px !important;}
	.fusion-header-has-flyout-menu .fusion-flyout-menu {
		background-image: url(https://ichibanbento.com.sg/wp-content/uploads/2025/06/Ichiban-flyout-menu-background.jpg);
		background-size: cover; background-position: top center;
		height: 80% !important;
	}
	/*.fusion-header-has-flyout-menu .fusion-flyout-menu::after { 
		content: url(https://ichibanbento.com.sg/wp-content/themes/Avada-Child-Theme/includes/assets/images/Flyout-menu-RES-logo-NEW-SVG.svg);
		position: absolute;
    	bottom: 10px;
    	margin: auto;
    	left: 0;
    	right: 0;
    	text-align: center;
		width: auto;
	} */
	.fusion-header-has-flyout-menu .yg-menu-footer-logo { position: absolute; bottom: 10px; margin: auto; left: 0; right: 0; text-align: center; width: auto;	} 
	.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle{ 
		top: 0; margin: 15px 0px; 
	} 
	.page-id-499 .fusion-logo img {
		max-width: 220px;
	}
	
	.ua-mobile .fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle { height: calc(30px * 0.9) !important; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { .fusion-header-has-flyout-menu .fusion-flyout-menu {/*right: 0;*/ left: auto !important; max-width: 410px; width: 100% !important;} .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{text-align: left !important;} }

@media only screen and (min-width: 800px) {
	.fusion-header-has-flyout-menu .fusion-flyout-menu {padding: 60px 25px 60px 50px !important;}
	.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{text-align: left !important;}
}

@media only screen and (min-width: 1025px) and (max-width: 1800px)  { 
	
	.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-toggle {
	    -webkit-animation: fadeInFromNone 0.5s ease-out;
	    animation: fadeInFromNone 0.5s ease-out;
	}
	.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-toggle-icon-line{
	    height: 3px;
	}

	@-webkit-keyframes fadeInFromNone {
	    0% {	        
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	    1% {	        
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	    100% {	        
	        opacity: 1;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    }
	}
	@keyframes fadeInFromNone {
	    0% {	        
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	    1% {	        
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	    100% {	        
	        opacity: 1;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    }
	}
}

/** Promotion Post List CSS **/
.yg-promotion-filter-cat .select2-container {
	margin: 30px 50px;
	width: 300px !important;
}
.yg-promotion-filter-cat .select2-container .select2-selection {
	background-color: #e5d4c3;
    border: 1px solid #7b5749;
}
.yg-promotion-filter-cat .select2-container .select2-selection .select2-selection__rendered{
	color: #7b5749;
	font-size: 14px;
    font-family: usual;
}
.yg-promotion-filter-cat .select2-container .select2-selection .select2-selection__arrow{
	background-color: #f15522;
	padding: 1.5em;
    border-radius: 0 0.25em 0.25em 0;
}
.yg-dropdown-wrap ul li {
	color: #7b5749;
	font-size: 14px;
}
.yg-dropdown-wrap ul li:hover {
	background-color: #f15522 !important;
}
.yg-dropdown-wrap ul .select2-results__option--selected  {
	background-color: #f15522 !important;
	color: #fff;
}

.yg-promotion-post-list .yg-promotion-inner-wrap .yg-promotion-post-feature {
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.yg-promotion-post-list .yg-promotion-inner-wrap .yg-promotion-content {
	padding: 0 20px;
	margin-top: 25px;
}
.yg-promotions-text-block {
	margin: 0 50px !important;
}
@media only screen and (max-width: 600px) {
	.yg-promotion-filter-cat .select2-container {
		margin: 0px;
		width: 100% !important;
	}
  	.yg-promotion-post-list .yg-promotion-inner-wrap .yg-promotion-content {
    	padding: 0;
  	}
	.yg-promotion-filter-cat {
		margin: 30px 0;
		width: 100%;
	}
	.yg-promotions-text-block {
		margin: unset !important;
	}
}
.yg-promotion-post-list .yg-post-title-wrp .yg-post-title a{
	font-size: 18px;
    font-weight: 600;
    color: #4e372e;
	font-family: usual;
}
.yg-promotion-post-list .yg-post-title-wrp .yg-post-short-content p {
	font-size: 14px; font-family: usual;
}

.yg-column,
.yg-columns {width: 100%; position: relative; padding:10px; float:left;}

@media only screen and (min-width: 40.0625em) {  
    .yg-column,
    .yg-columns {position: relative; padding: 10px; float:left;}
    .yg-col-1{ width: 100%; }
    .yg-col-2{ width: 50%; }
    .yg-col-3{ width: 33.33333%; }
    .yg-col-4{ width: 25%; }
    .yg-col-5{ width:20%; }
    .yg-col-6{ width: 16.66667%; }
    .yg-col-7{ width: 14.2857%; }
    .yg-col-8{ width: 12.5%; }
    .yg-col-9{ width: 11.11%; }
    .yg-col-10{ width: 10%; }
    .yg-col-11{ width: 9.090%; }
    .yg-col-12{ width: 8.33333%; }
}


@media only screen and (min-width: 768px) {
	/*.fusion-header-has-flyout-menu .fusion-header{position: inherit !important;}*/
}

.fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(2) {
  display: none;
}
a.fusion-flyout-menu-toggle:after {
	content: 'Menu';
	position: absolute;
	color: #fff;
    bottom: 0;
	font-size: 14px;
    font-family: 'usual';
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
	height: calc(20px * .2) !important;
	width: calc(20px * 2) !important;
}
.fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
	position: relative;
	padding-bottom: 25px !important;
}
.fusion-flyout-menu-active .fusion-flyout-menu-icons a.fusion-flyout-menu-toggle:after {
	display: none;
}
.page-id-860 .modal-content-container .modal-header .close {
	font-size: 45px !important;
	padding-right: 15px;
	z-index: 1;
}
.page-id-860 .overlay-container {
	z-index: 99999;
}

.fusion-header-has-flyout-menu .fusion-header-v6-content{-webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
.ua-desktop .fusion-header-has-flyout-menu-content{
	position: relative;
}