/*FONTS------------------------*/

@font-face {
    font-family: OpenSans;
    src: url(../../css/fonts/opensans/static/OpenSans/OpenSans-Regular.ttf);
  }
  
  @font-face {
    font-family: Montserrat;
    src: url(../../css/fonts/montserrat/Montserrat-VariableFont_wght.ttf);
  }
  
  /*----------END OF FONTS----------*/
  
  body {
    font-family: Montserrat;
    color: #292929;
    letter-spacing: 0px;
  }
  
  .positive {
    color: #ad3a1d;
  }
  
  
  /* Code for aligning homepage */
  #splash {
  text-align: center;
  }
  /* */
  
  
  /* 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: #292929 !important;
  }
  /* */
  
  
  /*TOP BAR-------------------------------------*/
  
  /*Code for top bar*/
  .bar.bar-dark {
    background-color: #322829;
    border-color: #322829;
  }
  
  /*Code for titles on top bar*/
  .bar.bar-dark .title {
    font-weight: 600;
    color: #ffffff;
    font-size: 18px;
    font-family: OpenSans;
    text-transform: uppercase;
  }
  
  /*Code for back button on header (when you click into a menu item)*/
  .bar-dark .button.button-clear {
    font-weight: 600;
    color: #ffffff;
    font-size: 18px;
    font-family: OpenSans;
    text-transform: uppercase;
  }
  
  /*Code for shopping cart button on header*/
  .bar-dark .button.button-icon {
    color: #ffffff;
  }
  /*----------*/
  
  
  /*BOTTOM BAR----------------------------------*/
  
  /*Code for bottom bar*/
  .tabs-striped.tabs-dark .tabs {
    background-color: #322829;
    border-bottom: none;
  }
  
  /*Code for bottom bar tabs*/
  .tab-item .icon {
    color: #ffffff;
  }
  
  /*Code for bottom bar tabs border when active*/
  .tab-item.tab-item-active {
    border-color: #ffffff !important;
  }
  
  /*Code for font color for bottom bar tabs*/
  .tabs-striped.tabs-dark .tab-item.tab-item-active {
    color: #ffffff;
  }
  .tabs .tab-item {
    color: #ffffff !important;
  }
  /*----------*/
  
  
  /*MENU GROUPS----------------------------------------*/
  
  /*Code for menu boxes*/
  .MenuGroup {
    background: #ad3a1d;
  }
  
  /*Code for menu group names*/
  .menu-group-name {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.2;
    padding-bottom: 5px;
  }
  
  /*Code for menu group descprtions*/
  .menu-group-description {
    color: #ffffff;
    font-size: 15px;
    font-family: OpenSans;
    line-height: 1.4;
    margin-right: 40px;
  }
  
  /*Code for arrow on menu box*/
  .menu-group-box {
    color: #ffffff;
  }
  /*----------*/
  
  /*MENU PLACEHOLDERS---------------------------------*/
  
  /*Code for menu group placeholder title and etc*/
  .menuGroupPlaceholder {
    color: #ad3a1d;
    font-family: Montserrat;
    font-size: 22px;
    margin-bottom: -10px !important;
    line-height: 1.4;
  
  }
  
  /*Code for menu group placeholder descriptions*/
  .menu-group-placeholder-description {
    color: #292929;
    font-size: 15px;
    font-family: OpenSans;
    padding-top: 5px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    line-height: 1.4;
  
  }
  /*----------*/
  
  /*MENU ITEM-----------------------------------------*/
  
  /*Code for menu item name*/
  .menuItemName {
    font-weight: 600;
    font-size: 18px;
    font-family: Montserrat;
    text-transform: uppercase !important;
    color: #292929;
  }
  
  /*Code for menu item description*/
  .MenuItemDescription {
    font-weight: 500;
    font-size: 15px !important; /*(Note: default styling overides font-size, creating a need for !important)*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: OpenSans;
    line-height: 1.4;
    color: #666666;

  }
  
  /*Code for menu item cost*/
  .menu-item-cost {
    font-family: OpenSans;
    font-weight: 600;
    font-size: 16px;
    color: #292929;
  }
  /*----------*/
  
  
  /*MENU ITEM PAGES - BUTTONS-----------------------------*/
  
  /*Code for ASSERTIVE buttons*/
  .button.button-assertive {
   background-color: #ad3a1d;
   color: white;
   font-size: 14px;
  }
  /*When activated*/
  .button.button-assertive.activated {
   background-color: #d8a58e; /*different for effect*/
   color: white;
  }
  /* */
  
  
  /*Code for ASSERTIVE OUTLINE buttons*/
  .button.button-assertive.button-outline {
    border-color: #292929;
    color: #292929;
  }
  /*When activated*/
  .button.button-assertive.button-outline.activated {
    background-color: #292929;
    color: #ffffff;
  }
  /* */
  
  
  /*Code for BALANCED buttons*/
  .button.button-balanced {
    background-color: #ad3a1d;
  }
  /*When activated*/
  .button.button-balanced.activated {
    background-color:#ae3540; /*different for effect*/
    color: #ffffff;
  }
  /* */
  
  
  /*Code for BALANCED OUTLINE buttons*/
  .button.button-balanced.button-outline {
    border-color: #ad3a1d;
    color:#292929;
  }
  /*When activated*/
  .button.button-balanced.button-outline.activated {
    background-color: #ad3a1d;
    color:#ffffff;
  }
  /* */
  
  
  /*Code for POSITIVE buttons*/
  .button.button-positive {
   background-color: #ad3a1d;
  }
  /*When activated*/
  .button.button-positive.activated {
   background-color: #ad3a1d; /*different for effect*/
   color: #ffffff;
  }
  /* */
  
  
  /*Code for POSITIVE OUTLINE buttons*/
  .button.button-positive.button-outline {
   border-color: #ad3a1d;
   color: #ad3a1d;
  }
  /*When activated*/
  .button.button-positive.button-outline.activated {
   background-color: #ad3a1d;
   color: #ffffff;
  }
  /* */
  /*----------*/
  
  
  /*MENU ITEM PAGES - MISC-----------------------------*/
  
  
  /*Code for CHECKBOX before selected*/
  .checkbox-square .checkbox-icon:before {
   border-color: #ad3a1d;
  }
  /*After selected*/
  .checkbox input:checked + .checkbox-icon:before {
   border-color: #ad3a1d;
   background: #ad3a1d;
  }
  /* */
  
  
  /*NO YES XTRA Buttons*/
  .button.button-small.button-stable.button-positive {
   background-color: #ad3a1d;
   color: #fff;
   border-color: #ad3a1d;
  }
  /* */
  
  
  /*Code for RADIO BUTTON before selected*/
  /* (Note: as of 11/20/24 !important is necessary to overide a !important in the inoic styling) */
  .radio-positive .radio-icon:before {
   border-color: #ad3a1d !important;
  }
  /*After selected (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: #ad3a1d !important;
  }
  .item-radio input:checked + .radio-content .radio-icon:after {
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  /* */
  
  
  /*Code for WHOLE and HALF when selected*/
  .circle-positive {
   border-color: #ad3a1d;
   background: #ad3a1d;
  }
  /*Not selected*/
  .circle-negative {
   border-color: #b2b2b2;
  }
  /* */
  /*----------*/
  
  .option-divider {
  background-color: #ad3a1d;
  color: #fff;
  }
  
  .option-divider .item {
  background-color: #ad3a1d;
  color: #fff;
  }
  
  .option-divider p{
  color: #fff;
  }