/* FW Food Menu rem setting */

:root {
	--main-color: #212121;
	--main-background: #ffc107;	
	--secondary-color: #777;
	--secondary-background: #eee;
	--link-color: #91a700;
}

/* #fwfm.fwcss {overflow-y: hidden;} */
#fwfm ::placeholder {font-style: italic;font-size: 90%;}
.fwcss .list-group-item {margin-bottom: 0;}

/********************* FW Food Menu - Bootstrap Design *********************/
#fwfm.fwfm-bootstrap  {
	max-width: 100%;
    /* overflow: hidden; */
}
#fwfm.fwfm-bootstrap  img {
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
#fwfm i, #fwfm i::before {
	font-family: 'Font Awesome 5 Pro' !important;
}
#fwfm i.fab, #fwfm i.fab::before {
	font-family: 'Font Awesome 5 Brands' !important;
}
#fwfm a {
	color: var(--link-color);
}


/********************* FW Food Menu - Category Layout *********************/
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-wrapper {
    margin-bottom: 2rem;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-item {
	height: 100%;
	position: relative;
	overflow: hidden;
    border: 2px solid transparent;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-item:hover {
	text-shadow: 1px 1px 1px #fff;
    border-color: #fad23b;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-align-left .fwfm-category-item {
	text-align: left;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-align-right .fwfm-category-item {
	text-align: right;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-align-center .fwfm-category-item {
	text-align: center;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-slideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-slideshow::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.8);
	z-index: 90;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-item:hover .fwfm-category-slideshow::before {
	background: rgba(255,255,255,0);
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-item-link {
	color: #222;
	height: 100%;
	display: flex;
	text-decoration: none !important;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image {padding: .5rem;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-top .fwfm-category-image {padding-bottom: 1rem;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-top .fwfm-category-item-link {flex-direction: column;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-left .fwfm-category-image {padding-right: 1rem;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-left .fwfm-category-item-link {flex-direction: row;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-right .fwfm-category-image {padding-left: 1rem;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-right .fwfm-category-item-link {flex-direction: row-reverse;}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-image-hide .fwfm-category-image {display: none;}
#fwfm.fwfm-category-list.fwfm-bootstrap .owl-stage-outer,
#fwfm.fwfm-category-list.fwfm-bootstrap .owl-stage,
#fwfm.fwfm-category-list.fwfm-bootstrap .owl-item {
    width: 100%;
	height: 100%;
    position: relative;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .owl-carousel .owl-item img {
    width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-description {
	width: 100%;
	position: relative;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-description-wrapper {
	padding: 1rem;
	position: relative;
	z-index: 100;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-description-title {
    margin-bottom: .751rem;
    font-size: 1.5rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-description-text {
    margin-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.4;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-description .btn {
    color: #222;
    background: #fad23b;
	border: 0;
	font-weight: 400;
	text-shadow: none !important;
    box-shadow: none;
	transition: all .2s linear;
	border-radius: 0;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-item:hover .fwfm-category-description .btn {
    background: #fec700;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-description .fwfm-category-meals {
	margin-top: .4rem;
	font-size: .8rem;
}

#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-no-images .fwfm-category-item {
	padding: 0;
	height: auto;
}
#fwfm.fwfm-category-list.fwfm-bootstrap .fwfm-category-no-images .fwfm-category-description {
	color: #333;
	height: auto;
	position: relative;
	padding: 1rem .5rem;
	text-shadow: none;
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 0;
}


/********************* FW Food Menu - Category Non-breaking Columns *********************/
#fwfm .fwfm-global-cols-2,
#fwfm .fwfm-global-cols-3,
#fwfm .fwfm-global-cols-4 {
	display: flex;
}
#fwfm .fwfm-global-cols-2 > div {
	min-width: 49.99%;
	max-width: 49.99%;
}
#fwfm .fwfm-global-cols-3 > div {
	min-width: 33.3%;
	max-width: 33.3%;
}
#fwfm .fwfm-global-cols-4 > div {
	min-width: 24.99%;
	max-width: 24.99%;
}


/********************* FW Food Menu - Meals Layout *********************/
/* Food Menu Category styles */
#fwfm .fwfm-category {
    margin-bottom: 2rem;
	background-repeat: no-repeat;
	background-position: center center;
}
#fwfm .fwfm-category-title-wrapper {
	margin-bottom: 1.5rem;
}
#fwfm .fwfm-category-title {
	color: #212121;
	display: block;
    font-size: 2rem;
	font-weight: 500;
	clear: both;
}
#fwfm .fwfm-category-title.fwfm-level-2 {
    font-size: 1.65rem;
}
#fwfm .fwfm-category-title.fwfm-level-3 {
    font-size: 1.45rem;
}
#fwfm .fwfm-category-short-description {
	color: #444;
	font-size: 1.15rem;
	font-weight: normal;
}
#fwfm .fwfm-category-item-image-top .fwfm-category-item-image {
	text-align: center;
	margin-bottom: .5rem;
}
#fwfm .fwfm-category-item-image-left .fwfm-category-title-wrapper,
#fwfm .fwfm-category-item-image-right .fwfm-category-title-wrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: flex-end;
}
#fwfm .fwfm-category-item-image-left .fwfm-category-title,
#fwfm .fwfm-category-item-image-right .fwfm-category-title {
	flex: 1 0 auto;
}
#fwfm .fwfm-category-item-image-left .fwfm-category-item-image {
	margin: 0 1rem 0 0;
}
#fwfm .fwfm-category-item-image-right .fwfm-category-title-wrapper {
	flex-direction: row-reverse;
}
#fwfm .fwfm-category-item-image-right .fwfm-cascading-category-image {
	align-self: baseline;
}
#fwfm .fwfm-category-item-image-right .fwfm-category-item-image {
	margin: 0 0 0 1rem;
}

#fwfm .fwfm-subcategory-item {
	width: 100%;
}
#fwfm .fwfm-category-menu .fwfm-subcategory-item .fwfm-menu-item {
	width: 100%;
}
#fwfm .fwfm-category-menu .fwfm-col {
	margin: 0 .5rem;
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-1 > .fwfm-col {
	width: 100%;
	margin: 0;
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-2 > .fwfm-col {
	width: calc(50% - 1rem);
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-col {
	width: calc(33.3% - 1rem);
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-col {
	width: calc(25% - 1rem);
}
@media (max-width: 992px) {
	#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-col,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-col {
		width: calc(50% - 1rem);
	}
}
@media (max-width: 540px) {
	#fwfm .fwfm-category-menu.fwfm-cols-qty-2 .fwfm-col,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-3 .fwfm-col,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-4 .fwfm-col {
		width: 100%;
		margin: 0;
	}
}
#fwfm .fwfm-subcategory-item:first-of-type .fwfm-category-title.fwfm-level-2,
#fwfm .fwfm-subcategory-item:first-of-type .fwfm-category-title.fwfm-level-3 {
	margin-top: 0;
}
#fwfm .fwfm-category-title-wrapper .fwfm-menu-download {
	margin-left: 2rem;
}
#fwfm .fwfm-category-description {
    font-size: 1.1rem;
}
#fwfm .fwfm-category-align-left .fwfm-category-title {
	text-align: left;
}
#fwfm .fwfm-category-align-right .fwfm-category-title {
	text-align: right;
}
#fwfm .fwfm-category-align-center .fwfm-category-title {
	text-align: center;
}


/* Category position  and columns */
#fwfm .fwfm-category-menu,
#fwfm .fwfm-subcategory-meals {
	display: flex;
	max-width: 100%;
	flex-wrap: wrap;
	flex-basis: 100%;
}
#fwfm .fwfm-category-menu > .fwfm-menu-item,
#fwfm .fwfm-category-menu > .fwfm-menu-item-wrapper {
	margin: 0 .5rem 1.5rem;
} 

#fwfm .fwfm-category-menu.fwfm-cols-qty-1 > .fwfm-menu-item,
#fwfm .fwfm-category-menu.fwfm-cols-qty-1 > .fwfm-menu-item-wrapper {
	width: calc(100% - 1rem);
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-2 > .fwfm-menu-item,
#fwfm .fwfm-category-menu.fwfm-cols-qty-2 > .fwfm-menu-item-wrapper {
	width: calc(50% - 1rem);
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-menu-item,
#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-menu-item-wrapper {
	width: calc(33.3% - 1rem);
}
#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-menu-item,
#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-menu-item-wrapper {
	width: calc(25% - 1rem);
}
@media (max-width: 992px) {
	#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-menu-item,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-menu-item,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-menu-item-wrapper,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-menu-item-wrapper {
		width: calc(50% - 1rem);
	}
}
@media (max-width: 540px) {
	#fwfm .fwfm-category-menu.fwfm-cols-qty-2 > .fwfm-menu-item,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-menu-item,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-menu-item,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-2 > .fwfm-menu-item-wrapper,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-3 > .fwfm-menu-item-wrapper,
	#fwfm .fwfm-category-menu.fwfm-cols-qty-4 > .fwfm-menu-item-wrapper {
		width: calc(100% - 1rem);
	}
}
#fwfm .fwfm-category-body-left,
#fwfm .fwfm-category-body-right,
#fwfm .fwfm-category-body-bottom {
    display: flex;
    flex-wrap: nowrap;
}
#fwfm .fwfm-category-body-left .fwfm-category-body {
    margin-right: 1.5rem;
	flex-basis: 50%;
}
#fwfm .fwfm-category-body-right {
    flex-direction: row-reverse;
}
#fwfm .fwfm-category-body-right .fwfm-category-body {
    margin-left: 1.5rem;
	flex-basis: 50%;
}
#fwfm .fwfm-category-body-bottom {
    flex-direction: column-reverse;
}
#fwfm .fwfm-category-body-bottom .fwfm-category-description {
	margin-top: 1rem;
}


/* ===== Food Menu Cascading Layout styles ===== */
#fwfm .fwfm-cascading-loader {
	text-align: center;
	padding: 1.5rem 0;
}
#fwfm .fwfm-cascading-categories {
	text-align: center;
	margin-bottom: 2rem;
	position: relative;
}
#fwfm .fwfm-cascading-categories.owl-carousel {
	padding: 0 2.5rem;
}
#fwfm .fwfm-cascading-categories .owl-nav {
	margin: 0;
}
#fwfm .fwfm-cascading-categories .owl-nav button.owl-prev,
#fwfm .fwfm-cascading-categories .owl-nav button.owl-next {
	position: absolute;
	top: calc(50% - 2.5rem);
	left: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: none !important;
}
#fwfm .fwfm-cascading-categories .owl-nav button.owl-next {
	left: auto;
	right: 0;
}
#fwfm .fwfm-cascading-categories .owl-nav button span {
	display: none;
}
#fwfm .fwfm-cascading-categories .owl-nav button.owl-prev::before,
#fwfm .fwfm-cascading-categories .owl-nav button.owl-next::before {
	content: '\f053';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	width: 100%;
	height: 100%;
	font-size: 1.25rem;
	line-height: 1;
	text-align: center;
}
#fwfm .fwfm-cascading-categories .owl-nav button.owl-next::before {
	content: '\f054';
}
#fwfm .fwfm-cascading-categories .owl-stage {
	margin: 0 auto;
}
#fwfm .fwfm-cascading-category {
	display: inline-block;
	margin: 0 .5rem;
	vertical-align: top;
}
#fwfm .fwfm-cascading-carousel .fwfm-cascading-category {
	display: block;
}
#fwfm .fwfm-cascading-category-wrapper {
	transition: all .3s ease-in-out;
	padding: 1rem;
	text-align: center;
	border-radius: .25rem;
	border: 1px solid transparent;
}
#fwfm .fwfm-cascading-categories .fwfm-cascading-category.active .fwfm-cascading-category-wrapper,
#fwfm .fwfm-cascading-categories .fwfm-cascading-category-wrapper:hover {
	border-color: #fad23b;
	/* background: rgba(240, 240, 25, .25); */
	box-shadow: inset 0 0 1rem rgba(250,210,59,1);
}
#fwfm .fwfm-cascading-category-image.fwfm-category-image-top {
	margin-bottom: 1rem;
}
#fwfm .fwfm-cascading-category-image-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}
#fwfm .fwfm-cascading-category .fwfm-category-item-image-wrapper img {
	width: auto !important;
	margin: 0 auto;
	vertical-align: bottom;
}
#fwfm .fwfm-cascading-category button.btn-outline-secondary {
    color: #333;
    padding: .6rem 1.25rem;
    margin: 0 .9rem .75rem 0;
    border: 0;
    border-radius: 1.5rem;
    background: rgb(250,210,59);
	transition: all .3s ease-in-out;
}
#fwfm .fwfm-cascading-categories button.btn-outline-secondary.active,
#fwfm .fwfm-cascading-categories button.btn-outline-secondary:hover {
    color: #fff;
    background: #333;
}
#fwfm .fwfm-cascading-category-short {
	font-weight: 300;
	font-size: .8rem;
	line-height: 1.3;
}



/* ===== Food Menu Category Menu styles ===== */
#fwfm .fwfm-menu-item {
	padding: .5rem;
    display: flex;
    flex-wrap: nowrap;
	align-self: flex-start;
	margin-bottom: 1.25rem;
	background-size: 100%;
	background-position: top center;
	transition: all .4s ease-in-out;
}
#fwfm .fwfm-menu-item.fwfm-zoom-inline.active {
	flex-wrap: wrap !important;
}
#fwfm .fwfm-menu-item:last-child {
    margin-bottom: 0;
}
#fwfm .fwfm-menu-item > div {
    flex: 0 1 100%;
}

/* Meal content alignment */
#fwfm .fwfm-menu-item.fwfm-menu-item-align-center {
	text-align: center !important;
}
#fwfm .fwfm-menu-item.fwfm-menu-item-align-center .fwfm-menu-item-price {
	float: none;
	margin: 0;
}
#fwfm .fwfm-menu-item.fwfm-menu-item-align-center .fwfm-item-price-row {
	display: inline-block;
}
#fwfm .fwfm-menu-item.fwfm-menu-item-align-center .fwfm-item-price-row + .fwfm-item-price-row {
	margin-left: 1.5rem;
}
#fwfm .fwfm-menu-item.fwfm-menu-item-align-right {
	text-align: right !important;
}
#fwfm .fwfm-menu-item.fwfm-menu-item-align-right .fwfm-menu-item-price {
	float: left;
	margin: 0 .75rem .25rem 0;
}
#fwfm .fwfm-menu-item.fwfm-menu-item-align-right .fwfm-item-price-row {
	text-align: left;
}



/* Menu item elements */
#fwfm .fwfm-menu-item .fwfm-menu-item-image {
    flex-basis: auto;
}
#fwfm .fwfm-menu-item-image-left .fwfm-menu-item-image {
    margin-right: 1.25rem;
    flex-basis: 25%;
}
#fwfm .fwfm-menu-item-image-right {
    flex-direction: row-reverse;
}
#fwfm .fwfm-menu-item-image-right .fwfm-menu-item-image {
    margin-left: 1rem;
    flex-basis: 25%;
}
#fwfm .fwfm-menu-item-image-top {
    flex-direction: column;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-image-wrapper {
	max-width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	transition: width .3s ease-in-out;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-image-wrapper a {
	display: block;
}
#fwfm .fwfm-menu-item.fwfm-zoom-inline.active .fwfm-menu-item-image-wrapper {
	margin-bottom: 1rem;
}
#fwfm .fwfm-menu-item-image-top .fwfm-menu-item-image-wrapper {
	margin: 0 auto .5rem;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* padding-bottom: .5rem; */
	transition: all .5s ease-in-out;
	border-radius: .25rem;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-text {
	position: relative;
	clear: both;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-title {
	color: #333;
    font-size: 1.25rem;
	font-weight: 500;
    margin-bottom: .5rem;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-price {
    float: right;
    margin: 0 0 .25rem .75rem;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-price button {
    float: right;
    margin: .25rem 0;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-description {
    font-size: .9rem;
	font-weight: 300;
	line-height: 1.3;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-description p:last-child {
    margin-bottom: 0;
}
#fwfm .fwfm-menu-item .fwfm-meal-item-order-btn {
	display: inline-block;
}
#fwfm .fwfm-menu-item .fwfm-menu-item-category {
    color: #555;
	margin-top: .5rem;
	font-size: .9rem;
}
#fwfm .fwfm-menu-item  .fwfm-menu-item-category a i {
    margin-right: .15rem;
}


/* ===== Food Menu Promo styles ===== */
#fwfm .fwfm-menu-item-title .promo-title-icons span {
	display: inline-block;
	margin-left: .25rem;
	font-size: 1rem;
	vertical-align: top;
	background: none;
}
#fwfm .fwfm-promo-line {
	margin-bottom: .6rem;
}
#fwfm .fwfm-promo-line span {
	color: #fff;
	display: inline-block;
	margin-right: .3rem;
	padding: .35rem .4rem .2rem;
	line-height: 1;
	font-size: .7rem;
	text-transform: uppercase;
	background: none;
	border-radius: 3px;
}
#fwfm .fwfm-promo-line span.promo-motd {
	color: #6e5007;
	background: rgb(255,215,0);
}
#fwfm .fwfm-promo-line span.promo-special {
	/* background: rgba(255,0,20,.65); */
	background: rgb(255,89,102);
}
#fwfm .fwfm-promo-line span.promo-new {
	/* background: rgba(0,189,193,.75); */
	background: rgb(65,205,208);
}
#fwfm .fwfm-promo-line span.promo-recommended {
	/* background: rgba(0,144,0,.75); */
	background: rgb(64,173,64);
}

#fwfm .fwfm-promo-special-text {
	color: rgb(255,0,20);
	display: inline-block;
	padding: .6rem 1rem;
	margin: 0 0 .5rem;
	font-size: 1rem;
	background: rgba(255,251,205,.6);
}
#fwfm.fwfm-bootstrap .fwfm-promo-motd-badge,
#fwfm.fwfm-bootstrap .fwfm-promo-special-badge,
#fwfm.fwfm-bootstrap .fwfm-promo-new-badge,
#fwfm.fwfm-bootstrap .fwfm-promo-recommended-badge {
	display: none;
}


/* ===== Food Menu Prices styles ===== */
#fwfm .fwfm-menu-item-text::after {
	content: '';
	display: table;
	clear: both;
}
#fwfm .fwfm-item-price-row {
	white-space: nowrap;
	text-align: right;
}
#fwfm .fwfm-item-price-row span.fwfm-item-price-name,
#fwfm .fwfm-item-price-row span.fwfm-item-price-size {
	color: #777;
	margin-right: .4rem;
	font-size: .95rem;
	font-weight: 300;
}
#fwfm .fwfm-item-price-row span.fwfm-item-price,
#fwfm .fwfm-item-price-row span.fwfm-item-price-discounted {
	color: #333;
	font-weight: 500;
}
#fwfm .fwfm-item-price-row span.fwfm-item-price-discounted {
	color: rgb(255,89,102);
	font-size: 80%;
	text-decoration: line-through;
	font-weight: 300;
}

/* FWFM Order Basket  */
.fwfm-mod-cart {
	position: relative;
	font-size: .8rem;
	float: right;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: .5rem .75rem .35rem;
	border-radius: .25rem;	
}
.fwfm-mod-cart .fwfm-mod-cart-label {
	display: inline-flex;
	align-items: center;
	color: #fff !important;
	text-shadow: 0 1px 3px #aaa;
}
.fwfm-mod-cart .fwfm-mod-cart-label-icon {
	font-size: 2.25rem;
	margin-right: .75rem;
}
.fwfm-mod-cart .fwfm-mod-cart-qty-wrapper span.badge {
	font-weight: 300;
	padding-bottom: .15rem;
	margin-bottom: .25rem;
	text-shadow: none;
}
.fwfm-mod-cart .fwfm-subtotal-wrapper {
	font-size: 1rem;
	font-weight: 500;
}
.fwfm-mod-cart .fwfm-mod-cart-total {
	text-align: center;
}
.fwfm-mod-cart .fwfm-order-table-wrapper {
	max-height: 200px;
	overflow-y: auto;
}

#fwfm .fwfm-order-bottom-cart {
	width: 21.5rem;
	max-width: 100%;
	margin-bottom: 1rem;
	display: none;
	padding: 1.25rem;
	background: #fff;
	box-shadow: 0 0 1rem #777;
	border-radius: .25rem;
}
#fwfm .fwfm-order-bottom-cart .fwfm-order-side-header {
	padding: 0;
	margin-bottom: .75rem;
}
#fwfm .fwfm-order-bottom-cart .fwfm-order-table-wrapper {
	max-height: calc(100% - 5rem);
	overflow-y: auto;
}
#fwfm .fwfm-order-bottom-cart .fwfm-delivery-confirm button {
	margin-top: .5rem;
	padding: .5rem;
}
.fwfm-mod-cart-list.fwfm-mod-cart-items-in-cart .alert-info {
	display: none;
}
.fwfm-mod-cart-list .alert-info {
	display: block;
}


/* ===== Food Menu Order Layout styles ===== */
#fwfm button.fwfm-add-cart {
	color: #222;
	margin-top: .5rem;
	padding: .5rem 1rem;
	line-height: 1;
	font-weight: 300;
	font-size: .9rem;
	background: #ffc107;
	border: 0;
	border-radius: 2rem;
}

/* FWFM Order cart notifications  */
div.fwfm-add-cart-notice {
	position: fixed;
	top: 2rem;
	right: 2rem;
	z-index: 10000000;
}
div.fwfm-add-cart-notice .toast {
	width: 25rem;
	max-width: 100%;
	z-index: 10000000;
	background: #fff;
	border: 1px solid var(--main-background);
	border-radius: .25rem;	
}
div.fwfm-add-cart-notice .toast-header {
	color: var(--main-color);
	padding: .75rem 1.5rem .5rem;
	font-size: 1rem !important;
	font-weight: 400 !important;
	background: var(--main-background);
	border-bottom: 0;
}
div.fwfm-add-cart-notice .toast-header i {
	font-weight: 400 !important;
	margin-right: .75rem;
}
div.fwfm-add-cart-notice .toast-body {
	padding: 1.3rem 1.3rem 1rem;
	padding-left: 6rem;
	font-weight: 300;
	color: #212121;
	font-size: 1rem;
	line-height: 1.4;
	position: relative;
}
div.fwfm-add-cart-notice .toast-body::before {
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: inline-block;
	width: 4rem;
	content: '\f291';
	font-family: 'Font Awesome 5 Pro','Font Awesome 5';
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 3rem;
	text-align: center;
	color: var(--main-background);
}
div.fwfm-add-cart-notice .toast-body span {
	font-weight: bold;
}
div.fwfm-add-cart-notice .toast-body .toast-total {
	position: absolute;
	width: 4rem;
	top: 4rem;
	left: 1rem;
	text-align: center;
}
div.fwfm-add-cart-notice .toast-body .toast-total span.badge {
	font-weight: 300;
}
div.fwfm-add-cart-notice .toast-body button {
	color: var(--main-color);
	display: block;
	padding: .5rem 2rem;
	margin: .5rem auto 0;
	text-transform: uppercase;
	background: var(--main-background);
	border: 0;
}
div.fwfm-add-cart-notice .toast-body button:hover,
div.fwfm-add-cart-notice .toast-body button:active,
div.fwfm-add-cart-notice .toast-body button:focus {
	color: var(--main-color) !important;
	background: #fff !important;
}
#fwfm .fwfm-order {
	display: flex;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-side-header,
#fwfm .fwfm-order-side-header {
	color: #212121;
	font-size: 1.15rem;
	line-height: 2.25rem;
	vertical-align: middle;
	font-weight: 600;
	text-align: left;
	padding-left: 1.25rem; 
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}
#fwfm .fwfm-order-secondary-text {
	color: #777;
	font-size: .8rem;
	font-weight: 300;
}
#fwfm .fwfm-order .fwfm-order-categories {
	width: 25%;
	padding-right: 1.25rem;
	margin-bottom: 1rem;
}
#fwfm .fwfm-order .fwfm-order-cartlist {
	width: 35%;
	padding-left: 1.25rem;
}
#fwfm .fwfm-order-cartlist .fwfm-cats-nav-fixed {
	max-height: 100vh;
	padding-bottom: 2rem;
	overflow-y: scroll;
}
#fwfm .fwfm-order-cartlist .fwfm-order-cart-delivery,
#fwfm .fwfm-order-cartlist .fwfm-order-cart-time {
	margin-bottom: 1rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid #ddd;
}
#fwfm .fwfm-order-cartlist .fwfm-order-cart-time {
	margin-bottom: .5rem;
}
#fwfm .fwfm-order-table-wrapper {
	overflow-y: scroll;
}
#fwfm .fwfm-order-categories ul {
	margin-top: 1rem;
}
#fwfm .fwfm-order-categories ul li {
	padding: 0;
	border-color: #dee1e9;
	transition: all .2s ease-in-out;
	border: 0;
}
#fwfm .fwfm-order-categories ul li a {
	color: var(--main-color);
	display: block;
	padding: 0.75rem 1.25rem;
	font-size: 1rem;
	text-decoration: none;
	border-radius: .25rem;
}
#fwfm .fwfm-order-categories ul li.active,
#fwfm .fwfm-order-categories ul li:hover {
	background: none;
}
#fwfm .fwfm-order-categories ul li:hover a {
	font-weight: bold;
}
#fwfm .fwfm-order-categories ul li.active a,
#fwfm .fwfm-order-categories ul li.active a:hover {
	font-weight: normal;
	background: var(--main-background);
}
#fwfm .fwfm-order-categories ul li:first-child {
	border-top: 0;
}
@media (max-width: 992px) {
	#fwfm .fwfm-order-categories {
		width: 25%;
		padding-right: .75rem;
	}
	#fwfm .fwfm-order-list-cats {
		width: 75% !important;
	}	
	#fwfm .fwfm-order-categories ul li a {
		padding: .75rem .75rem;
		font-size: .9rem;
	}		
}
@media (max-width: 768px) {
	#fwfm .fwfm-order {
		flex-wrap: wrap;
	}
	#fwfm .fwfm-order-list-cats {
		width: 100% !important;
	}	
	#fwfm .fwfm-order-categories .sidebar-item {
		position: relative !important;
		height: auto !important;
	}
	#fwfm .fwfm-order-categories .inner-wrapper-sticky {
		position: relative !important;
		width: 100% !important;
		top: auto !important;
		left: auto !important;
	}
	#fwfm .fwfm-order-categories {
		min-width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	#fwfm .fwfm-order-side-header {
		margin-top: 2rem;
		text-align: center;
	}
	#fwfm .fwfm-order-categories .fwfm-order-side-header { 
		display: none;
	}
	#fwfm .fwfm-cats-nav-fixed {
		padding: .5rem;
		background: rgba(255, 255, 255, .95);
		overflow-x: auto;
	}
	#fwfm .fwfm-order-categories ul {
		display: block;
		text-align: center;
		margin-top: 0;
		white-space: nowrap;
	}
	#fwfm .fwfm-order-categories ul li {
		display: inline-block;
		border: 0;
	}

}

#fwfm-go-top {
	color: var(--main-color);
	margin-top: 2rem;
	font-size: .9rem;
	font-weight: 300;
}
#fwfm-go-top.show-top {
	display: block;
}
#fwfm-go-top i {
	margin-right: .5rem;
}

#fwfm-order-card-element,
#fwfm-order-cart-card-element {
	width: 100%;
	height: 20px;
}


.fwcss .fwfm-badge {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	mask-repeat: no-repeat !important;
	mask-size: 90% !important;
	mask-position: center bottom !important;
}
.fwcss .fwfm-meal-badges span.badge,
#fwfm .fwfm-order-search-badges .fwfm-badge-text {
	color: #ccc;
	padding: .2rem .6rem;
	font-size: .65rem;
	line-height: 1.2;
	text-transform: uppercase;
	background: none;
	border: 1px solid #ccc;
	border-radius: 1.5rem;
}
.fwcss .fwfm-meal-badges .fwfm-badge + .fwfm-badge {
	margin-left: .25rem;
}
/* Meal item badges groups  */
.fwcss .fwfm-group-title {
	display: inline-block;
	vertical-align: top;
}
.fwcss .fwfm-group-top {
	margin-bottom: .4rem;
}
.fwcss .fwfm-group-bottom .fwfm-badge {
	width: 3rem ;
	height: 3rem ;
}
.fwcss .fwfm-group-order {
	display: inline-block;
	margin-left: 1rem;
	vertical-align: top;
}
.fwcss .fwfm-group-order .fwfm-badge {
	width: 1.75rem;
	height: 1.75rem;
	margin-top: .5rem;
	vertical-align: bottom;
}
.fwcss .fwfm-group-order .fwfm-badge + .fwfm-badge {
	margin-left: .5rem;
}



#fwfm .fwfm-order-search {
	margin-bottom: 1.25rem;
	display: flex;
	position: relative;
}
#fwfm .fwfm-order-search .input-group {
	position: relative;
}
#fwfm .fwfm-order-search .input-group::before {
	color: #888;
	width: 2rem;
	height: 2.25rem;
	content: '\f002';
	font-family: "Font Awesome 5 Pro";
	font-size: 1rem;
	font-weight: 200;
	line-height: 2.25rem;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
#fwfm .fwfm-order-search input {
	padding-right: 2rem;
}
#fwfm .fwfm-order-search input:focus {
	box-shadow: none;
	border-color: var(--main-background);
}
#fwfm .fwfm-order-search ::placeholder {
  color: #888;
  font-style: normal;
  /* text-align: center; */
  font-weight: 300;
}
#fwfm .fwfm-order-search .fwfm-order-search-badges-btn {
	width: 3.25rem;
	height: 2.35rem;
	color: var(--main-color);
	margin-left: 1rem;
	font-size: 1.5rem;
	text-align: center;
	background: #ddd;
	border-radius: .25rem;
}
#fwfm .fwfm-order-search .fwfm-order-search-badges-btn.badges-btn-active {
	background: var(--main-background);
}
#fwfm .fwfm-order-search .fwfm-order-search-badges-btn i {
	line-height: 2.35rem;
	vertical-align: middle;
}
#fwfm .fwfm-order-search-badges {
	height: auto;
	margin: -.5rem 0 1.5rem;
	padding: .25rem;
	opacity: 1;
	transition: all .3s ease-in-out;
	overflow: hidden;
}
#fwfm .fwfm-order-search-badges.badges-collapsed {
	height: 0;
	opacity: 0;
}
#fwfm .fwfm-order-search-badges .fwfm-badge-wrapper {
	width: 2rem;
	height: 2rem;
	margin: .25rem;
	padding: .25rem;
	display: inline-block;
	background: #f8f8f8;
	border-radius: .25rem;
	box-sizing: content-box;
}
#fwfm .fwfm-order-search-badges .fwfm-badge {
	width: 2rem;
	height: 2rem;
	mask-size: 90% !important;
	mask-position: center !important;
	vertical-align: top;
}
#fwfm .fwfm-order-search-badges .fwfm-badge-text-wrapper {
	display: inline-block;
}
#fwfm .fwfm-order-search-badges .fwfm-badge-wrapper.active {
	background: var(--main-background);
}
#fwfm .fwfm-order-search-badges .fwfm-badge-wrapper.active .fwfm-badge {
	background: var(--main-color) !important;
}



#fwfm .fwfm-order-list {
	width: 100%;
}
#fwfm .fwfm-order-list-cats {
	width: 75%;
}

#fwfm .fwfm-order-cart-delivery i,
#fwfm .fwfm-order-cart-time i {
	color: var(--main-color);
	width: 2.125rem;
	height: 2.125rem;
	float: left;
	line-height: 2.125rem;
	vertical-align: middle;
	text-align: center;
	margin-right: .5rem;
	background: var(--main-background);
	border-radius: .25rem;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-hint,
#fwfm .fwfm-order-hint {
	color: var(--main-color);
	padding: .75rem;
	margin-top: 2.5rem;
	font-size: 95%;
	font-weight: 400;
	line-height: 1.35;
	background: var(--secondary-background);
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-hint p:last-child,
#fwfm .fwfm-order-hint p:last-child {
	margin: 0;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-delivery,
#fwfm .fwfm-order-delivery {
	margin: 1rem 0 0;
	padding: .75rem 0 .75rem 3.5rem;
	border-top: 1px solid #eceeef;
	position: relative;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-delivery::before,
#fwfm .fwfm-order-delivery::before {
	color: #ddd;
	position: absolute;
	width: 3.5rem;
	top: 1rem;
	left: 0;
	text-align: center;
	content: "\f48b";
	font: bold 1.5rem/1.5 'Font Awesome 5 Pro';
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-delivery-item,
#fwfm .fwfm-delivery-item {
	padding: .25rem 0;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-delivery-item span,
#fwfm .fwfm-delivery-item span {
	color: #222;
	font-weight: 400;
	display: block;
	float: right;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-cart,
#fwfm .fwfm-order-cart {
	margin-bottom: 0;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-cart tr:first-child td,
#fwfm .fwfm-order-cart tr:first-child td {
	border-top: 0;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-cart td,
#fwfm .fwfm-order-cart td {
	padding: .5rem 0;
	vertical-align: middle;
	border-width: 1px 0 0 0;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-cart td button,
#fwfm .fwfm-order-cart td button {
	color: #de4c4c;
	height: 100%;
	padding: 0 0 0 .75rem;
	font-size: 1.15rem;
	background: none;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-cart tr td:first-child,
#fwfm .fwfm-order-cart tr td:first-child {
	width: 95%;
}

.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-mod-cart-item-row,
#fwfm .fwfm-mod-cart-item-row {
	display: flex;
	font-size: .9rem;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-mod-cart-item-title,
#fwfm .fwfm-mod-cart-item-title {
	flex-grow: 10;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-mod-cart-item-name,
#fwfm .fwfm-mod-cart-item-name {
	color: #222;

	font-weight: 300;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-mod-cart-item-suffix,
#fwfm .fwfm-mod-cart-item-suffix {
	color: #777;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-mod-cart-item-price-total,
#fwfm .fwfm-mod-cart-item-price-total {
	display: block;
	float: right;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-mod-cart-item-amount,
#fwfm .fwfm-mod-cart-item-amount {
	color: #222;
	font-weight: 500;
	flex-grow: 0;
	flex-shrink: 0;
}
#fwfm .fwfm-mod-cart-item-modificators small {
	color: var(--secondary-color);
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-subtotal,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-grand-total,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-delivery-fee,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-tax,
#fwfm .fwfm-order-subtotal,
#fwfm .fwfm-order-grand-total,
#fwfm .fwfm-order-delivery-fee,
#fwfm .fwfm-order-tax,
#fwfm .fwfm-order-total {
	display: flex;
	margin: .5rem 0;
	font-weight: 400;
	font-size: 1rem;
}
#fwfm .fwfm-order-tax div > span {
	font-size: .85rem;
	font-weight: 300;
}
#fwfm .fwfm-order-total {
	font-weight: 600;
	font-size: 1.1rem;
}
#fwfm .fwfm-save-order,
#fwfm .fwfm-proceed-checkout {
	width: 100%;
	margin-top: .5rem;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-subtotal div:first-child,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-delivery-fee div:first-child,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-grand-total div:first-child,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-tax div:first-child,
#fwfm .fwfm-order-subtotal div:first-child,
#fwfm .fwfm-order-delivery-fee div:first-child,
#fwfm .fwfm-order-grand-total div:first-child,
#fwfm .fwfm-order-tax div:first-child,
#fwfm .fwfm-order-total div:first-child {
	flex-grow: 10;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-subtotal,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-delivery-fee,
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-tax,
#fwfm .fwfm-subtotal,
#fwfm .fwfm-delivery-fee,
#fwfm .fwfm-tax,
#fwfm .fwfm-total {
	flex-grow: 0;
	flex-shrink: 0;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-subtotal,
#fwfm .fwfm-order-subtotal {
	margin-top: 0;
	padding-top: 1rem;
	border-top: 1px solid #eceeef;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-grand-total,
#fwfm .fwfm-order-grand-total {
	color: #222;
	padding: .5rem;
	margin: .75rem 0 0;
  	font-size: 1rem;
  	font-weight: 400;
	font-style: normal;
	background: rgba(250,210,59,.25);
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-date,
#fwfm .fwfm-order-date {
  	margin-top: 1rem;
  	font-size: .9rem;
}
.fwfm-mod-cart .fwfm-mod-cart-list .fwfm-order-date button,
#fwfm .fwfm-order-date button {
  	background: #eee;
}

.fwfm-order-cartlist .fwfm-proceed-checkout,
.fwfm-order-bottom-cart .fwfm-proceed-checkout,
#fwfm-order-checkout .fwfm-proceed-checkout {
	font-size: 1.25rem;
}
.fwfm-order-cartlist .btn-checkout-active,
.fwfm-order-cartlist .btn-checkout-active:hover,
.fwfm-order-cartlist .btn-checkout-active:focus,
.fwfm-order-bottom-cart .btn-checkout-active,
.fwfm-order-bottom-cart .btn-checkout-active:hover,
.fwfm-order-bottom-cart .btn-checkout-active:focus,
#fwfm-order-checkout .btn-checkout-active,
#fwfm-order-checkout .btn-checkout-active:hover,
#fwfm-order-checkouts .btn-checkout-active:focus {
	color: var(--main-color);
	background: var(--main-background);
	border-color: var(--main-background);
}

/* FWFM lightbox style */
#fwfm .modal-content {
	box-shadow: 0 0 1rem #000;
}
#fwfm .modal-dialog .modal-header {
	color: var(--main-color);
	position: relative;
	background: var(--main-background);
}
#fwfm .modal-dialog .modal-header .btn {
	color: var(--main-color);
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: -1rem;
	right: -1rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 .5rem #000;
}
#fwfm .btn:focus,
#fwfm button:focus,
#fwfm input:focus,
#fwfm select:focus,
#fwfm textarea:focus {
	border-color: var(--secondary-background);
	box-shadow: 0 0 .25rem var(--main-background);
}


/* Delivery/Time lightbox */
#fwfm-order-map {
	width: 100%;
	height: 400px;
	max-height: calc(100% - 4rem);
	position: absolute;
	top: auto;
	left: 0;
	margin: 1rem 0;
	border: 1px solid #ddd;
	z-index: 1000;
}
.fwfm-order-params-address {
	font-size: .9rem;
}
.fwfm-order-params-address .btn,
.fwfm-order-params-address .btn:focus,
.fwfm-order-params-address .btn:hover {
	color: var(--link-color);
	box-shadow: none;
	border-width: 1px;
	border-color: var(--link-color);
}
.fwfm-order-params-address .btn:hover {
	color: var(--main-color);
	border-color: var(--main-color);
	background: var(--secondary-background);
}
.fwfm-order-params-address .fwfm-toggle-map {
	margin-left: .8rem;
	font-size: .85rem;
	border-radius: 2rem;
}

#fwfm-order-params .fwfm-delivery-options,
#fwfm-order-params .fwfm-time-options,
#fwfm-order-checkout .fwfm-delivery-options,
#fwfm-order-checkout .fwfm-time-options,
#fwfm-order-checkout .fwfm-payment-options {
	width: 100%;
	display: flex;
	justify-content: space-around;
}
#fwfm-order-params .fwfm-order-params-delivery,
#fwfm-order-params .fwfm-order-params-time {
	margin: 1.5rem 0 1.25rem;
	padding-top: 2rem;
	font-size: 1.2rem;
	font-weight: 400;
	border-top: 3px solid var(--main-background);
}
#fwfm-order-params .fwfm-order-params-delivery::after,
#fwfm-order-params .fwfm-order-params-time::after {
	content: '';
	display: table;
	clear: both;
}
#fwfm-order-params .fwfm-order-params-delivery i,
#fwfm-order-params .fwfm-order-params-time i {
	color: var(--main-color);
	width: 2.5rem;
	height: 2.5rem;
	margin-right: .75rem;
	line-height: 2.5rem;
	vertical-align: middle;
	text-align: center;
	float: left;
	background: var(--main-background);
	border-radius: .25rem;
}
#fwfm-order-params .fwfm-order-address-form,
#fwfm-order-params .fwfm-order-time-to {
	color: var(--secondary-color);
	font-size: .9rem;
	font-weight: 300;
}
#fwfm-order-params button.btn-option,
#fwfm-order-params button.btn-option:focus,
#fwfm-order-checkout button.btn-option,
#fwfm-order-checkout button.btn-option:focus {
	color: var(--main-color);
	padding: 0;
	font-weight: 300;
	border: none !important;
	box-shadow: none;
}
#fwfm-order-params button.btn-option i,
#fwfm-order-checkout button.btn-option i {
	color: var(--secondary-color);
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: .25rem;
	line-height: 3.5rem;
	font-size: 2rem;
	text-align: center;
	border-radius: .25rem;
	transition: all .3s ease-in-out;
}
#fwfm-order-params button.btn-option.active,
#fwfm-order-params button.btn-option:hover,
#fwfm-order-checkout button.btn-option.active,
#fwfm-order-checkout button.btn-option:hover {
	color: var(--main-color);
	font-weight: 400;
}
#fwfm-order-params button.btn-option.active i,
#fwfm-order-params button.btn-option:hover i,
#fwfm-order-checkout button.btn-option.active i,
#fwfm-order-checkout button.btn-option:hover i {
	color: var(--main-color);
	background: var(--secondary-background);
}

/* FWFM Checkout lightbox */
#fwfm-order-checkout .modal-xl {
	max-width: 960px;
}
#fwfm-order-checkout .modal-body {
	max-height: 80vh;
	overflow-y: scroll;
}
#fwfm-order-checkout .fwfm-checkout-header {
	margin: 1.75rem 0 1.25rem;
	padding-top: 1.25rem;
	font-size: 1.2rem;
	font-weight: 400;
	border-top: 3px solid var(--main-background);
}
#fwfm-order-checkout .fwfm-checkout-header:first-child {
	margin-top: .75rem;
}
#fwfm-order-checkout .fwfm-checkout-header i {
	color: var(--main-color);
	width: 2.5rem;
	height: 2.5rem;
	margin-right: .75rem;
	line-height: 2.5rem;
	text-align: center;
	float: left;
	background: var(--main-background);
	border-radius: .25rem;
}
#fwfm-order-checkout .fwfm-checkout-subheader {
	color: var(--secondary-color);
	min-height: 1rem;	
	font-size: .9rem;
	font-weight: 300;
}
#fwfm-order-checkout .fwfm-accordion-body {
	margin-bottom: 1.75rem;
}
#fwfm-order-checkout button.fwfm-continue {
	color: #fff;
	margin: 1.5rem 0 0;
	background: var(--link-color);
}
#fwfm-order-checkout button.fwfm-continue:disabled {
	color: var(--main-color);
	margin: 1.5rem 0 0;
	background: var(--secondary-background);
}
#fwfm-order-checkout .fwfm-order-details-comments {
	margin: 2rem 0;
}
#fwfm-order-checkout .fwfm-order-details-comments textarea {
	height: 100px;
}
#fwfm-order-checkout .fwfm-order-payment-way3 {
	margin-top: 1.5rem;
	padding: 1.5rem;
	border: 2px solid var(--main-background);
	border-radius: .5rem;
}
.fwfm-order-details .fwfm-errmsg {
	padding: .5rem;
	margin: .25rem 0 0;
	font-size: .85rem;
	font-weight: 300;
}

/* Modal Meal edit */
#fwfm-menu-options .modal-header,
#fwfm-menu-promo-options .modal-header,
#fwfm-order-checkout .modal-header,
#fwfm .modal-header {
	color: #222;
	background: #eee;
}
#fwfm-menu-options .modal-body,
#fwfm-menu-promo-options .modal-body,
#fwfm-order-checkout .modal-body,
#fwfm .modal-body {
	color: #222;
	font-weight: 300;
}
#fwfm-menu-options .modal-footer .btn-primary,
#fwfm-menu-promo-options .modal-footer .btn-primary,
#fwfm-order-checkout .modal-footer .btn-primary,
#fwfm .modal-footer .btn-primary {
	color: var(--main-color);
	padding: .5rem 2rem;
	margin: .3rem auto;
	font-weight: 400;
	font-size: 1.25rem;
	background: var(--main-background);
	border-color: var(--main-background);
}
#fwfm-menu-options .modal-body div,
#fwfm-menu-promo-options .modal-body div,
#fwfm-mod-menu-options-edit .modal-body div,
#fwfm-menu-options-edit .modal-body div {
	display: block;
	padding: .5rem 2rem;
	border-bottom: 1px solid #eceeef;
}
#fwfm-menu-options .modal-body div label,
#fwfm-menu-promo-options .modal-body div label,
#fwfm-mod-menu-options-edit .modal-body div label,
#fwfm-menu-options-edit .modal-body div label {
	margin: 0;
	line-height: 1.3;
}
#fwfm-menu-options .modal-footer,
#fwfm-menu-promo-options .modal-footer,
#fwfm-order-checkout .modal-footer,
#fwfm .modal-footer {
	background: #f6f6f6;
}
#fwfm-mod-menu-options-edit .modal-body .form-group,
#fwfm-menu-options .modal-body .form-group {
	border: 1px solid var(--secondary-background);
	padding: 0;
	vertical-align: middle;
	border-radius: .5rem;
}
#fwfm-mod-menu-options-edit .modal-body .form-group:first-child,
#fwfm-menu-options .modal-body .form-group:first-child {
	margin-bottom: 1.5rem;
	border-width: 3px;
}
#fwfm-mod-menu-options-edit .modal-body .form-group-header,
#fwfm-menu-options .modal-body .form-group-header {
	color: var(--main-color);
	padding: .75rem 1.5rem;
	font-weight: 400;
	background: var(--secondary-background);
}
#fwfm-mod-menu-options-edit .modal-body .form-group-header .required,
#fwfm-menu-options .modal-body .form-group-header .required {
	color: #de4c4c;
	font-weight: 300;
	font-size: 85%;
	margin-left: 1rem;
	text-transform: lowercase;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background: var(--link-color) !important;
	border-color: var(--link-color) !important;
}
#fwfm-mod-menu-options-edit .modal-body .form-group > .custom-control,
#fwfm-menu-options .modal-body .form-group > .custom-control {
	padding: .75rem 1.5rem;
	line-height: 1.5rem;
	border-color: var(--secondary-background);
}
#fwfm-mod-menu-options-edit .modal-body .form-group > .custom-control label,
#fwfm-menu-options .modal-body .form-group > .custom-control label {
	line-height: 1.5rem;
	vertical-align: middle;
}
#fwfm-mod-menu-options-edit .modal-body .form-group .custom-control input,
#fwfm-menu-options .modal-body .form-group .custom-control input {
	position: relative;
	left: auto;
}
#fwfm-mod-menu-options-edit .modal-body .form-group .custom-control-price,
#fwfm-menu-options .modal-body .form-group .custom-control-price {
	padding: 0;
	float: right;
	font-weight: 500;
	line-height: 1.5rem;
	border: 0;
}
#fwfm-mod-menu-options-edit .modal-body .form-group .custom-control-price small,
#fwfm-menu-options .modal-body .form-group .custom-control-price small {
	color: var(--secondary-color);
	margin-right: 1rem;
}
#fwfm-mod-menu-options-edit .modal-body .fwfm-cart-price-row ,
#fwfm-menu-options .modal-body .fwfm-cart-price-row {
	padding: 1rem 1.75rem;
	text-align: right;
}
#fwfm-mod-menu-options-edit .modal-footer .btn-primary span,
#fwfm-menu-options .modal-footer .btn-primary span {
	display: inline-block;
	margin-left: 1rem;
	font-weight: 600;
}

/* FWFM Time & Hours module styles  */
.fwfm-mod-time .badge-closed,
.fwfm-mod-time .badge-open {
    color: #fff;
    margin-left: 1rem;
    padding: .3rem .5rem;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    background: #8ab800;
    border-radius: .25rem;
}
.fwfm-mod-time .badge-closed {
	background: #de4c4c;
}


/* ===== Food Menu Responsive styles ===== */
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
}

/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) {
    #fwfm.fwfm-bootstrap .fwfm-cols-2 .fwfm-category .col {
        max-width: 100%;
        min-width: 100%;
	}
	#fwfm .fwfm-category-body-left, 
	#fwfm .fwfm-category-body-right, 
	#fwfm .fwfm-category-body-bottom {
		flex-wrap: wrap;
	}
	#fwfm .fwfm-category-body-left,
	#fwfm .fwfm-category-body-bottom {
		flex-flow: column;
	}
	#fwfm .fwfm-category-body-right {
		flex-flow: column-reverse;
	}
	.fwfm-mod-cart {
		display: block;
		text-align: center !important;
		margin: 0 0 1rem !important;
	}	
	#fwfm-order-popup .modal-body {
		max-height: none;
		flex-direction: column-reverse;
	}
	#fwfm-order-popup .fwfm-order-details-customer .row > div {
		padding: 0 !important;
	}
	#fwfm .fwfm-global-cols-4 > div {
		min-width: 33.3%;
		max-width: 33.3%;
	}
}

/* Medium devices (tablets, 768px and below) */
@media (max-width: 768px) {
	#fwfm .fwfm-global-cols-3 > div,
	#fwfm .fwfm-global-cols-4 > div {
		min-width: 49.9%;
		max-width: 49.9%;
	}
	#fwfm .modal-dialog { margin: 1.05rem }
	#fwfm-go-top {
		margin: 0;
		padding: .75rem 1.25rem;
		position: fixed;
		bottom: 1rem;
		left: 50%;
		transform: translateX(-50%);
		background: rgba(255, 255, 255, .9);
		border-radius: .5rem;
	}
}

/* Small devices (landscape phones, 576px and below) */
@media (max-width: 576px) {
	#fwfm .fwfm-global-cols-3 > div,
	#fwfm .fwfm-global-cols-3 > div,
	#fwfm .fwfm-global-cols-4 > div {
		min-width: 100%;
		max-width: 100%;
	}
}
@media (max-width: 576px) {
	#fwfm .fwfm-menu-item {
		flex-wrap: wrap;
	}
	#fwfm .fwfm-menu-item .fwfm-menu-item-image {
		width: 100% !important;
		flex-basis: auto !important;
	}
}

/* dev */
#fwfm .fwfm-order-total-wrapper {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 1000;
}
/* images display */
.fwfm-image-curtain {
    height:100%;
	top: 0;
    position: absolute;
    border-bottom: 4px solid #eee;
	transition: all .3s ease-in-out;
}
.fwfm-image-curtain.active {
    border-color: #ffc65d;
}

.fwfm-cats-nav-fixed {
	position: fixed;
	top: .5rem;
	z-index: 100;
}
#fwfm-go-top {
	display: none;
}
input.fwfm-empty-field {
	border-color: #ff0000 !important;
}
/* toast alerts */
.fwcss #fwa-toast-stack {
    position: fixed;
    right: 1.5rem;
    top: 2.5rem;
    background: transparent;
    z-index: 100000;
}
.fwcss #fwa-toast-stack .toast {
    min-width: 20rem;
    max-width: calc(100% - 1.5rem);
    opacity: 1;
    background: #ededed;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .75);
    border: 0;
}
.fwcss #fwa-toast-stack .toast-header {
    color: #fff !important;
    font-weight: 400;
    font-size: .875rem;
    padding: .5rem 1rem;
	background: #f57504;
    background: -webkit-linear-gradient(to bottom, #f57504, #FFD372);
    background: linear-gradient(-45deg, #FFD372 0%, #f57504 100%);
}
.fwcss #fwa-toast-stack .toast-header i {
    margin-right: .95rem;
    line-height: 1;
    font-size: .9rem;
    border-radius: .25rem .25rem 0 0;
}
.fwcss #fwa-toast-stack .toast-body {
    color: #000;
    padding: 1rem 1rem 1.5rem;
    background: #f9f9f9;
    border-radius: 0 0 .25rem .25rem;
}
/* google address search */
.pac-container {
	z-index: 10000;
}
/* dev */
.fwcss .fwfm-empty-group {
	border: 1px solid red!important;
}