@charset "UTF-8";
/* CSS for MyMenuHelper.com*/
/* CSS Document */
:root
{
    --page-background: #ffffff;
    --order-background: #ffffff;
    --selected-background: #e7e7e7;
    
    --header-background: #e7e7e7;
    
    /* accent lines */
    --order-accent: #e7e7e7;
    
    /* global font sizes */
    --font-sm: 12px;
    --font-md: 15px;
    --font-lg: 17px;
    --font-xl: 24px;
    
    /* global font weights */
    --font-weight-normal : 300;
    --font-weight-medium : 400;
    --font-weight-heavy  : 600;
    
    --default-border-radius: 4px;
    --default-border-color: #e7e7e7;
    
    --default-error-background: #e00000;
    --default-error-text: #ffffff;
    
    --default-modal-background: #ffffff;
    --default-modal-border-radius: 16px;
    
    --default-subtle-text-color: #707070;
    --default-faint-text-color: #e0e0e0;
    --default-mid-text-color: #404040;
    --default-text-color: #000000;
    
    --default-header-color: #e7e7e7;
    --default-subheader-color: #f0f0f0;
    
    --theme-primary-color: #ffffff;
    --theme-button-color: #ffffff;
    --theme-button-text-color: #ffffff;
    
    --default-phone-screen-size: 900px;
    --default-laptop-screen-size: 996px;
    --default-desktop-screen-size: 1200px;
}

html
	{
		overflow: -moz-scrollbars-vertical; 
		overflow:scroll
	}

/* highlight color (orange) */
.chighlightcolor
{
	background-color: #ed303b;
}

/* footer divider bar */
.cfooterdivider
{
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 10px;
	border-width: 100%;
	padding-bottom: 6px;
}

/* small divider used below phone images */
.cdivider
{
	width:120px;
	height: 4px;
	background-color: #ed303b;
	margin-bottom: 8px;
}

/* small divider used below phone images */
.cheaderdivider
{
	height: 4px;
	background-color: #ed303b;
	margin-bottom: 8px;
}
/* BootStrap: nav bar brand (logo) */
.navbar-brand
{
	height: 82px;
}

/* BootStrap: navbar */
.navbar
{
	background: #ffffff;
	margin-bottom: 0px;
}

		
.didyouknowheader
{
	font-size: 10px;
	font-weight: 400;
}

.didyouknow
{
	border-left: 2px solid #b0b0b0;
	padding-left: 16px;
	width: 80%;
}

.didyouknowtext
{
	color: #808080;
}

.order-location-container
{
    float: left; 
    margin: 0px; 
    padding: 8px; 
    height: 160px;
    width: 50%;
    display: inline
}

.order-location-image
{
    height: 80px;
    max-height: 80px;
    max-width: 80px;
    min-width: 80px;
    border-radius: 4px;
}

.order-location
{
    margin: 0px; 
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 12px;
    border: 1px solid var( --default-border-color ); 
    border-radius: 8px; 
    background-color: var( --page-background );
    height: 100%;
}

.order-location:hover
{
    cursor:pointer;
    background-color: var( --selected-background );
}