@import url("https://use.typekit.net/ohx0kiy.css");.font-primary, body { font-family: proxima-nova !important; }.font-secondary { font-family: proxima-nova !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(51, 51, 51)!important; }.primary-text-border-color { border-color: rgb(51, 51, 51)!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(0, 0, 0)!important; fill: rgb(0, 0, 0)!important }.action-text-color { color: rgb(0, 0, 0)!important; }.action-border-color { border-color: rgb(0, 0, 0)!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(0, 0, 0)!important; fill: rgb(0, 0, 0)!important }.selection-text-color { color: rgb(0, 0, 0)!important; }.selection-border-color { border-color: rgb(0, 0, 0)!important; }.btn:hover .tab-icon.filled {background-color: rgb(0, 0, 0)!important; }.btn:active .tab-icon.filled {background-color: rgb(0, 0, 0)!important; }.btn.active .tab-icon.filled {background-color: rgb(0, 0, 0)!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(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; }.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.39 !important; } div.page-title>h2 { 

  font-size: 0px!important;

}



fts-loyalty fts-page-title div.page-title {

background-image:url(/Image?name=Rewards_Banner)!important;

height: 180px!important;

background-repeat:no-repeat!important;

background-size:contain;

background-position: center center;

border:none !important;}





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



  

.fillHeightFix[_ngcontent-rig-c106] {

  height: 50% !important;}



.center-panel {

  .featured-content {

    margin-bottom: -15% 

!important;

margin-top:-15% !important;

  }

}



  .font-secondary {

    font-weight: bold !important;}



.item-label {

  text-transform:uppercase !important;}

  

  .ingredients-wrapper {

    margin-left: -20px !important;

    margin-right: -20px !important;

}

}



@media screen and (min-width: 767px) {



.font-secondary {font-weight:bold !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 #store-logo{

filter:none !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: rgb(14, 43, 47) !important;

  color: white !important;

  border: solid 2px rgb(14, 43, 47) !important;



}



.step-legend{

color: rgb(14, 43, 47) !important;}



.customize-btn {

color: rgb(14, 43, 47) !important;

border: solid 2px rgb(14, 43, 47) !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: #fff !important;

  background-color: #25b03a !important;

    border-radius: 10px;

font-size: 18px;

  font-weight: bold;

}



.choice-controls-wrapper > .choice-controls {

  background: rgb(0,0,0) !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;

}



.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: rgb(0,0,0) !important;

    font-weight: bold !important;

 



}

.message.featured-notification {

  background-color: #1d874a !important;

  font-size: inherit !important;

}





.steps .selection-bg-color,

.customize-btn + .order-btn,

#specialWizardModalContent .order-btn {

background: #25b03a !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-sister-upsell .sister-name-cals {

text-align:center!important;

}







.dual-coupon-rows {

display:flex !important;}





.item-name{

text-transform: uppercase !important;}

.item-description{

text-transform: capitalize 

!important;}



#continue-to-menu{

background:rgb(0,0,0) !important;

color:#fff !important;}



.panels-wrapper .description-and-controls-panel{

background:rgb(0,0,0) !important;}



#checkout{background:rgb(0,0,0) !important;}



#login, #register, #sign-up {

background:rgb(0,0,0) !important;}



fts-checkout #login{background:rgb(0,0,0) !important;}



.change-pass-btn, #order-tracker {color: rgb(0,0,0) !important;

}



  .minified-menu-container[_ngcontent-kle-c121] {

width:100vw;

display:flex;

padding:5px;

overflow-x:scroll;

box-shadow:0 2px 4px #0006;}



.minified-menu-btn [_ngcontent-imv-c120], .menu-item.active {     border-bottom: 4px solid #25b03a !important;}





#place-order-btn, #continue-to-payment-btn, #continue-to-order-details-btn {

background:#25b03a !important;

}



.card-container {

  border: 1px solid #ccc;

}



fts-checkout #login, #storeSelectionModal .selection-bg-color, .modal-header.secondary-bg-color{

background:#25b03a !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(0, 0, 0) !important; }.error-bg-color { background-color: rgb(0, 0, 0)!important; }.alert-form.alert-danger, .alert.alert-danger { color: rgb(255, 255, 255) !important; }.notifications { background-color: rgb(0, 0, 0) !important; }.notifications { color: rgb(255, 255, 255) !important; }.text-danger { color: rgb(0, 0, 0) !important; }.special-indicator { color: rgb(0, 0, 0) !important; }