@import "compass/css3"

// Dynamic whitelabel options
$base_color: #00a7e5
$secondary_color: #a9a9a9

.logo a
  background-image: url(https://s3.amazonaws.com/platform-image-uploads/accounts/logos/000/000/729/cover/sesame_logo_colored.png?1403288880)


.email-help-wrapper
  background-color: $base_color

h1
  color: $base_color

h2, h3
  color: $secondary_color

a
  color: darken($base_color, 4)

// Forms
button,
span.button,
a.button,
input[type="reset"].button,
input[type="submit"].button,
input[type="button"].button
  color: darken($base_color, 8)

  &:visited
    color: darken($base_color, 8)

  .disabled &, &.disabled
    color: $base_color

button.btncolored,
span.btncolored,
a.btncolored,
input[type="reset"].btncolored,
input[type="submit"].btncolored,
input[type="button"].btncolored
  background-color: $base_color
  color: #fff

  &:visited
    background-color: $base_color
    color: #fff

  &:hover
    background-color: darken($base_color, 4)
    color: #fff

  &:active
    background-color: darken($base_color, 4)
    color: #fff

// Report Card

.reportsummarycol .overallscorechart .score h3
  color: $base_color

// Stream Science

.ss
  h1
    color: $base_color

  h2, h3
    color: $secondary_color

  .nav-list > li.active > a
    color: $base_color
    &:hover
      background-color: $base_color

  .btn-flat,
  .btn-flat.primary,
  .btn-flat.active
    &:hover
      background-color: darken($base_color, 4) !important
    &:active
      background-color: $base_color

  .btn-flat
    color: $base_color

    &.primary,
    &.active
      background-color: $base_color !important