@font-face {
    font-family:flame-regular;
    src: url(fonts/flame/flameregular.woff);
}

@font-face {
    font-family:flame-sans;
    src: url(fonts/flame/flamesans.woff);
}

body{
    line-height: normal;
}

h6,h5,h4,h3,h2,h1{
    font-family: "flame-regular";
    margin-bottom: 0;
}

span{
    font-family: "flame-sans";
}

ul{
    padding: 0 ;
    margin: 0;
}

:root {
    --primary-300:#EB9180;  /* disabled item price color */
    --primary-500: #D62300;  /* Brand primary color */
    --primary-surface: #F5EBDC;  /* Background color */
    --neutral-300:#BEA37A;      /* disabled item name color */
    --neutral-900: #241908;  /* Text Color */
    --neutral-700: #4E3917; 
    --tertiary-500: #A13A18;  /* Size category color */
    --tertiary-200: #E6BDAF;  /* Division line */
    --white:#FFFFFF;
    --amber-300:#FFAA01;

}

h1 {
 /* Styles for h1 */
   font-size: 60px;
   color: var(--neutral-700);
}

h2 { 
    /* Styles for h2 */
    font-size: 44px;
    color: var(--neutral-700);
}

p,span {
    /* Slyles for P1 */
    font-size: 28px;
    font-family: "flame-sans";
}

/* 

    font-size: 1.5em ;
    color: var(--neutral-700);
    font-weight: Medium;
    margin-bottom: 0px;

*/


body{
    height:100vh;
    background-color: var(--primary-surface);
}

.menu-section {
    margin-bottom: 24px;
}

.menu {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    width: 100%;
    height:100vh;
}

.menu__col{
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 28px;
    padding-right: 28px;
    position: relative;
}

.menu__category-name{
    padding-bottom: 20px;
}

.menu__item {
    color:var(--neutral-700);
    padding-bottom: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:start;
    p{margin-bottom: 0;}
    width: 100%;
}

.menu__item-title {
    font-size: 28px;
    font-family: "flame-sans";
    width:100%;
}

.menu__item--size-category{
    justify-content: flex-end;
}

.menu__item-size{
    width: 112px;
    text-align: center;
}

.menu__multisize-price{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;

    .menu__item-price{
        &:first-child{
            margin-right: 40px;
        }
    }
}

.menu__item-size--size-var{
    margin-right: 40px;
}

.menu__item-price{
    font-family: "flame-regular";
    font-weight: bold;
    color: var(--primary-500);
    font-size: 1.7em;
    width: 112px;
    text-align:center;
}

span{
    color: var(--tertiary-500);
    font-weight: bold;
}

.menu__logo {
    width: 100%;
    max-width: 221px;
    height: 175px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    svg{
        height:100%;
        width: 100%;
    } 

}

@media (min-width: 1200px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 1920px;
    }
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    font-family: "flame-sans", sans-serif;
}

.menu__col--promo{
    padding: 0;
}

.menu__promo-item{
    width: 100%;
    padding: 32px 28px;
    border-radius: 5px;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    p{margin-bottom: 0;}
}            

.menu__promo-currency, .menu-row__promo-currency {           
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0px;
    font-family:"flame-regular";
    color: var(--amber-300);
}

.menu__promo-price {
    font-size: 64px;
    color: var(--primary-500);
    font-weight: bold;
    font-family: "flame-regular";

}

.menu-row__promo-price{
    font-size: 64px;
    color: var(--amber-300);
    font-weight: bold;
    font-family: "flame-regular";
}

.menu__promo-price-wrapper, .menu-row__promo-price-wrapper {
    font-family: "flame-regular";
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu__image-container {
    height: 100%;
    display: flex;
}

.menu__item-title-disabled {
    text-decoration: line-through;
    color:var(--neutral-300);

}
.menu__item-price-disabled {
    color:var(--primary-300);
    font-family: "flame-regular";
    font-weight: bold;
    font-size: 1.7em;
    width: 93.9766px;
    text-align:center;
    text-decoration: line-through;
}



.menu__promo-background-image{
    width: 100%;
    background-size: cover;
    height: 100%;
}

.size-category{
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--tertiary-500);
    font-weight: bold;
    padding-bottom: 24px;
}

.division-line{
    height: 2px;
    background-color: var(--tertiary-200);
    width: 100%;
    margin-top: 12px;
    margin-bottom: 32px;
}

.menu-row {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 0px;
    width: 100%;
    height: 50vh;
    background-color: var(--primary-surface);
}

.menu-row__item {
    width: 100%;
    position: relative;
    border-color: var(--white);
    border-width: 2px;
    border-style: solid;

}

.menu-row__item--highlight {
    grid-column-start: 1;
    grid-column-end: 3;

}

.menu-row__item-details--highlight-price {
    display: block;
}

.menu-row__item-name{
    font-family: "flame-regular";
    height: 100%;
    color: var(--neutral-900)
}

.menu-row__promo-item-name{
    font-family: "flame-regular";
    height: 100%;
    color: var(--primary-surface)
}

.menu-row__item-details{
    justify-content: space-between;
    flex-direction: row;
    padding: 32px 16px;
    position: absolute;
}

.menu-row__image-item{
    display: flex;
    height: 100%;
    width: 100%;
}

.menu__promo-price {

    flex-direction: row;
    align-items: center;
    color:var(--primary-500);
}

.menu-row__item-number{
    padding-right: 16px;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0px;
    font-family:"flame-regular";
    color:var(--neutral-900);

}

.menu-row__meal-price{
    font-family: "Cabin";
    font-size: 1.5em ;
    color: var(--neutral-700);
    font-weight: Medium;
    margin-bottom: 0px;
}

.menu-row__price-details {
    position: absolute;
    bottom: 0;
    padding: 32px 16px;
}

.menu-row__currency{
    color:var(--primary-500);
    font-size: 36px;
    font-family: "flame-regular";

}

.menu-row__price{
    color:var(--primary-500);
    font-size: 64px;
    font-weight: bold;
    margin-bottom: 0px;
    font-family:"flame-regular";
}
.menu-row__item-name-disabled {
    font-family: "flame-regular";
    height: 100%;
    color: var(--neutral-900);
    text-decoration: line-through;
}

.menu-row__price-disabled{
    color:var(--primary-500);
    font-size: 64px;
    font-weight: bold;
    margin-bottom: 0px;
    font-family:"flame-regular";
    text-decoration: line-through;
}

.menu-row__background-image{
    width: 100%;
    background-size: cover;
    height: 100%;
}

.menu-row__item-details-disabled {
    justify-content: space-between;
    flex-direction: row;
    padding: 32px 16px;
    position: absolute;
}


.menu-row__item-number-disabled {
    padding-right: 16px;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0px;
    font-family:"flame-regular";
    color: var(--neutral-900); 
    text-decoration: line-through;
}   
.menu-row__currency-disabled {
    color: var(--primary-500);
    font-size: 36px;
    font-family: "flame-regular";
}

.menu-row__image-container{
    width: 100%;
    height: 100%;
    display: flex;
}

.menu-row__background-image-disabled{
    width: 100%;
    background-size: cover;
    height: 100%;
    opacity:60%;
}