/**
 * @file
 * At the time of writing the Mobile weather app uses gateway for user registration and user password recovery. As
 * this is done within a mobile browser container (not ideal!) we need to discourage the user from getting lost in
 * the gateway site and never getting back to the app itself.
 * This was a workaround because the cordova inappbrowser plugin which would normally open a new window in the system
 * browser wasn't compatible (out of box) with webview+.
 * Any questions, please ask Alex Bergin - note, I agree this is a sucky approach! but the mobile app has been built
 * poorly!
 */
/**
 * Legacy IE support.
 */
/**
 * Font faces, stacks and sizes.
 */
/**
 * Colors, etc.
 */
/**
 * Partials to be shared with all .scss files.
 */
/**
 * Layout element mixins.
 */
/* The white box with grey border that surrounds most content. */
/* The grey box that surrounds content. */
/* The white box containing the main content. Has a green top border. */
/* Content inset into the white box */
/* Content inset on grey background */
/* Content on a lightgrey background with darker border ie left nav and right column of a normal page */
/* Button-like styling for inset box that sits at normal white box level. */
/* Button with a plus icon to the left. */
/* standard button across site. */
/**
 * Text element mixins.
 */
/* line 14, ../sass/mobile-weather-app.scss */
body.mobile-weather-app {
  /* .region-header is the search box */
}
/* line 17, ../sass/mobile-weather-app.scss */
body.mobile-weather-app #navigation-wrapper,
body.mobile-weather-app #secondary-menu,
body.mobile-weather-app #page-meta-wrapper,
body.mobile-weather-app .region-header,
body.mobile-weather-app .tabs-primary,
body.mobile-weather-app .seed-menu-mega-menus,
body.mobile-weather-app .seed-menu-mega-menu,
body.mobile-weather-app .region-site-wide-notice,
body.mobile-weather-app .sso-login-note,
body.mobile-weather-app #footer {
  display: none;
}
/* line 30, ../sass/mobile-weather-app.scss */
body.mobile-weather-app #header-wrapper #header #name-and-slogan #branding {
  margin-top: 20px;
}
/* line 32, ../sass/mobile-weather-app.scss */
body.mobile-weather-app #header-wrapper #header #name-and-slogan #branding #logo {
  margin-top: 0px;
}