@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600|Roboto:300,400,500,600|Share+Tech+Mono:400');.font-primary, body { font-family: Roboto, sans-serif !important; }.font-secondary { font-family: Roboto, sans-serif !important; }.font-tertiary { font-family: Share Tech Mono, monospace !important; }.primary-bg-color { background-color: rgb(255, 255, 255)!important; }.btn-choice:not(.active):hover { background-color: rgb(255, 255, 255)!important; }.primary-bg-border-color { border-color: rgb(255, 255, 255)!important; }.popover.top > .arrow { border-top-color: rgb(255, 255, 255)!important; }.popover.left > .arrow { border-left-color: rgb(255, 255, 255)!important; }.popover.right > .arrow { border-right-color: rgb(255, 255, 255)!important; }.popover.bottom > .arrow { border-bottom-color: rgb(255, 255, 255)!important; }.primary-border-color { border-color: rgb(255, 255, 255)!important; }.primary-text-color { color: rgb(19, 3, 3)!important; }.primary-text-border-color { border-color: rgb(19, 3, 3)!important; }.secondary-bg-color { background-color: rgb(255, 255, 255)!important; }.secondary-text-inverse-color { color: rgb(255, 255, 255)!important; }.secondary-text-color { color: rgb(0, 0, 0)!important; }.secondary-bg-inverse-color { background-color: rgb(0, 0, 0)!important; }.secondary-bg-inverse-color:before { background-color: rgb(0, 0, 0)!important; }.secondary-bg-inverse-color:after { background-color: rgb(0, 0, 0)!important; }.action-bg-color { background-color: rgb(39, 131, 63)!important; fill: rgb(39, 131, 63)!important }.action-text-color { color: rgb(39, 131, 63)!important; }.action-border-color { border-color: rgb(39, 131, 63)!important; }.action-inverse-bg-color { background-color: rgb(255, 255, 255)!important; fill: rgb(255, 255, 255)!important }.action-inverse-text-color { color: rgb(255, 255, 255)!important; }.action-inverse-border-color { border-color: rgb(255, 255, 255)!important; }.selection-bg-color { background-color: rgb(227, 44, 51)!important; fill: rgb(227, 44, 51)!important }.selection-text-color { color: rgb(227, 44, 51)!important; }.selection-border-color { border-color: rgb(227, 44, 51)!important; }.btn:hover .tab-icon.filled {background-color: rgb(227, 44, 51)!important; }.btn:active .tab-icon.filled {background-color: rgb(227, 44, 51)!important; }.btn.active .tab-icon.filled {background-color: rgb(227, 44, 51)!important; }.selection-inverse-bg-color { background-color: rgb(255, 255, 255)!important; fill: rgb(255, 255, 255)!important }.selection-inverse-text-color { color: rgb(255, 255, 255)!important; }.selection-inverse-border-color { border-color: rgb(255, 255, 255)!important; }.secondary-bg { background-color: rgb(217, 42, 48)!important; }.secondary-text { color: rgb(255, 255, 255)!important; }.intro-highlight-bg-color { background-color: rgb(0, 0, 0)!important; }.intro-highlight-text-color { color: rgb(0, 0, 0)!important; }.intro-highlight-inverse-bg-color { background-color: rgb(255, 255, 255)!important; }.intro-highlight-inverse-text-color { color: rgb(255, 255, 255)!important; }body { background-image: url('/webfile?name=Background&hash=1699441266000') !important; }.leftMenuBg,.rightMenuBg,.tabs-menu,.overlay-menu,.order-tree-slider-wrapper,.sticky-group-name { background-color: rgb(255, 255, 255)!important; }.main-footer { background-color: rgb(255, 255, 255)!important; }.home-info-bg-fix { opacity: 0.5 !important; } @media screen and (max-width: 767px) {
.home-wrapper .home-featured-content {
left: 0 !important;
}
}

@media screen and (min-width: 767px) {
.home-wrapper {
min-height: 643px !important;
}
.home-wrapper .home-featured-content {
left: 250px !important;
right: 0 !important;
width: auto !important;
}
  
  .card-menu-item  .btn {
   font-size: .95rem !important;
 }
}

.home-info-bg-fix {
  background: #ffffff !important;
  opacity: 1 !important;

}


#home-page .logo-wrapper {
min-height: initial;
  width: auto !important;
    margin: 17px 0;
}

.intro-highlight-text-color {
    color: gold;
}


#continue-to-menu {
    background-color: #008341 !important;
}

.custom-radio {
  font-size: 16px !important;
}

.left-panel {
    background: #ffffff;
    padding-left: 20px;
    position: relative;
    
}

.mobile-tabs,
.leftMenuBg  {
    background: #ffffff !important; 
}
.menu-item-name { 
  color: black!important;
}

#menu-header,
.panel-group-name {
  font-weight: 500;
  font-size: 30px !important;
  text-transform: capitalize;
}

.btn-menu .tab-name {
    opacity: 1 !important;
    color: black;  
  font-weight: bold;
  font-size: 18px !important;
} 

.panel-item-description {
    font-size: 13px !important;
}

.item-name {
    font-size: 22px !important;
    font-weight: bold;
}

.item-size-options {
    font-size: 18px;
}

.top-order-tree-indicator  {
    background-color: #D3E7FF !important;
}

#order-tree-toggle-btn,
#checkout {
  font-weight: bold;
  font-size: 14px !important;
}

#order-tree-toggle-btn  .order-price {
  font-size: 16px !important;
}

.btn-checkout-inverted {
    background-color: #D3E7FF !important;
color: #0071BA !important;
}

.store-info-container {
  font-weight: bold;
}

.panels-wrapper .left-panel {
    flex: 0 0 250px !important;
}


.ingredient-name {
    color: #000 !important;
}

.btn-tab.active .tab-label {
	color: rgb(217, 42, 48) !important;
}

.btn-tab .tab-label {
	font-weight: 500;
  font-size: 14px !important;
}

.btn-tab .tab-icon.large {
    width: auto !important;
  max-width: 100px !important;
  flex: 0 0 80px !important;
  max-height: 100px !important;
}

.horizontal-menu-button img {
	width: 60px;
  min-width: 60px;
  dislpay: block;
  	height: 60px;
}

.category-buttons {
    min-width: 130px;
}

.tabs-menu .outer-container {
  height: auto: important
}


.custom-checkbox-details {
color:black;
}

fts-horizontal-categories-menu>div>div>fts-nav-button>button>div.tab-label.menu-item-name {
  color: black !important;
}

#home-page .header.secondary-bg .container button, #home-page .header.secondary-bg .container a, #home-page .header.secondary-bg .container span {
color:white!important;
}

.btn-tab , .tab-label {
 color: black !important;
}

.alert-form.alert-danger, .alert.alert-danger { background-color: rgb(39, 131, 63) !important; }.error-bg-color { background-color: rgb(39, 131, 63)!important; }.alert-form.alert-danger, .alert.alert-danger { color: rgb(255, 255, 255) !important; }.notifications { background-color: rgb(217, 217, 217) !important; }.notifications { color: rgb(0, 0, 0) !important; }.text-danger { color: rgb(39, 131, 63) !important; }.special-indicator { color: rgb(39, 131, 63) !important; }