
$light:                           #FFFFFF !default;
$stable:                          #F3F3F3 !default;
$positive:                        #55A2DA !default;
$calm:                            #AFB4BF !default;
$balanced:                        #92BC64 !default;
$energized:                       #F2CB63 !default;
$assertive:                       #ED5A51 !default;
$royal:                           #4A4383 !default;
$royalLight:                      #746CA9;
$dark:                            #3C3F47 !default;


// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../lib/ionic/fonts" !default;

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";

// Avalanche Icons

@font-face {
  font-family: "avalanche_icons";
  src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot");
  src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot?#iefix") format("embedded-opentype"),
       url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff") format("woff"),
       url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf") format("truetype"),
       url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "avalanche_icons";
    src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
  }
}

[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.icon-agent:before,
.icon-agent-circle:before,
.icon-avalanche:before,
.icon-bullet:before,
.icon-chat:before,
.icon-flaged:before,
.icon-lab:before,
.icon-message:before,
.icon-mission:before,
.icon-objective:before,
.icon-radar:before,
.icon-reward:before,
.icon-task:before,
.icon-validation:before {
  display: inline-block;
  font-family: "avalanche_icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-agent:before { content: "\f100"; }
.icon-agent-circle:before { content: "\f107"; }
.icon-avalanche:before { content: "\f101"; }
.icon-bullet:before { content: "\f108"; }
.icon-chat:before { content: "\f102"; }
.icon-flaged:before { content: "\f10e"; }
.icon-lab:before { content: "\f10a"; }
.icon-message:before { content: "\f10b"; }
.icon-mission:before { content: "\f103"; }
.icon-objective:before { content: "\f10c"; }
.icon-radar:before { content: "\f104"; }
.icon-reward:before { content: "\f105"; }
.icon-task:before { content: "\f106"; }
.icon-validation:before { content: "\f10d"; }


// Avalanche Mobile App Styles

.pull-right { float: right; }
.pull-left  { float: left; }

// Mission Status

.mission-status {
  font-family: Avenir-Medium;
  font-size: 12px;
  color: #1D1D26;
  line-height: 14px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 1px;
  padding-top: 1px;
  position: relative;
  top: 5px;
}
.mission-status.Launched { background-color: $positive; }
.mission-status.Planning { background-color: $calm; }
.mission-status.Completed { background-color: $balanced; }
.mission-status.Failed { background-color: $assertive; }

.left-nav-bg {
  background-color: $assertive;
  h2 {
    text-transform: uppercase;
    color: $light;
    padding: 16px 16px 0px 16px; /* Content: */
    font-family: SourceSansPro-Regular;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 5px;
  }
  .item { border: none; }
  .item a { padding-top: 5px; padding-bottom: 5px;}
  .item.current a{ color: $light; background-color: $dark; }
  .item-complex .item-content, .item-radio .item-content {
    background-color: $assertive;
    color: $light;
  }
}

.right-nav-bg {
  background-color: $royal;
  h2 {
    text-transform: uppercase;
    color: $light;
    padding: 16px 16px 0px 16px; /* Content: */
    font-family: SourceSansPro-Regular;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0px;
  }
  h3 {
    text-transform: uppercase;
    color: $light;
    padding: 10px 5px 0px 16px; /* Content: */
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .item { border: none; }
  .item.current a{ color: $light; background-color: $royalLight; }
  .item-complex .item-content, .item-radio .item-content {
    background-color: $royal;
    color: $light;
  }

}

.cover-image img {
  height: auto;
  width: 100%;
}

.icon-large {font-size: 36px;}
.icon-large-text {
  position: relative;
  top: -8px;
  padding-left: 10px;
}

.briefing-header {
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.briefing-header h1 {
  font-family: Avenir-LightOblique;
  font-size: 28px;
  color: #1D1D26;
  line-height: 32px;
  margin-top: 6px;
}
.briefing-header small {
  font-family: Avenir-Medium;
  font-size: 12px;
  color: #1D1D26;
  line-height: 14px;
  text-transform: uppercase;
  position: relative;
  top: 5px;
}

.mission-description-text {
  font-family: Avenir-Book;
  font-size: 18px;
  color: #1D1D26;
  line-height: 21px;
  padding: 10px;
}

// Activity Feed

.activity-feed { background-color: $light; }

.icon.avatar img {
  width: 32px;
  height: 32px;
  border-radius: 32px;
}

.activity-feed-item {
  background-color: $light;
  border: none;
}

.activity-feed .item, .activity-feed .item p {
  white-space: normal;
}

.activity-feed .item-avatar > img:first-child {
  width: 32px;
  height: 32px;
  left: 12px;
}

.activity-feed .item-avatar {
  padding-left: 56px;
  min-height: 72px;
}

.task-checkbox {
  left: -40px;
  position: relative;
  top: 0px;
  margin-right: -30px;
  float: left;
}
