body {
    font-family : 'Open Sans', sans-serif;
    color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	font-family : 'Open Sans', sans-serif;
	color: #000000;
}

#h1, #h2, #h3, #h4, #h5, #h6, #h66, #myhead, .myhead, .send-my-meals-icon, a.back-to-top, #location, #divErrorMessage {
	font-family : 'Open Sans', sans-serif;
	color: #000000;
}


.emailSendContainer {
	border:2px solid #000000;
}

/*header Section*/
.headerContent {
    background-color: #ffffff;
}

/*Logo Section*/
#logo {
    background-image: url(image/logo.png);
}

@media screen and (max-width: 530px) and (min-width: 320px) {
    #logo {
        background-image: url(image/mobile-logo.png);
    }
}

/*App name Section*/
#app_name {
    font-family : 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight:normal;
    font-style:italic;
    text-decoration:none;
    color: #e7880d
}

#leftnav .header-back-button {
	color: #e7880d;
}

/*header menu Section*/
#menuitem,
.modal-header {
    background-color : #7b2a16;
}

.menuitem {
    font-family : 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #f3eeee
}

.modal-header h4,
.modal-header .close {
	color: #f3eeee
}

.menuitem:hover {
    color: #ffffff;
}

.btn-primary {
	border: 1px solid #7b2a16;
	background:#7b2a16;
    font-family : 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #f3eeee;
	border-radius:0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
	border: 1px solid #7b2a16;
	background:#7b2a16;
    font-family : 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #f3eeee;
	border-radius:0;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    outline: 0px auto -webkit-focus-ring-color;
}

/*Background Section*/
#MyBodySplash {
    background : #85a01c;
	background-repeat: no-repeat;
    background-size: cover;
}

#MyBodyFaded {
    background : #85a01c;
	background-repeat: no-repeat;
    background-size: cover;
}

/*Restriction Section*/
#restrictions {
    font-family : 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #7c4536
}

/*Allergen title Section*/
#preferences .h6 {
    font-family : 'Roboto', sans-serif;
    font-size: 22px;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #7c4536 !important;
}

/*Allergen option Section*/
#preferences .checkbox .name {
    font-family : 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #000000
}


/*Continue button Section*/
.button input,
#findbutt, .ui-button {
    background:#942d2c;
    font-family : 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #e1d7d4
}

.ui-button:hover {
	background:#942d2c;
    font-family : 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    color: #e1d7d4	
}

.ui-widget-header {	
    background:#942d2c;
    font-family : 'Open Sans', sans-serif;
	color: #e1d7d4
}