﻿@font-face {
    font-family: 'BrandonText';
    src: url("/fonts/Brandon_txt_reg-webfont.woff2") format("woff2"), url("/fonts/Brandon_txt_reg-webfont.woff") format("woff");
}


@font-face {
    font-family: 'BrandonText';
    src: url("/fonts/Brandon_txt_med-webfont.woff2") format("woff2"), url("/fonts/Brandon_txt_med-webfont.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: 'BrandonText';
    src: url("/fonts/Brandon_txt_bld-webfont.woff2") format("woff2"), url("/fonts/Brandon_txt_bld-webfont.woff") format("woff");
    font-weight: bold;
}

@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/limelight/v19/XLYkIZL7aopJVbZJHDuYPg.woff) format('woff');
}

@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/niconne/v15/w8gaH2QvRug1_rTfrQg.woff) format('woff');
}

@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibarrarealnova/v27/sZlSdQiA-DBIDCcaWtQzL4BZHoiDundw4ATyjed3EXdg5MDu.woff) format('woff');
}


* {
    margin: 0;
    padding: 0;
}

body
{
    background-color: #fff !important;
    color: #000;
}

.v, .vg
{
	width:15px;
	padding-left: 3px;
}

.mbackground {
    height: 100%;
    width: 100%;
    background: url("/images/venue193/backgroundsetwhitetea.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 1;
    top: 0px;
    color: #000;
    background-position-x:center;
    
}

.mihover {
    border: #54ff50 3px solid;
    padding: 3px;
}

.editmenuitemhidden
{
	display: none;
}

.mwrapper {

    width: 97%;
    z-index: 10;
    position: relative;
    margin-left: 1.5%;
    margin-top: 20px;

}

.mheader
{
    height: 31vh;
    width: 100%;
    margin-bottom: 20px;
}

.mlogo {
       /* width: 100%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    position: relative;
    left: 36%;
    width: 30%;
    max-width: 28%;

    /* height: 26vh; */

    margin-top: 50px;
    margin-bottom: 20px;
}

.mibox {
    top: 20vh;
    column-count: 4;
    width: 100%;
    height: auto;
}


.mcwrapper {
    width: 40%;
    margin-left: 30%;
    text-align: center;
}

.miitem
{
margin-bottom: 20px;

/*
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
    */
}

.migroupheader {
    font-size: 2.5em;
    font-weight: 400;
    font-family: Niconne;
    color: #000;
    margin-bottom: 7px;
	margin-top: 15px;
}

.migroupheader2 {
    font-size: 2.5em;
    font-family: Yellowtail;

    color: #f9e9c4;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.migroupheaderinfo
{
    font-size:1.0em;
    font-weight:bold;
}
.migroupheaderinfo2 {
    font-size: 1.1em;
    font-weight: bold;
    color: #226e18;
}

.miwrapper {
    position: relative;
    margin-bottom: 15px;
}

.miname {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 3px;
    color: #000;
    text-transform: uppercase;
}

.miprice {
    font-weight: bold;
    right: 5px;
    top: 0px;
    position: absolute;
    font-size: 1.3em;
    font-family: 'Montserrat';
    margin-top: 5px;
    /*border: 1px solid #000; */
    /*width: 20px; */
    /* height: 20px; */

}

.midetail {
    font-family: 'Ibarra Real Nova','Montserrat';
    margin-top: 3px;
    width: 80%;
    margin-left: 10%;
}

.miboxeditem {
    padding: 5px;
    border: 1px solid #444;
    border-radius: 3px;
    
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
    
}

.miboxeditem .miname
{
    text-align:center;
    
}

.miggroupimage img
{
    width: 12%;
    padding: 5px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .mibox
    {
        column-count: 1;
    }

    .mlogo
    {
        width: 100%;
		left: auto;
		max-width: none;
    }
	
.miprice
{
	display: none;
}
	
	

    .mcwrapper {
        width: 96%;
        text-align: center;
        margin-left: 2%
    }
}

@media print {

    * {
  
    }

    body, div {
   
        
    }
	
	 @page {
        size: portrait;
         
        max-height: 100%;
        max-width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin: 0;
   
    }
	
	.pagebreak
	{
		display: block;
		clear: both;
		page-break-after: always;
	
	}

    .mibox {
        column-count: 1 !important;
		}

	
	.logotext 
		{
			font-size: 1.8em;
		}
		
	.mcwrapper
	{
		    width: 70%;
		margin-left: 15%;
		text-align: center;
	}
		
	.miwrapper
	{
		margin-bottom: 3px;
	}

    .miline
    {
        display: none !important;
    }

    .miggroupimage img {
         width: 12%;
    padding: 2px;
	margin-top: 15px;
    }

    .migroupheader {
        font-size: 2.0em !important;
    }

    .miname {
        font-size: 0.9em !important;
		width: 100%;
		text-align: center
    }
	
	.miprice {
        font-size: 0.9em !important;
    }
	
	.midetail {
        font-size: 0.8em !important;
		line-height: 1.1em;
		font-family: 'Ibarra Real Nova','poppins';
    }

	.migroupheader
	{
		font-size: 1.3em !important;
	}
	
	.mheader 
	{
		height: 13vh;
		margin-bottom: 5px;
	}
	
	.submenu, .submenularge
	{
		font-size: 1.0em !important;
	}
	
	.mfooter
	{
		position: fixed;
		bottom: 0px;
		height; 2vh;
	}
	.allergies
	{
		font-size: 1.0em;
		line-height: 1.0em;
		width: 65%;
	}
	
	  .miggroupimage img {
		  /* display: none; */
    }
	
	.footerlogo
	{
		width: 80px;
	}
	
	.mlogo
	{
		height: 12vh;
		margin-top: 5px;
		margin-bottom: 15px;
		
	}
	
	.logotextmenu
	{
		line-height: 8vh;
	}


    .migroupheaderinfo4 {
        font-size: 1.1em;
        color: #000;
        border: 5px solid #e78f38;
        border-radius: 10px;
        padding: 10px;
        background-color: #fece78 !important;
        font-weight: bold;
        font-style: normal;
        font-family: Arial;
        width: auto;
    }

    .midealheader1 {
        color: #38109d !important;
    }

    .v, .vg, .gf {
 
        display: none;
       
    }





   
	

}




/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .mibox {
        column-count: 1;
    }
    .mlogo {
        width: auto;
    }

    .mcwrapper {
        width: 96%;
        text-align: center;
        margin-left: 2%
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .mibox {
        column-count: 1;
    }

    .mcwrapper {
        width: 80%;
        margin-left: 10%;
        text-align: center;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .mibox {
        column-count: 1;
    }

    .mcwrapper {
        width: 60%;
        margin-left: 20%;
        text-align: center;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .mibox {
        column-count: 1;
    }

    .mcwrapper {
        width: 40%;
        margin-left: 30%;
        text-align: center;
    }
}