@import url("https://use.typekit.net/ohx0kiy.css");.font-primary, body { font-family: futura-pt !important; }.font-secondary { font-family: futura-pt !important; }.font-tertiary { font-family: Share+Tech+Mono !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(14, 43, 47)!important; }.primary-text-border-color { border-color: rgb(14, 43, 47)!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(14, 43, 47)!important; }.secondary-bg-inverse-color { background-color: rgb(14, 43, 47)!important; }.secondary-bg-inverse-color:before { background-color: rgb(14, 43, 47)!important; }.secondary-bg-inverse-color:after { background-color: rgb(14, 43, 47)!important; }.action-bg-color { background-color: rgb(215, 40, 47)!important; fill: rgb(215, 40, 47)!important }.action-text-color { color: rgb(215, 40, 47)!important; }.action-border-color { border-color: rgb(215, 40, 47)!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(14, 43, 47)!important; fill: rgb(14, 43, 47)!important }.selection-text-color { color: rgb(14, 43, 47)!important; }.selection-border-color { border-color: rgb(14, 43, 47)!important; }.btn:hover .tab-icon.filled {background-color: rgb(14, 43, 47)!important; }.btn:active .tab-icon.filled {background-color: rgb(14, 43, 47)!important; }.btn.active .tab-icon.filled {background-color: rgb(14, 43, 47)!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(255, 255, 255)!important; }.secondary-text { color: rgb(255, 255, 255)!important; }.intro-highlight-bg-color { background-color: rgb(14, 43, 47)!important; }.intro-highlight-text-color { color: rgb(14, 43, 47)!important; }.intro-highlight-inverse-bg-color { background-color: rgb(255, 255, 255)!important; }.intro-highlight-inverse-text-color { color: rgb(255, 255, 255)!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;
  }
  
  .ingredients-wrapper {
    margin-left: -20px !important;
    margin-right: -20px !important;
}
}

@media screen and (min-width: 767px) {
.home-wrapper {
    min-height: 600px !important;
}

.home-wrapper .home-featured-content {
    left: 250px !important;
  right: 0 !important;
  width: auto !important;
}
}

.home-wrapper .home-info {
background: #D7282F !important;
color: white !important;
}

.change-store-btn,
.account-link.fw-600,
.header .phone-number,
.header .store
{
font-weight: bold !important;
font-size: 15px !important;
  color: #0E2B2F !important;
}

.home-info .phone-number.secondary-text-color,
.home-info .change-store-btn 
{
  color: #fff !important;
}

#home-page {
	background-color: #eee !important;
}

.home-wrapper .home-info .logo-wrapper {
    margin: 33px auto  !important;
}

.custom-radio {
    font-size: 18px !important;
    font-weight: 500 !important;
  text-transform: capitalize;
}

.step-legend {
  font-size: 21x !important;   
  font-weight: bold;
color: white !important;
}

#continue-to-menu {
      border-radius: 10px;
  font-size: 18px !important;
  background: white !important;
 color: #0E2B2F !important;
    text-transform: uppercase !important;
    text-align: center !important;
  font-weight: bold;

}

fts-store-open-close-time,
.option-button,
#place-order-btn,
.btn-coupon,
.form-group .btn {
    text-transform: uppercase;

}

.custom-radio-indicator.highlighted {
  border-color: #D7282F !important;  
}

.isInHome.form-control{
    border-radius: 10px;
}

#checkout {
    background: #D7282F !important;
    color: #fff !important;
    font-size: 15px !important;
  font-weight: bold;
  border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.has-group-ordering-btn > button {
    font-weight: bold;
    font-size: 15px;
  background: white !important;
   color:#0E2B2F !important;
  font-family: futura-pt, sans-serif !important;
}


#order-tree-toggle-btn {
      font-size: 15px !important;
font-weight: bold !important;


}

.tabs-menu {
  color:#0E2B2F;

}

.btn-tab > .tab-label {
    font-size: 13px !important;
    font-weight: 500 !important;
}
.menu-item.active {
    border-bottom: 4px solid #D7282F !important;
}

.card-head{
 text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.item-name {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.item-description {
    font-size: 13px !important;
      font-weight: 500 !important;
   text-align: center;
}

.store-info-container {
text-transform: uppercase;
      font-size: 15px !important;
      font-weight: bold !important;
  color: #707070 !important;
}

.phone-number {

  text-transform: uppercase;
      font-size: 15px !important;
      font-weight: bold !important;
}

.add-to-order-btn, .customize-btn {
      font-weight: bold !important;
  font-size: 11px !important;
}

.add-to-order-btn {
background: #D7282F !important;
  color: white !important;
  border: solid 2px #D7282F !important;
border-radius: 10px !important;

}
.customize-btn {
color: #D7282F !important;
border: solid 2px #D7282F !important;
  border-radius: 10px !important;
}

.group-name {
 font-weight: bold;
font-size: 28px !important;
}

.menu-group > hr {
    border: white !important;
}

.overlay {
    background: white !important;
}

.card-menu-item,
.mobile-tabs {
  border: solid 2px #3e2a2f 0.1 !important;
 
}

.btn-tab .tab-icon.large {
    max-width: 99px  !important;
    max-height: 97px ;
    flex: 0 0 190px  !important;
}

.btn-tab .tab-icon{
    width: 19rem !important;
}

.btn-tab .tab-icon.large {
    max-height: 90px !important;
}

.tabs-menu .outer-container {
  height: 140px !Important;
}

.btn-tab {
    margin-left: 17px !important;
    margin-right: 17 !important;
    border-bottom: 10px solid transparent !important;
}

.panels-wrapper .description-and-controls-panel {
    color: white ;
    background: #D7282F;
    padding: 25px;
}
.ingredient-info {
    font-weight: 500 !important;
}

.item-info > .item-name {
  font-size: 28px !important;
  font-weight: bold !important;
}

label .custom-checkbox.selection-bg-color{
  background: #6abd4c !important;
  fill: #6abd4c !important;
      border: solid 2px #6abd4c!important;
}

.ingredient-halves .half.whole.selection-bg-color,
.ingredient-halves .half.left.selection-bg-color,
.ingredient-halves .half.right.selection-bg-color{
    background: #1D8649 !important;
}

.custom-checkbox > .custom-checkbox-indicator {
    background: white !important;
  border: solid 2px !important; }

.ingredient-description-list > span > span,
.price-container > span,
.font-secondary.primary-text-color.ng-tns-c359-79.ng-star-inserted {
color: white !important;
}

.quantity-input {
    color: #0E2B2F !important;
}

.choice-wrapper {
border-bottom: 1px !important;
}

.action-button-wrapper > button,
.button-wrapper > button{
color: #0E2B2F !important;
  background-color: #ffffff !important;
    border-radius: 10px;
font-size: 18px;
  font-weight: bold;
}

.choice-controls-wrapper > .choice-controls {
  background: #D7282F !important;

}

.checkout-details-switch-order-type-btn,
.modal-buttons .btn {
  font-weight:bold !important;
  text-transform: uppercase;
}


#continue-to-order-details-btn
{
    border-radius: 10px;
    width: 100%;
    font-weight:bold !important;
}

#login, #register, #sign-up,
#continue-to-payment-btn,
#place-order-btn, .change-pass-btn {
  border-radius: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

#login, #register, #sign-up
{

  background: #1D8649 !important;
}
.profile-form .selection-bg-color
 {
    background: #1D8649 !important;
     border-radius: 10px !important;
     font-weight: bold !important;

}

.column-group .column > h2,
#order-notification-upsize-btn,
.checkout-upsize-btn {
text-transform: capitalize !important;
}

.home-info #store-logo {
filter: invert() brightness(10) contrast(10);
}


#order-tree-toggle-btn {
  background: #F6F5F5 !important;
  border-top-left-radius: 10px ;
  border-bottom-left-radius: 10px;
}

.tabs-menu.shadowed {
  background: #F6F5F5 !important;
  box-shadow: inset 0 2px 5px #ddd !important;
}

.horizontal-menu-button-left,
.horizontal-menu-button-right {
    background: linear-gradient(270deg,#F6F5F5 50%,hsla(0,0%,100%,0)) !important;
  height: 90% !important;
  margin-top: 5px;
}

.card-menu-item.shadowed,
.sister-upsell.shadowed {
  box-shadow: none !important;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
}
.sister-upsell.shadowed  {
  padding-top: 15px;
}

  .compact .size-prices select ,
.size-price-quantity-controls select {
  border-radius: 10px !important;
}

@media screen and (min-width: 767px) {
  .sister-upsell.shadowed .padded-horiz-15:last-child  {
  padding: 15px 0 0 !important;
}
  
  .compact-header {
   padding: 20px 0;
}
  
.panel-item-footer {
    padding: 15px 0 0 !important;
}

.compact .size-prices,
.size-price-quantity-controls {
    padding: 0 20px 20px !important;
}
  
  .compact .size-prices select ,
.size-price-quantity-controls select,
 .form-control.quantity-label,
  .form-control.quantity-selector,
  .form-control.item-size-options {
  padding: 0 15px !important;
  height: 45px ;
}
  
    .form-control.quantity-selector,
  .form-control.item-size-options {
     border-radius: 10px;
  }

  .form-control.quantity-label {
    border-top-left-radius: 10px !important;
 border-bottom-left-radius: 10px !important;
  }
  
  #sizeInput {
     height: 45px  !important;
  }
  
  .form-control.quantity-selector,
    .form-control.quantity-selector {
        border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
  }
  
 .form-control.quantity-input{
  height: 45px ;
}

.control-button {
    flex:  1 1 50% !important;
}
  
  .buttons-wrapper .control-button:only-child .btn {
    border-bottom-right-radius: 10px !important;
 }

.add-to-order-btn,
.customize-btn {
        padding: 12px 20px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  font-size: 12px !important;
}

.control-button + .control-button .add-to-order-btn {
  border-bottom-left-radius: 0 !important;
}

.customize-btn {
  border-bottom-right-radius: 0 !important;
}
  
   .upsell-item-info-container .upsell-item-content .add-to-order-btn {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.control-button + .control-button {
    margin-left: 0 !important;
  }
.credit-cards {
    justify-content: flex-start !important;
    flex: 1;
}
  
  .panels-wrapper .description-and-controls-panel {
    margin: 0 0 4rem !important;
}
}

.description-and-controls-panel a {
 color: #fff !important;
}

.menu-item.active .menu-item-name {
  font-weight: bold !important;
}

.description-and-controls-panel .select-dropdown:after,
.description-and-controls-panel .select:after{
    color: #0E2B2F !important;
}


.ng-fa-icon.star.primary-text-color.filled  {
  color: #e7a201 !important;
}
.notifications > .message{
    background-color: #D7282F !important;
    font-weight: bold !important;
    font-size: 20px !important;

}
.message.featured-notification {
  background-color: #1d874a !important;
  font-size: inherit !important;
}


.steps .selection-bg-color,
.customize-btn + .order-btn,
#specialWizardModalContent .order-btn {
background: #D7282F !important;
}
.ingredient-description-list .primary-text-color
{
color: white !important;
}

#specialWizardModalContent .customize-btn,
#specialWizardModalContent .order-btn,
.modal-buttons .btn,
.modal-footer .action-btn:not(.btn-next-choice),
#order-notification-upsize-btn,
#order-notification-view-order-btn,
#notification-checkout,
#order-tree-checkout,
.reorder,
.track-order-btn,
.checkout-upsize-btn,
#specialWizardModalContent .remove-btn,
#order-tracker,
.btn-update-subscription,
.checkout-button,
.option-button,
.make-grouporder-btn,
.invitation-form .btn,
#storeSelectionModal .btn,
.form-group .btn
 {
border-radius: 10px !important;
font-weight:bold !important;
}

.change-pass-btn,
#order-tracker {
  color: #1d874a !important;
}

.reorder {
  background: #D7282F !important;
  color: white !important;
  border: #D7282F !important;
}

#specialWizardModalContent .modal-header.secondary-bg-color {
  background: white !important;
}

#specialWizardModalContent .modal-header.secondary-text-color {
 color: rgb(14, 43, 47) !important;}

.modal-header.secondary-text-color {
 color: white !important;}

fts-checkout #login,
#storeSelectionModal .selection-bg-color,
.modal-header.secondary-bg-color
 {
   background: #D7282F !important; }

.store-selection-cancel-btn {
color: #D7282F !important; 
}

fts-register-or-login #login {
color: white !important;
}
fts-themeable-checkbox[formcontrolname="signUpForLoyalty"]{display:none !important;}
a-icon.ng-fa-icon.coupon-type-icon.ng-star-inserted {display: none;}

fts-sister-upsell .sister-name-cals {
text-align:center!important;
}

fts-loyalty fts-page-title div.page-title h2 {
  display: none!important;
}

div.loyalty-progress-bar {
  display:none;
}.alert-form.alert-danger, .alert.alert-danger { background-color: rgb(215, 40, 47) !important; }.error-bg-color { background-color: rgb(215, 40, 47)!important; }.alert-form.alert-danger, .alert.alert-danger { color: rgb(255, 255, 255) !important; }.notifications { background-color: rgb(215, 40, 47) !important; }.notifications { color: rgb(255, 255, 255) !important; }.text-danger { color: rgb(215, 40, 47) !important; }.special-indicator { color: rgb(215, 40, 47) !important; }