.primary-bg-color { background-color: rgb(46, 50, 52)!important; }.btn-choice:not(.active):hover { background-color: rgb(46, 50, 52)!important; }.primary-bg-border-color { border-color: rgb(46, 50, 52)!important; }.popover.top > .arrow { border-top-color: rgb(46, 50, 52)!important; }.popover.left > .arrow { border-left-color: rgb(46, 50, 52)!important; }.popover.right > .arrow { border-right-color: rgb(46, 50, 52)!important; }.popover.bottom > .arrow { border-bottom-color: rgb(46, 50, 52)!important; }.primary-border-color { border-color: rgb(46, 50, 52)!important; }.primary-text-color { color: rgb(240, 240, 240)!important; }.primary-text-border-color { border-color: rgb(240, 240, 240)!important; }.secondary-bg-color { background-color: rgb(60, 60, 60)!important; }.secondary-text-inverse-color { color: rgb(60, 60, 60)!important; }.secondary-text-color { color: rgb(255, 255, 255)!important; }.secondary-bg-inverse-color { background-color: rgb(255, 255, 255)!important; }.secondary-bg-inverse-color:before { background-color: rgb(255, 255, 255)!important; }.secondary-bg-inverse-color:after { background-color: rgb(255, 255, 255)!important; }.action-bg-color { background-color: rgb(255, 73, 118)!important; fill: rgb(255, 73, 118)!important }.action-text-color { color: rgb(255, 73, 118)!important; }.action-border-color { border-color: rgb(255, 73, 118)!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(255, 73, 118)!important; fill: rgb(255, 73, 118)!important }.selection-text-color { color: rgb(255, 73, 118)!important; }.selection-border-color { border-color: rgb(255, 73, 118)!important; }.btn:hover .tab-icon.filled {background-color: rgb(255, 73, 118)!important; }.btn:active .tab-icon.filled {background-color: rgb(255, 73, 118)!important; }.btn.active .tab-icon.filled {background-color: rgb(255, 73, 118)!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(153, 108, 0)!important; }.secondary-text { color: rgb(255, 255, 255)!important; }.intro-highlight-bg-color { background-color: rgb(255, 73, 118)!important; }.intro-highlight-text-color { color: rgb(255, 73, 118)!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(46, 50, 52)!important; }.main-footer { background-image: url('') !important; }.home-info-bg-fix { opacity: 0.49 !important; }@font-face {
	font-family: "Lato";
  	src: url("https://pizza-luce-styles.s3.us-east-2.amazonaws.com/fonts/Lato-Regular.ttf")
}

@font-face {
	font-family: "Lato-Italic";
  	src: url("https://pizza-luce-styles.s3.us-east-2.amazonaws.com/fonts/Lato-Italic.ttf")
}
@font-face {
	font-family: "Lato-Bold";
  	src: url("https://pizza-luce-styles.s3.us-east-2.amazonaws.com/fonts/Lato-Bold.ttf");
}

@font-face {
  font-family: "Axiforma";
  src: url("https://pizza-luce-styles.s3.us-east-2.amazonaws.com/fonts/axiforma_bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
.font-secondary.no-margin.heading,
h1,
h2,
h4,
h3,
h5,
h6,
button,
legend {
  font-family: "Axiforma" !important;
  font-palette: normal !important;
}
.panel-group-description {
  display: none;
}
fts-card-menu-item-description {
  background-color: #454b50;
  color: white;
}
// .horizontal-menu-button-right {
//   background-color: rgb(255, 73, 118) !important;
// }
.pill-tag {
  //   background: transparent !important;
  //   border-color: white !important;
  border-width: thin !important;
  border-style: solid !important;
  font-family: "Axiforma" !important;
}
@media screen and (min-width: 768px) {
  .time-slot-wrapper {
    width: 500px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .home-date-option-chooser {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 20px !important;
  }
  .time-selector {
    margin-top: 0px !important;
  }
}
.time-slot-wrapper {
  width:100%;
}
.time-selector {
  display: flex;
  align-items: center;
}
.time-selector select {
  margin-right: 5px;
}
.add-to-text {
  display: none;
}

.option-button {
  box-shadow: 0px 0px !important;
  color: #454b50 !important;
}
.expander {
  color: #454b50 !important;
}
.order-tree-wrapper {
  background-color: white !important;
  color: #454b50 !important;
}
.primary-bg-color.btn-sm {
  background-color: white !important;
}
#order-tree {
  position: absolute;
  bottom: -1px !important;
  right: 0;
  height: 100vh;
  background-color: white !important;
  z-index: 1000;
  overflow-y: auto;
}
#mainContent > fts-menu-host > fts-menu > div.menu > div {
  width: 100% !important;
}
.item-wrapper {
  height: 2em !important;
  font-family: "Axiforma" !important;
}
.card-head {
  padding: 0.4em !important;
}
// #mainContent > fts-menu-host > fts-menu > div.ng-star-inserted {
//   display: none;
// }

// div.menu-group.panel-group.ng-star-inserted
//   > fts-sliding-card-group-panel-entry
//   > div
//   > button {©
//   font-size: 200%;
//   background-color: #ff4976 !important;
// }
.tiled-menu {
  min-height: 100%;
}
#mainContent {
  min-height: 100%;
}
#mainContent > fts-intro {
  min-height: 100%;
}
#mainContent > fts-intro > section > div.container.padded {
  min-height: 80vh;
  align-content: center;
  padding-top: 14%;
}
#mainContent > fts-intro > section {
  min-height: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("https://api-menu-items.s3.us-east-2.amazonaws.com/olo-background-generic.jpg");
  background-repeat: no-repeat;
  /*background-size: 110%;
  background-position: center right;*/
}
.mainFooter {
  height: 0px;
}
.description-and-controls-panel * {
  color: #333 !important;
}
.ingredients-wrapper {
  background-color: white !important;
  color: #333 !important;
}
@media (max-width: 768px) {
  .fts-menu-tab-group,
  .fts-sliding-card-group-panel-entry,
  .card-wrapper,
  .card-items-container {
    max-height: none !important;
    height: auto !important;
  }
  .card-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .card-items-container {
    display: block !important;
    overflow-x: initial !important;
    align-items: initial !important;
    width: auto !important;
  }
  .card-item-container {
    display: block !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

fts-home .home-info-bg-fix {
  width: auto !important;
  right: 0;
}
fts-home .home-info {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 600px !important;

  @media screen and (min-width: 768px) {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
}

fts-home .order-info-wrapper {
  width: 100% !important;
  position: unset !important;
}

fts-sliding-card-group-panel-entry .horizontal-menu-button-right::before {
  content: "";
  position: absolute;
  top: 0 !important;
  right: 0;
  bottom: 0 !important;
  height: auto !important;
  width: 100px;
  background: linear-gradient(to left, #2e3234, transparent);
  z-index: 1 !important;
}

fts-sliding-card-group-panel-entry .horizontal-menu-button-right {
  height: auto !important;
  width: auto !important;
  right: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  margin-top: 0 !important;
  top: 0 !important;
  bottom: 0 !important;

  fa-icon {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 40px;

    svg {
      height: 20px !important;
      width: 20px !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
    }
  }

  fa-icon::before {
    content: "";
    height: 30px !important;
    width: 30px !important;
    background-color: #ff4976 !important;
    border-radius: 50%;
    z-index: 2;
  }
}

fts-sliding-card-group-panel-entry .horizontal-menu-button-left::before {
  content: "";
  position: absolute;
  top: 0 !important;
  left: 0;
  bottom: 0 !important;
  height: auto !important;
  width: 100px;
  background: linear-gradient(to right, #2e3234, transparent);
  z-index: 1 !important;
}

fts-sliding-card-group-panel-entry .horizontal-menu-button-left {
  height: auto !important;
  width: auto !important;
  left: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  margin-top: 0 !important;
  top: 0 !important;
  bottom: 0 !important;

  fa-icon {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 40px;

    svg {
      height: 20px !important;
      width: 20px !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
    }
  }

  fa-icon::before {
    content: "";
    height: 30px !important;
    width: 30px !important;
    background-color: #ff4976 !important;
    border-radius: 50%;
    z-index: 2;
  }
}

fts-item-editor-modal .dialog-container {
  background-color: white !important;
}

fts-orderable-editor fts-editor .header-content #close-editor-btn {
  color: white !important;
}

fts-quantity-selector .quantity-wrapper * {
  color: white !important;
}

.ingredients-wrapper .ingredient {
  background-color: white !important;
  .ingredient-info * {
    color: #333 !important;
  }

  .ingredient-wrapper * {
    background-color: white !important;
  }
}

fts-item-choices .item-choices-container {
  background-color: white;
}

fts-horizontal-categories-menu {
  .outer-container {
    height: auto;
  }
  fts-nav-button button {
    .menu-item-image {
      display: none !important;
    }
  }
}

fts-horizontal-categories-menu .horizontal-menu-button-left {
  background: linear-gradient(to left, #2e3234, transparent) !important;
  display: flex;
  justify-content: end;

  img {
    width: 50% !important;
  }
}
fts-horizontal-categories-menu .horizontal-menu-button-right {
  background: linear-gradient(to left, #2e3234, transparent) !important;
  display: flex;
  justify-content: end;

  img {
    width: 50% !important;
  }
}

fts-mobile-order-menu #treeMenuWrapper {
  background-color: white;
  color: rgb(46, 50, 52);
}

fts-item-editor-modal .modal-footer {
  background-color: white !important;
}

fts-card-menu-item .panel-item-footer {
  background-color: #454b50;
}

fts-loyalty information-container fts-loyalty-coupon #inline-award {
  color: #454b50 !important;
}

fts-order-time-chooser #defer-date-dropdown {
  margin-left: auto !important;
  margin-right: auto !important;
}

fts-order-time-chooser .time-selector {
  margin-bottom: 10px;
}

footer {
  background-color: #2e3234;
}

@media (min-width: 769px) {
  fts-minified-header .header {
    min-height: 90px;
  }
  #left-menu {
    padding-left: 2.6rem;
  }
}
.modal-body[_ngcontent-sim-c80],
fts-login .overlay {
  width: 100%;
  min-height: 80vh;
  background-size: cover;
  background-position: center;
  flex: 0 0 auto;
  background-image: url("https://duluth.pizzaluce.com/webfile?name=columnedPageBackgroundImage");
}
fts-login .overlay {
  color: rgba(69, 75, 80, 1);
}
#forgot-password-link {
  color: rgb(255, 73, 118) !important;
  margin: 20px 0px 10px 0px;
}

.item-size-options,
.ingredient-options {
  background-color: #dddddd !important;
  color: rgba(69, 75, 80, 1) !important;
}

.button-controls[_ngcontent-nvq-c238] {
  overflow: visible !important;
}
fts-item-editor-modal-footer button {
  border-radius: 5px !important;
  box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.33) !important;
  -webkit-box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.33);
}

.filter-tag.item {
  border-color: gray !important;
  font-family: sans-serif !important;
  background-color: transparent !important;
}

#register {
  position: relative;
  width: 60%;
  color: rgba(69, 75, 80, 1) !important;
  background: transparent !important;
  border: 1px solid #dddddd;
  border-radius: 50px;
  box-shadow: unset !important;
}

#login {
  width: 100%;
  border-radius: 5px;
}

.register-login-text {
  font-size: large !important;
}

.ng-tns-c220-12 {
  color: #333;
}

.add-to-order-btn {
  position: relative;
  background-color: #ed135d !important;
  color: #ffffff;
  border-radius: 5px !important;
box-shadow: 1px 1px 3px 0px #232323;
}
.customize-btn {
  font-size: 14px;
  padding:6.5px;
  border-radius: 5px !important;
  outline:1px solid !important;
  box-shadow: 1px 1px 3px 0px #232323;
}

fts-card-menu-item-description {
  padding: 10px 20px !important;
  font-size: 13px;
  font-family: sans-serif;
}
.panel-item-footer {
  padding: 10px 38px !important;
}

fts-intro .overlay .margin-top-10, fts-order-type-form, .ng-tns-c157-1{
  background-color: #1c1c1c38!important;
}
.btn .badge {
  font-family: sans-serif;
  font-weight: 400;
}

#continue-to-menu {
  background-color: rgb(255, 73, 118)!important;
  margin-bottom: 1rem;
}

.title-button-container .my-order-button {
    color: #454b50 !important;
}

fts-single-ingredient-choice .ingredient-options .ng-star-inserted, fts-single-ingredient-choice .ingredient-options{
 color: #444444!important;
  background-color:#fff!important;
}



.price-label {
  margin-right: 8px;
}

.modal-header .modal-title {
  margin-top:0px!important;
}

.modal-header {
  padding:1rem;
  min-height:unset;
  background-color: rgb(255, 73, 118)!important;
}

fts-login-form .form-control, .tsep-form-group input {
  background-color: transparent!important;
  color: rgb(46, 50, 52)!important;
  border-radius: 5px;
}

select {
  background-color:inherit!important;
}

.qualifier-btn-group button {
  font-family: sans-serif !important;
  font-weight: unset!important;
}


/* Customer CSS Edits */
	
/* Typography */
div p {
	font-family: "Lato";
}

/* Intro Screen */

.title.font-secondary  {
	padding-top:240px;
}

#description {
	font-size: 13px;
  	font-family: 'Lato';
}
.group-order-checkbox-wrapper {
 font-family: "Axiforma"
}

/* OrderType Modal */
.ng-tns-c171-1 {
  margin-top:-5px;
  border-radius: 5px;
  background-image: url("https://pizza-luce-styles.s3.us-east-2.amazonaws.com/img/Tattoo_Pattern_600x600_2024.png");
  background-size: contain;
  background-color:#ffffff;
  
  color:#454b50;
  padding-left:5px;
  padding-right:5px;
  
}

.group-order-checkbox-wrapper.ng-tns-c171-1 {
	margin-top: -70px;
  	margin-bottom: -30px;
}

/* Menu */

.tab-name.menu-item-name {
	font-size: .99rem;
   
}
.item-name .fw-400{
	
}
.panel-item-description {
	font-family: "Lato";
}
.price {
	font-family: "Lato-Bold";
}

.font-secondary.primary-bg-color.primary-text-color.no-top-margin.no-bottom-margin.item-name.fw-400 {
	overflow-wrap:anywhere;!important;
}

.item-name-wrapper .font-secondary span {
	font-size: 16px;
  	margin-left: 2px;
  	overflow-wrap:anywhere;!important;
}
label.form-control.quantity-label {
	font-family: "Lato-bold";
  	color: #d5d5d5;
  	border-radius: 5px 0px 0px 5px;
}

input.form-control{
  border-radius: 0px 5px 5px 0px; 
}

input.form-control.quantity-input  {
	font-family: "Lato";
  	color: #d5d5d5;
}

/* pricing sizing dropdown menu */
select.item-size-options{
  font-family: "Lato-Bold";
  
}

/* Menu Tags */
	/* Section Tags */
.filter-tags.horizontal-scrolling.ng-star-inserted button {
  font-family: "Lato-Bold" !important;	
  color:#d0ce38 !important;
  border-color: #d0ce38 !important;
  font-size: 13px;
}

	/* Item Title Tags */
.btn.btn-tag.no-padding.ng-star-inserted span {
	font-family: "Lato-bold" !important;
  	border-radius: 20px !important;
  border-color: #d0ce38 !important;
  color: #d0ce38 !important;
  margin-top: 5px;
  border-width: 1px;
  font-size: 12px;
}

/* Navigation */


/* Footer */

.text-center.margin-left-30.margin-top-10.margin-right-30-xs.margin-bottom-10.margin-right-30 {
	display:flex;
  font-size: 9px
}
.row.social.text-center.margin-left-30.margin-right-30.margin-top-10.margin-bottom-10.justify-content-center.ng-star-inserted {
display:none;
}
.text-center.margin-left-30.margin-right-30.margin-top-10.margin-bottom-10.ng-star-inserted{
	display:none;
}
.margin-top-10.margin-bottom-10.padded-bottom-15.padded-top-10.text-center.ng-star-inserted{
	visibility: hidden;
}

#payment-form label, #payment-form input{
  color: #fff !important;
}

/*Loyalty*/

#inline-award{
    background-color: #333 !important;
    
}.alert-form.alert-danger, .alert.alert-danger { background-color: rgb(255, 73, 118) !important; }.error-bg-color { background-color: rgb(255, 73, 118)!important; }.alert-form.alert-danger, .alert.alert-danger { color: rgb(255, 255, 255) !important; }.notifications { background-color: rgb(255, 73, 118) !important; }.notifications { color: rgb(255, 255, 255) !important; }.text-danger { color: rgb(255, 73, 118) !important; }.special-indicator { color: rgb(255, 73, 118) !important; }