// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.

body {
  font-family: 'PT Sans', sans-serif;
}

ion-toolbar {
  color: #fff;

  .toolbar-background {
    background-color: #000000;
  }

  .bar-button,
  .toolbar-title {
    color: #ffffff;
  }
}

ion-title {
  text-align: center;
}

.content {
  background-color: #191b1c;
  color: #fff;
}

.item {
  background-color: #1d1e1f;
  color: #fff;
}

.list {

  .item-block .item-inner {
    border-bottom-color: #333435;
  }
}


.tabs {

  .tabbar {
    background-color: #090a0a;
  }

  .tab-button {

    .tab-button-icon {
      color: #ffffff;
    }

    &[aria-selected=true] {

      .tab-button-icon {
        color: #fdb315;
      }
    }
  }
}

@media screen and (min-width: 769px) {
  body {
    background-color: #000000;
  }

  ion-app.app-root {
    height: 480px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 320px;
  }
}
