// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";

// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;

@import "ionic.globals";

// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/


// Override - Homogenized ionic component styles
@import 'overrides';

$colors: (
  primary:    $color-primary,
  secondary:  $color-secondary,
  warning:    #EBA133,
  danger:     #bb331a,
  success:    #7BC94D,
  light:      #f4f4f4,
  dark:       #424242,
  grey:       #999
);

// Refresh color
$refresher-icon-color: color($colors, primary);

// Toolbar
$toolbar-text-color: color($colors, light);

// Main color
$text-color: color($colors, dark);

// Border light
$list-border-color: color($colors, light);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here

$item-ios-divider-background: white;


// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here

$list-md-border-color: color($colors, light);


// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here



// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";

// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";

/* Ionic Overrides and Workarounds */
// Please include a description of the problem solved by the workaround.

ion-navbar.hide { display: block !important; }