/*
Theme Name: AllinBrand
Theme URI: http://allinbrand.com
Description: AllinBrand
Author: nttam
Author URI: http://allinbrand.com
Template: Divi
Version: 1.0
*/


/* =================== */

.et_pb_main_blurb_image img {
    border-radius: 0px;
}

.faq.et_pb_accordion .et_pb_toggle {
    margin-bottom: 20px !important;
}

.faq.et_pb_accordion .et_pb_toggle {
    padding: 13px 20px;
}

.faq h4.et_pb_toggle_title {
    padding: 10px 0px 10px 50px !important;
    display: flex;
    align-items: center;
}

.faq .et_pb_toggle_title:before {
    display: inline-block !important;
    z-index: 1;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    left: 10px;
    right: unset;
}

.faq .et_pb_toggle_open .et_pb_toggle_title:before  {
	transform: rotate(-45deg);
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.faq .et_pb_toggle_title:after {
    content: '';
    display: inline-block;
    background: #da3831;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    z-index: 0;
	border-radius: 7px;
}

.et_pb_slide_online_order {
    cursor: pointer;
}

#page-container .item-right h6.item-title {
	font-size: 18px;
}

/* ========== Navigation Bottom On Smart Phone ===========*/
/*=========================================*/

#nav-bottom {
	width: 100%;
	height: 70px;
	background: #ca3c3f;
	position: fixed;
	bottom: 0;
	display: none;
	z-index: 9999999999999999;
	border-top: 1px solid #fff;
}

#nav-bottom .btn-bottom {
	width: 33.3%;
	float: left;
	text-align: center;
	transition: all .5s;
	position: relative;
	border-right: 1px solid;
	height: 100%;
	padding: 15px 0px;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#nav-bottom .btn-bottom span {
  line-height: normal;
}

#nav-bottom .btn-bottom.map-btn {
	border-right: none;
}

#nav-botton>a>div.btn-bottom:last-child {
	border: none;
}

#nav-bottom .btn-bottom:hover {
	opacity: .7;
	transition: all .5s;
}

#nav-bottom a {
	color: #fff;
}

#nav-bottom #et-info-phone:before, #nav-bottom #et-info-map:before, #nav-bottom #et-info-cart:before {
	top: 0px;
	display: block;
	position: relative;

}
#nav-bottom #et-info-phone {
	margin-right: 0px;
}

#nav-bottom #et-info-phone:before, #nav-bottom #et-info-map:before, #nav-bottom #et-info-cart:before {
	font-family: ETmodules !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-transform: none;
	speak: none;
	position: relative;
}

#nav-bottom #et-info-phone:before {
	content: "";
}

#nav-bottom #et-info-cart:before {
	content: "\e07a";
}

#et-info-map:before {
	content: "";
}

@media only screen and (max-width: 480px) {

	#page-container {
		margin-bottom: 70px;
	}

	#nav-bottom {
		display: inline;
	}
}

/* ========== END Navigation Bottom ===========*/
/*=========================================*/

.et_pb_section.home-testimonial {
    overflow-x: hidden;
}

.home-testimonial:before {
    content: '';
    position: absolute;
    background-image: url(../../../wp-content/uploads/2024/09/sushinoodlebar-12.png);
    width: 100%;
    height: 100%;
    right: -203px;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: 0;
}

footer.et-l.et-l--footer .footer-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 1) 78%);
	backdrop-filter: blur(5px);
}

.et-pb-arrow-next, .et-pb-arrow-prev {
    background: #fff;
    color: #ca3c3f;
    width: 60px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
	opacity: 1;
}

#page-container .et-pb-arrow-prev {
    left: -60px;
	transition: all .3s ease-in-out;
}

#page-container .et-pb-arrow-next {
    right: -60px;
	transition: all .3s ease-in-out;
}

#page-container .et_pb_slider:hover .et-pb-arrow-prev {
    left: 0px;
}

#page-container .et_pb_slider:hover .et-pb-arrow-next {
    right: 0px;
}

#page-container .et-pb-arrow-prev:hover,
#page-container .et-pb-arrow-next:hover {
  background: #ca3c3f;
  color: #fff;
}

#page-container .et-pb-controllers {
    bottom: 0px;
}

#page-container .et-pb-controllers a {
    border-radius: 0px;
    width: 80px;
	background: #fff;
	opacity: 1;
	height: 2px;
}

#page-container .et-pb-controllers .et-pb-active-control {
    background-color: #ca3c3f;
}

.et_pb_sticky.main-header {
    background-color: #ca3c3f !important;
}

.et_pb_sticky.main-header .et_pb_menu__logo img {
    filter: brightness(0) invert(1);
}

#page-container .et_pb_sticky.main-header .et_pb_menu .et-menu a {
    color: #fff !important; 
}

#page-container .et_pb_sticky.main-header .et_pb_menu .et-menu a:hover {
    color: #000 !important;
}

.main-header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item:before,
.main-header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 4px;
	border-radius: 50px;
    background: #d83422;
}

.et_pb_sticky.main-header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item:before,
.et_pb_sticky.main-header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item:after {
    background: #fff;
}

.main-header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item:before {
	left: 0px;
    top: 27%;
	animation: menu-ltr ease .5s;
}

.main-header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item:after {
	right: 0px;
    bottom: 27%;
	animation: menu-rtl ease .5s;
}

@keyframes menu-ltr {
  0% { left: -20px; }
  100% { left: 0px; }
}

@keyframes menu-rtl {
  0% { right: -20px; }
  100% { right: 0px; }
}

#page-container .top-nav .et_pb_column {
    display: flex;
    align-items: center;
	justify-content: space-between;
}

#page-container .top-nav .et_pb_column .et_pb_blurb .et_pb_blurb_container{
	vertical-align: middle;
}

#page-container .top-nav .et_pb_column .et_pb_blurb .et_pb_module_header {
    padding-bottom: 0px;
}

/* device */

@media only screen and (max-width: 1310px) {
	
}

@media only screen and (max-width: 1280px) {

}

@media only screen and  (max-width: 1270px) {
	
}

@media only screen and  (max-width: 1200px) {
	
}

@media only screen and (max-width: 1024px) {
	
}

@media only screen and (min-width: 981px) {
	
	.display-flex {
		display: flex;
	}
	
	.align-items-center {
	   align-items: center;
	}
	
	.align-items-end {
		align-items: end;
	}
	
	
	.home-about:before {
		content: '';
		position: absolute;
		background-image: url(../../../wp-content/uploads/2024/09/sushinoodlebar-14.png);
		width: 100%;
		height: 100%;
		right: -203px;
		background-repeat: no-repeat;
		background-position: top right;
		top: -200px;
	}
}

@media only screen and (max-width: 980px) {
	  .et-pb-arrow-next, .et-pb-arrow-prev {
		  width: 50px;
		  height: 80px;
		  font-size: 40px;
	}
	
	footer .footer-row-1 .et_pb_column {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	  .et-pb-arrow-next, .et-pb-arrow-prev {
		  display: none !important;
	}
	
	footer .footer-row-1 .et_pb_column {
		width: 100%;
	}
}

@media only screen and (min-width: 481px) {
	/* Floating button */

	.floating-btn 
	{
		position:fixed;
		bottom:40px;
		left:40px;
		z-index: 1;
		display: flex;
		align-items: center;
	}

	.floating-btn a > span {
		display: flex;
		height: 100%;
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	.floating-btn a > span img {
		width: 64px;
		overflow: visible;
		position: relative;
		top: -5px;
		left: 0px;
	}

	.floating-btn .float{
		width: 60px;
		height: 60px;
	/* 	background-color: #fff; */
		color: #111;
		border-radius: 50px;
		text-align: center;
	/* 	box-shadow: 2px 2px 3px rgba(98, 96, 96, 0.31); */
		margin-right: 15px;
	}

	.label-container{
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.floating-btn  .label-text{
		color:#FFF;
		background:rgba(51,51,51,0.5);
		display:table-cell;
		vertical-align:middle;
		padding:10px;
		border-radius:3px;
	}

	.floating-btn .label-arrow {
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 10px solid rgba(51,51,51,0.5);
		position: absolute;
		left: -10px;
	}

	.floating-btn  .my-float{
		font-size:24px;
		margin-top:18px;
	}

	.floating-btn div.label-container {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s ease;
		display: none;
	}

	.floating-btn:hover div.label-container{
		visibility: visible;
		opacity: 1;
		display: flex;
	}

	.bounce {
	  -moz-animation: bounce 1s infinite linear;
	  -o-animation: bounce 1s infinite linear;
	  -webkit-animation: bounce 1s infinite linear;
	  animation: bounce 1s infinite linear;
	}

	@-webkit-keyframes bounce {
		0% { bottom: 40px; }
		50% { bottom: -40px; }
		70% { bottom: -40px; }
		100% { bottom: 40px; }
	}
	@-moz-keyframes bounce {
		 0% { bottom: 40px; }
		50% { bottom: 50px; }
		70% { bottom: 50px; }
		100% { bottom: 40px; }
	}
	@-o-keyframes bounce {
		 0% { bottom: 40px; }
	   50% { bottom: 50px; }
		70% { bottom: 50px; }
		100% { bottom: 40px; }
	}
	@-ms-keyframes bounce {
		 0% { bottom: 40px; }
		50% { bottom: 50px; }
		70% { bottom: 50px; }
		100% { bottom: 40px; }
	}
	@keyframes bounce {
		 0% { bottom: 40px; }
		50% { bottom: 50px; }
		70% { bottom: 50px; }
		100% { bottom: 40px; }
	}
	/* end floating button */
}

@media only screen and (max-width: 480px) {
	.floating-btn  {
		display: none;
	}
	
	#page-container .top-nav .blurb-phone {
		display: none !important;
	}
	
	#page-container .et-pb-controllers a {
		width: 35px;
	}
}

@media only screen and (max-width: 360px) {
	
}

@media only screen and (max-width: 320px) {
	
}