/*Louisiana Cajun Kitchen - 9/29/25 Update - SM*/
/* MASTER CSS STYING CODE as of 8-19-25*/

/* TOGO MENU STYLING A*/


/*TTE FONT FOLDER FONTS - LIST EVERY FONT NAME BASED ON WEIGHT------------------------*/

@font-face {
    font-family: "PTSans-Regular";
    src: url(../../css/fonts/PT_Sans/PTSans-Regular.ttf);
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
  }
  
  @font-face {
font-family: "PTSans-Bold";
      src: url(../../css/fonts/PT_Sans/PTSans-Bold.ttf);
      font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
    }
  
  @font-face {
    font-family: "OpenSans-Bold";
    src: url(../../css/fonts/PT_Sans/PTSans-Bold.ttf);
    font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
  }
  
  @font-face {
      font-family: "FjallaOne-Regular";
      src: url(../../css/fonts/fjalla_one/FjallaOne-Regular.ttf);
      font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
    }
 
 /*FONTS------------------------*/

@font-face {
    font-family: Calistoga;
    src: url(https://taptapeat.com/css/fonts/Calistoga/Calistoga-Regular.ttf);
}

@font-face {
    font-family: Oswald;
    src: url(https://taptapeat.com/css/fonts/oswald/static/Oswald-Regular.ttf);
}   
  
  /*
  @font-face {
    font-family: "PTSerif";
    src: url(../../css/fonts/PR_Serfi/PTSerif-Regular.ttf);
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
  }
  
  @font-face {
    font-family: "PTSerif-Bold";
    src: url(../../css/fonts/PR_Serfi/PTSerif-Bold.ttf);
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
  }
  
  
  /*----------DOW WE NEED THIS???? WE DEFINE THE FONTS BELOW----------*/
  
  .body {
      font-family: "PTSans-Regular";
      color: #212221;
      letter-spacing: 0px;
  }
  
  /*----------END OF FONTS----------*/
  
  /*----------HOMEPAGE----------*
  
  /* ALIGHNS HOMEPAGE AT CENTER OF WEB PAGE */
  #splash {
      text-align: center;
      }
      /* */
  
  /*----------ACCENT TEXT - EX SHOW MORE - ALERTS----------*/
  .positive {
    color: #d91f26;
  }
  
  /*SIDE BAR-------------------------------------*/
  /*Side Bar - Selected Category*/
  .item-divider.item.active{
      font-weight: 600;
  }
  
  .bold, div.item-divider {
      font-weight: 600;
  }
  
  /*SEARCH BAR-------------------------------------*/
  /*Search Bar - Top Padding*/
  .item.no-border.item-input-inset.menu-search{
      padding-top: 30px;
      margin: 0px;
  }
  
  .item-input-wrapper{
      background-color: #ffffff;
      border: 1px solid #e1e1e1;
  }
  
  /*----------*/
  
  /*TOP BAR-------------------------------------*/
  
  /*Top Bar Background*/
  .bar.bar-dark {
       background-color: #212221;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      border-color: #212221;
  }
  
  /*Top Bar Titles - Views - Styling - Order*/
  .bar.bar-dark .title {
font-family: Calistoga;
      font-size: 16px;
      font-weight: 600 !important;
      color: #ffffff;
      letter-spacing: 0px;
      text-transform: Capitalize !important;
      background-color: #212221;
  }
  
  /*------WHAT DOES THIS DO?????------*/
  .button-clear.button-positive.fw600 {
      color: #212221;
  }
  
  /*Title on Top Bar - Menu Back Button - Seen On Menu Item Page*/
  .bar-dark .button.button-clear {
font-family: Calistoga;
      font-size: 16px;
      font-weight: 600;
      color: #212221;
      letter-spacing: 0px;
      text-transform: Capitalize !important;
  }
  
  /*Top Bar - Shopping Cart Button Icon*/
  .bar-dark .button.button-icon {
      color: #212221;
  }
  /*Top Bar - Not sure what text this changes---------TRY REMOVING - DOES IT DO ANYTHING????*/
  .bar.bar-dark .back-text {
font-family: Calistoga;
      font-size: 16px !important;
      font-weight: 600 !important;
      color: #212221;
      letter-spacing: 0px;
      text-transform: Capitalize !important;  
  }
  
  
  /*----------*/
  
  /*----------REVIEW THIS SECTION - ARE THESE LABELED CORRECTLY?----------*/
  
  /*BOTTOM BAR----------------------------------*/
  
  /*Bottom Bar Background*/
  .tabs-striped.tabs-dark .tabs {
      background-color: #212221;
      border-bottom: none;
      box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  }
  
  /*Bottom Bar Icons*/
  .tab-item .icon {
      color: #ffffff;
  }
  
  /*Bottom Bar Top Border for Active Selection*/
  .tab-item.tab-item-active {
      border-color: #ffffff !important;
  }
  
  /*Bottom Bar Font Color - Locations - Menu - Order*/
  .tabs-striped.tabs-dark .tab-item.tab-item-active {
      color: #ffffff;
  }
  .tabs .tab-item {
      color: #ffffff !important;
  }
  /*----------*/
  
  
  /*MENU INSTRUCTIONS - OFTEN ON CATERING SIDE----------------------------------------*/
  /*why the words Hind and Lobster???*/
  
  /*Menu Instruction Container*/
  .menu-instructions {
      background: #212221;
      color: #ffffff;
      padding-top:20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
  }
  
  /*Menu Instructions - Heading*/
  .menu-instructions-hind-upper {
      font-family: "FjallaOne-Regular";
      font-size: 28px;
      font-weight: 600;
      color: #ffffff;
      padding-bottom: 0px;
      line-height: 1.2;
  }
  
  /*Menu Instructions - Line ---- does nothing*/
  /*
  .menu-instructions hr {
      background: #fff;
      color: #fff;
      width: 80%;
      max-width: 200px;
      height: 1px;
      border: none;
      margin-bottom: 20px;
      margin-top: 20px;
  }
  */
  
  /*Menu Instructions - SubHeading*/
  .menu-instructions-lobster {
      font-family: "PTSans-Bold" !important;
      font-size: 20px;
      font-weight: 800;
      color: #ffffff;
      padding: 12px;
      line-height: 1.2;
  }
  
  /*Menu Instruction  - Underline underneath Heading (aka Lobster)*/
  .menu-instructions .fw600::after {
      content: "";
      display: block;
      width: 70px;
      height: 2px;
      background-color: #212221; /* Adjust color as needed */
      margin: auto; /*centers the line*/
      margin-top: 12px;
      margin-bottom: 20px;
  }
  
      
  /*Menu Instructions - Body*/
  .menu-instructions-hind-lower {
      font-family: "PTSans-Regular";
      font-size: 16px;
      font-weight: 600;
      color: #ffffff;
      padding: 12px;
      line-height: 1.2;
  }
  
  .email-link {
      color: #ffffff; /* sets text to white */
      text-decoration: none; /* optional: removes underline */
    }
  
  .email-link:hover,
  .email-link:visited,
  .email-link:active {
    color: #ffffff;
  }
  
  /*MENU GROUP CONTAINER OR BOX----------------------------------------*/
  
  /*Menu Box Background*/
  .MenuGroup {
      background: #f5f5f5;
  }
  
  /*Menu Group Arrow*/
  .menu-group-icon {
      color: #bc2639;
  }
  
  /*Menu Group Names*/
  .menu-group-name {
      font-family: Calistoga;
      font-size: 24px;
      font-weight: 800;
      color: #212221;
      letter-spacing: 0px;
      line-height: 1;
      text-transform: capitalize !important;
      padding-bottom: 5px !important;
  }
  
  /*Menu Group Descprtions*/
  .menu-group-description {
      font-family: "PTSans-Regular";
      font-size: 16px !important;
      font-weight: 400;
      color: #212221 !important;
      letter-spacing: 0px;
      line-height: 1.2;
      padding-top: 0px;
  }
  
  /*Menu Group Descprtions - added because the above menu-group-description did not take*/
  .item p{
      font-family: "PTSans-Regular";
      font-size: 16px !important;
      font-weight: 400;
      color: #535353 !important;  
  }
  
  /*----------*/
  
   /*MENU GROUP PLACEHOLDERS - Additional Content to Support Menu Groups such as Main Menu and A la Carte---------------------------------*/
  
   /*Menu Group Placeholder - Background Color---- previously   .MenuItem-placeholder .ng-binding{
  */
   .menu-instructions .ng-binding{
    color: #ffffff;
   }
  
  /*Menu Group Placeholder - Title*/
  .menuGroupPlaceholder {
      font-family: "PTSans-Bold" !important;
      font-size: 22px !important;
      font-weight: 800 !important;
      color: #212221;
      text-transform: capitalize !important;
      position: relative;
      margin-bottom: 0px;
      padding: 32px 16px 0px 16px;
  }
  
  /*Menu Group Placeholder - Underline*/
  .menuGroupPlaceholder .fw600::after {
      content: ""; /* Required to create the pseudo-element */
      display: block; /* Makes it act like a block-level element (so it can have width/height) */
      width: 70px; /* The line’s width */
      height: 2px; /* The line’s thickness */
      background-color: #d91f26; /* The color of the line — a bright red */
      margin: auto; /* Horizontally centers the line under the text */
      margin-top: 12px; /* Adds space between the text and the line */
  }
  
  /*Menu Group Placeholder - Description*/
  .menu-group-placeholder-description {
      font-family: "PTSans-Regular";
      font-size: 20px;
      font-weight: 400;
      color: #212221;
      padding-top: 0px;
      margin-left: auto;
      margin-right: auto;
      max-width:500px;
      margin-top: 15px;
  }
    
  /*----------*/
  
  
  #bottomInst {
      padding-top: 10px !important;
  }
    
  .MenuItemDescription.dark.menu-group-description.menu-group-placeholder-description {
      padding: 0px !important;
  }
  /*----------*/
  
  
  /*MENU ITEM-----------------------------------------*/
  /*----------HOW TO CHANGE THE MENU ITEM SELECTION COLOR????----------*/
  
  /*Menu Item Name*/
  .menuItemName {
    font-family: "PTSans-Regular";
    font-size: 18px;
    font-weight: 600;
    color: #212221;
    letter-spacing: 0px;
    line-height: 1.2;
  }
  
  /*Code for menu item description*/
  .MenuItemDescription {
    font-family: "PTSans-Regular";
    font-size: 14px;
    font-weight: 400;
    color: #535353;
    letter-spacing: 0px;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  /*Menu Item Cost*/
  .menu-item-cost {
    font-family: "PTSans-Regular";
    font-size: 16px;
    font-weight: 600;
    color: #212221;
    letter-spacing: 0px;
    line-height: 1.2;
  }
  
  /*Menu Item Option - Background*/
  .option-divider .row {
      background: #F5F5F5;
  }
  
  /*Menu Item Placeholder - Background*/
  .MenuItem-placeholder {
      background-color: #F5F5F5;
  }
  
  /*----------*/
  
  
  /*MENU ITEM PAGES - BUTTONS-----------------------------*/
  
  
  /*ASSERTIVE BUTTONS-----------------------------*/
  /*Assertive Buttons - SECONDAY CCOLOR - BACK - OK - New Version*/
  .button.button-assertive {
      background-color: #bc2639;
      color: #fff; 
  }
  .button.button-assertive:hover {
      background-color: #006c38; /*lighter or darker shade of secondary color*/
      color: #fff;
      text-decoration: none; 
  }
  .button.button-assertive.active, .button.button-assertive.activated {
      background-color: #006c38;  /*lighter or darker shade of secondary color*/
      color: #ffffff;
  }
  .button.button-assertive.button-clear {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #212221; 
  }
  .button.button-assertive.button-icon {
      border-color: transparent;
      background: none; 
  }
  .button.button-assertive.button-outline {
      border-color: #bc2639;
      background: transparent;
      color: #bc2639; 
  }
  .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
      background-color: #006c38; /*lighter or darker shade of secondary color*/
      box-shadow: none;
      color: #fff; 
  }
  /*----------*/
  
  /*BALANCED BUTTONS-----------------------------*/
  /*Balanced Buttons - ORDER TO GO - ADD TO ORDER*/
  .button.button-balanced {
      background-color: #d91f26;
      color: #ffffff;
  }
  /*Balanced Buttons - Activated or Selected Color*/
  .button.button-balanced.activated {
      background-color:#d91f26; 
      color: #ffffff;
  }
  /*Balanced Buttons - Hover */
  .button.button-balanced:hover {
      background-color:#ad181e; /*select a shade of the brand color - https://www.color-hex.com*/
      color: #ffffff;
  }
  /*Balanced Buttons - Outline*/
  .button.button-balanced.button-outline {
      border-color: #d91f26;
      color:#d91f26;
  }
  /*Balanced Buttons - Outline - Activated*/
  .button.button-balanced.button-outline.activated {
      background-color: #d91f26;
      color:#ffffff;
  }
  /*Balanced Buttons - Outline - Hover*/
  .button.button-balanced.button-outline:hover {
      background-color:#ad181e; /*select a shade of the brand color - https://www.color-hex.com*/
      color: #ffffff;
  }
  /*----------*/
  
  
  /*POSTIVE BUTTONS - CHECKOUT - TIP -----------------------------*/
  /*Positive Buttons - */
  .button.button-positive {
      background-color: #d91f26;
      color: #ffffff;
  }
  /*Balanced Buttons - Positive - Activated or Selected*/
  .button.button-positive.activated {
      background-color:#d91f26; 
      color: #ffffff;
  }
  /*Balanced Buttons - Positive - Hover*/
  .button.button-positive:hover {
      background-color:#ad181e; /*select a shade of the brand color - https://www.color-hex.com*/
      color: #ffffff;
  }
  /*Positive Outline Buttons*/
  .button.button-positive.button-outline {
      border-color: #d91f26;
      color: #d91f26;
  }
  /*Positive Outline Buttons - Activated or Selected*/
  .button.button-positive.button-outline.activated {
    background-color: #d91f26; 
    color:#ffffff;
  }
  /*Positive Outline Buttons - Hover*/
  .button.button-positive.button-outline:hover {
  background-color:#ad181e; /*select a shade of the brand color - https://www.color-hex.com*/
  color: #ffffff;
  }
  /*----------*/
  
  
  /*MENU ITEM PAGES - RADIO BUTTONS - CHECKBOXES -----------------------------*/
  
  /*CHECKBOX BUTTONS-----------------------------*/
  /*Checkbox - Before Selection*/
  .checkbox-square .checkbox-icon:before {
      border-color: #b2b2b2;
  }
  /*Checkbox - Selected*/
  .checkbox input:checked + .checkbox-icon:before {
      border-color: #d91f26;
      background: #d91f26;
      color: #ffffff;
  }
  /*----------*/
  
  /*YES NO XTRA BUTTONS-----------------------------*/
  /*YES NO XTRA Button*/
  .button.button-small.button-stable.button-positive {
      background-color: #d91f26;
      color: #ffffff;
      border-color: #d91f26;
  }
  /*----------*/
  
  /*RADIO BUTTONS-----------------------------*/
  /*Radio Button - Before Selection*/
  /*(Note: as of 11/20/24 !important is necessary to overide a !important in the inoic styling) */
  .radio-positive .radio-icon:before {
      border-color: #b2b2b2 !important;
  }
  /*Radio Button - After (the little dot in the middle)*/
  /* (Note: as of 11/20/24 !important is necessary to overide a !important in the inoic styling) */
  .radio-positive .radio-icon:after {
      background: #d91f26 !important;
  }
  .item-radio input:checked + .radio-content .radio-icon:after {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  /*----------*/
  
  /*WHOLE and HALF BUTTONS-----------------------------*/
  /*Whole and Half - Selected*/
  .circle-positive {
      border-color: #d91f26;
      background: #d91f26;
  }
  /*Whole and Half - Not Selected*/
  .circle-negative {
      border-color: #b2b2b2;
  }
  /*----------*/
  
  /* Code for input fields - I.E. quantity num or text in the styling editor */
  /* (Note: as of 11/22/24 !important is required to overide a hard-coded color value when adding a menu item*/
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"] {
     color: #212221 !important;
  }
  
  /*----------*/
  
  
  /*CATERING EVENT PAGES - ADD FOR CATERING BUSINESSES -----------------------------*/
  
  /*CATERING EVENT PAGES -----------------------------*/
  /*Catering Event Page Headings - Event Info - Customer Info - Event Contact*/  
  /*
  .event-info-header {
      font-family: "PTSans-Regular";
      font-size:18px;
      margin-top: 5px;
  }
  */
  
  /* Event page styling 8/8/2025 */
  /*
  .event-info-label {
      font-family: "PTSans-Regular";
      font-size:16px;
      color: #262626
    }
  /*
  /*----------*/