/**
 *		Merchant Branded App CSS
 *
 */
/* Colours */
/*  1. page backgrounds
---------------------------------------------------------
	1.1 data-themes bg
	1.2 landing/login/register page bg
	1.3 pop-up dialogue background

*/
.brandedapp #landing.ui-body-c,
.brandedapp #landing {
  background: #FAF5F2; }
.brandedapp .login-register.ui-body-c {
  background: #FAF5F2; }
.brandedapp .dialogue .ui-body-c.ui-content {
  background-color: #fff;
  background-image: none; }

.brandedapp #landing .ui-content,
.brandedapp.DEV #landing .ui-content,
.brandedapp.TEST #landing .ui-content {
  background: #FAF5F2; }

.brandedapp #LandingMerchantName {
  display: block !important; }
.brandedapp #LandingMerchantName span {
  color: #000;
  text-shadow: none; }

.brandedapp.yqme #landing .header-bg:before {
  background: none;
  border-top: none;
  height: 0;
  display: none; }

/*  2. header logos, backgrounds
---------------------------------------------------------
	2.1 header logo (small) + retina version
	2.2 header bg
	2.3 header button bg
	2.4 cafe title bar
	2.5 menu title bar
	2.6 h4 & h5 color
*/
.brandedapp .header h1 {
  background: url(/MC/delisia.yqme.com.au/Mobile/images/header-logo.png) no-repeat center;
  width: 233px;
  height: 70px;
  text-indent: -9999em;
  padding-top: 2px;
  padding-bottom: 2px;
  z-index: 2; }
.brandedapp .header .logo-bar {
  border-bottom: none;
  background-image: none;
  background-color: #FAF5F2; }
.brandedapp .HomeBtn, .brandedapp .BackBtn {
  border-color: #e9e9e9;
  background-color: #F9F9F9;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5) !important; }
  .brandedapp .HomeBtn:before, .brandedapp .BackBtn:before {
    color: #cece9f;
    text-shadow: 0 1px 0 white; }
.brandedapp .title-bar {
  text-shadow: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  background: #DFDFC1;
  color: #333333;
  padding: 4px 0; }
  .brandedapp .title-bar h2:after {
    border-top-color: #bcbc7e;
    border-bottom-color: transparent; }
.brandedapp #options .ui-content,
.brandedapp #variations .ui-content,
.brandedapp .checkout .ui-content {
  background: #fff; }

/*  3. Login/Rego pages
---------------------------------------------------------
	3.1 landing page logo
	3.2 login/rego page header bg
	3.3 login/rego page h1 & p style
*/
.brandedapp #landing .header-bg {
  background: none;
  padding-top: 2px;
  padding-bottom: 2px; }
.brandedapp #landing-logo {
  background: url(/MC/delisia.yqme.com.au/Mobile/images/landing-logo.png) no-repeat;
  background-position: right center;
  width: 260px;
  height: 78px;
  background-size: 260px 78px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  text-indent: -9999px;
  position: relative;
  z-index: 2; }
.brandedapp .login-register .header-bg {
  height: auto;
  background: none; }
.brandedapp .login-register .header-bg h1 {
  background: url(/MC/delisia.yqme.com.au/Mobile/images/header-logo.png) no-repeat;
  height: 126px;
  width: 220px;
  text-indent: -9999px;
  position: relative;
  top: -5px; }
.brandedapp .login-register .form h1, .brandedapp .login-register .form h3, .brandedapp .login-register .form h4, .brandedapp .login-register .form p {
  color: #000;
  text-shadow: none; }
.brandedapp .login-register #message p.error {
  text-shadow: 0 1px 0 #000; }
.brandedapp .ui-input-text {
  background: #f9f9f9; }
.brandedapp label.ui-input-text {
  background: none; }

/* 4. text & links
---------------------------------------------------------*/
.brandedapp .ui-dialog fieldset .ui-controlgroup-label {
  color: #000;
  text-shadow: none; }

.brandedapp .ui-body-c .ui-link:link,
.brandedapp .ui-body-c .ui-link:visited,
.brandedapp .copyright,
.brandedapp .copyright a:link,
.brandedapp .copyright a:visited {
  color: #000; }

.brandedapp .ui-btn-down-c:visited, .brandedapp .ui-btn-down-c:hover,
.brandedapp .ui-btn-down-c a.ui-link-inherit {
  color: #000; }
.brandedapp .ui-btn-up-c.ui-btn-active:visited, .brandedapp .ui-btn-up-c.ui-btn-active:hover,
.brandedapp .ui-btn-up-c.ui-btn-active a.ui-link-inherit {
  color: #000; }

/* 5. Menus
---------------------------------------------------------*/
.brandedapp .m_nav.wide .ui-listview li {
  /*border-top: 1px solid #000;*/
  border-top: none;
  border-bottom: 1px solid #C09B4977;
  background: white; }
.brandedapp .ui-body-b,
.brandedapp .ui-body-c {
  background: white; }
.brandedapp .ui-btn-up-c a.ui-link-inherit,
.brandedapp .ui-btn-hover-c a.ui-link-inherit,
.brandedapp .ui-btn-down-c a.ui-link-inherit {
  color: #242424; }
.brandedapp #FullMenu.m_nav li a:before, .brandedapp .main-navigation .ui-listview .ui-btn.ui-li a:before {
  color: #bcbc7e; }
.brandedapp .MenuItemDesc {
  color: #777; }
.brandedapp .MenuItemAvailability {
  color: #AAAAAA; }
.brandedapp .menuitem-price {
  border: none;
  background: none; }
.brandedapp body, .brandedapp div, .brandedapp span, .brandedapp object, .brandedapp iframe, .brandedapp h1, .brandedapp h2, .brandedapp h3, .brandedapp h4, .brandedapp h5, .brandedapp h6, .brandedapp p, .brandedapp blockquote, .brandedapp pre, .brandedapp a, .brandedapp abbr, .brandedapp acronym, .brandedapp address, .brandedapp code, .brandedapp del, .brandedapp dfn, .brandedapp em, .brandedapp img, .brandedapp q, .brandedapp dl, .brandedapp dt, .brandedapp dd, .brandedapp ol, .brandedapp ul, .brandedapp li, .brandedapp fieldset, .brandedapp form, .brandedapp label, .brandedapp legend, .brandedapp table, .brandedapp caption, .brandedapp tbody, .brandedapp tfoot, .brandedapp thead, .brandedapp tr, .brandedapp th, .brandedapp td {
  font-family: "Noto Serif Display", sans-serif; }
.brandedapp .ui-btn-up-c, .brandedapp .ui-btn-hover-c, .brandedapp .ui-btn-down-c, .brandedapp .ui-btn-up-r, .brandedapp .ui-btn-hover-r, .brandedapp .ui-btn-down-r, .brandedapp .ui-btn-up-b, .brandedapp .ui-btn-hover-b, .brandedapp .ui-btn-down-b, .brandedapp .ui-btn-up-g, .brandedapp .ui-btn-hover-g, .brandedapp .ui-btn-down-g, .brandedapp .ui-btn-up-w, .brandedapp .ui-btn-hover-w, .brandedapp .ui-btn-down-w {
  font-family: "Noto Serif Display", sans-serif; }
.brandedapp #full-menu .ui-li {
  text-align: center; }
  .brandedapp #full-menu .ui-li a {
    padding-right: 15px; }
  .brandedapp #full-menu .ui-li span {
    display: none; }

/* 6. powered by
---------------------------------------------------------*/
.brandedapp #landing .copyright {
  background: url(/MC/YQmeAssets/powered-by-black.png) no-repeat;
  background-position: center;
  width: 97px;
  height: 40px;
  background-size: 97px 40px;
  padding-top: 20px;
  text-indent: -9999px;
  position: relative;
  z-index: 2; }

/* 6. media queries
---------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .brandedapp .header .logo-bar h1,
  .brandedapp .login-register .header-bg h1 {
    background-image: url(/MC/delisia.yqme.com.au/Mobile/images/header-logo-2x.png);
    background-size: 233px 70px;
    width: 233px;
    height: 70px; }
  .brandedapp #landing-logo {
    background-image: url(/MC/delisia.yqme.com.au/Mobile/images/landing-logo-2x.png);
    background-size: 260px 78px;
    width: 260px;
    height: 78px; }
  .brandedapp #landing,
  .brandedapp .ui-page,
  .brandedapp .header {
    background-size: none; } }