/*FONTS------------------------*/

@import url("https://use.typekit.net/yts3lgc.css");

/*----------END OF FONTS----------*/

@font-face {
  font-family:"katarine-web";
  src:url("https://use.typekit.net/af/d846f7/0000000000000000773598c6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d846f7/0000000000000000773598c6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d846f7/0000000000000000773598c6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
  }

body {
    font-family: "katarine-web", sans-serif;
    color: #292929;
    letter-spacing: 0px;
}

.positive {
    color: #b3121e;
}


/* 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: #ecae4e;
    border-color: #ecae4e;
}

/*Code for titles on top bar*/
.bar.bar-dark .title {
    font-weight: 600;
    color: #b3121e;
    font-size: 22px;
    font-family: "coldsmith-pro", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/*Code for back button on header (when you click into a menu item)*/
.bar-dark .button.button-clear {
    font-weight: 600;
    color: #b3121e;
    font-size: 22px;
    font-family: "coldsmith-pro", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/*Code for shopping cart button on header*/
.bar-dark .button.button-icon {
    color: #b3121e;
}
/*----------*/


/*BOTTOM BAR----------------------------------*/

/*Code for bottom bar*/
.tabs-striped.tabs-dark .tabs {
    background-color: #292929;
    border-bottom: none;
}

/*Code for bottom bar tabs*/
.tab-item .icon {
    color: #ecae4e;
}

.tab-item .actived {
    color: #ecae4e;
}

/*Code for bottom bar tabs border when active*/
.tab-item.tab-item-active {
    border-color: #ecae4e !important;
}

/*Code for font color for bottom bar tabs*/
.tabs-striped.tabs-dark .tab-item.tab-item-active {
    color: #ecae4e;
}
.tabs .tab-item {
    color: #ecae4e !important;
}
/*----------*/


/*MENU GROUPS----------------------------------------*/

/*Code for menu boxes*/
.MenuGroup {
    background: #b3121e;
}

/*Code for menu group names*/
.menu-group-name {
    color: #ecae4e;
    font-family: "coldsmith-pro", sans-serif;
    font-size: 32px;
    letter-spacing: 1.5px;
    line-height: 1;
}

/*Code for menu group descprtions*/
.menu-group-description {
    color: #ecae4e;
    font-size: 18px;
    font-family: "katarine-web", sans-serif;
    padding-top: 5px;
}

/*Code for arrow on menu box*/
.menu-group-box {
    color: #ecae4e;
}
/*----------*/

/*MENU PLACEHOLDERS---------------------------------*/

/*Code for menu group placeholder title and etc*/
.menuGroupPlaceholder {
    color: #b3121e;
    font-family: "coldsmith-pro", sans-serif;
    font-size: 26px;
    letter-spacing: 1.5px;
}

/*Code for menu group placeholder descriptions*/
.menu-group-placeholder-description {
    color: #ecae4e;
    font-size: 16px;
    font-family: "katarine-web", sans-serif;
    padding-top: 5px;
}

/*----------*/


/*MENU ITEM-----------------------------------------*/

/*Code for menu item name*/
.menuItemName {
    font-weight: 600;
    font-size: 20px;
    font-family: "katarine-web", sans-serif;
    color: #292929;
}

/*Code for menu item description*/
.MenuItemDescription {
    font-weight: 400;
    font-size: 18px !important; /*(Note: default styling overides font-size, creating a need for !important)*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "katarine-web", sans-serif;
    color: #444444;
}

/*Code for menu item cost*/
.menu-item-cost {
    font-weight: 600 !important;
    font-size: 16px;
    color: #292929;
    font-family: "katarine-web", sans-serif;

}
/*----------*/


/*MENU ITEM PAGES - BUTTONS-----------------------------*/

/*Code for ASSERTIVE buttons*/
.button.button-assertive {
   background-color: #292929;
   color: white;
   font-size: 14px;
}
/*When activated*/
.button.button-assertive.activated {
   background-color: #262626; /*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: #b3121e;
    color: #ecae4e;
}
/*When activated*/
.button.button-balanced.activated {
    background-color:#d70017; /*different for effect*/
    color: #ecae4e;
}
/*When hover*/
.button.button-balanced:hover {
    color: #ecae4e;
}
/* */


/*Code for BALANCED OUTLINE buttons*/
.button.button-balanced.button-outline {
    border-color: #b3121e;
    color:#b3121e;
}
/*When activated*/
.button.button-balanced.button-outline.activated {
    background-color: #b3121e;
    color:#ecae4e;
}
/* */


/*Code for POSITIVE buttons*/
.button.button-positive {
   background-color: #b3121e;
   color: #ecae4e;
}
/*When activated*/
.button.button-positive.activated {
   background-color:#d70017; /*different for effect*/
   color: #ecae4e;
}
/*When hover*/
.button.button-positive:hover {
    color: #ecae4e;
}
/*Code for setting image colors to #f4a52f*/
.button.button-positive img {
    filter: brightness(0) saturate(100%) invert(69%) sepia(81%) saturate(403%) hue-rotate(342deg) brightness(99%) contrast(87%);
}
/* */


/*Code for POSITIVE OUTLINE buttons*/
.button.button-positive.button-outline {
   border-color: #b3121e;
   color:#b3121e;
}
/*When activated*/
.button.button-positive.button-outline.activated {
   background-color: #b3121e;
   color:#ecae4e;
}
/* */


/*Code for ENERGIZED buttons*/
.button.button-energized {
    background-color: #ecae4e;
    color: #b3121e;
}  
/*When activated*/
.button.button-energized.activated {
   background-color: #ffc54f;
   color: #b3121e;
}
.button.button-energized:hover {
    color: #b3121e;
}

/*----------*/


/*MENU ITEM PAGES - MISC-----------------------------*/

/*Code for CHECKBOX before selected*/
.checkbox-square .checkbox-icon:before {
   border-color: #b3121e;
}
/*After selected*/
.checkbox input:checked + .checkbox-icon:before {
   border-color: #b3121e;
   background: #b3121e;
}
/* */


/*NO YES XTRA Buttons*/
.button.button-small.button-stable.button-positive {
   background-color: #b3121e;
   color: #ecae4e;
   border-color: #b3121e;
}
/* */


/*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: #b3121e !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: #b3121e !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: #b3121e;
   background: #b3121e;
}
/*Not selected*/
.circle-negative {
   border-color: #5e5e5e;
}

/*Code for warning*/
.center.assertive {
    color: red;
}
/* */
/*----------*/