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


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

/* 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 */

.main-header .et_pb_menu__logo-wrap {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

.main-header .et_pb_menu__logo-wrap .et_pb_menu__logo {
    margin-right: 0px;
}

h6.item-option-name {
    font-family: var(--et_global_body_font);
	font-size: 16px;
}

.restaurant-menu .item-option-price {
    font-weight: 500;
    color: #264e85;
}

/* 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;
	}
	
}

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

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

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

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

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