@import './_variables.scss'

.w-navigator-bar
  background-color: $w-navigator-bar-background-color
  padding: $w-navigator-bar-padding-y $w-navigator-bar-padding-x
  position: fixed   
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) !important
  z-index: 200

.w-navigator-bar__logo
  border-radius: 0 !important
  width: 105px
  height: 35px
  margin-right: 16px

.w-navigator-bar__title
  color: $w-navigator-bar-title-color
  text-transform: uppercase !important
  font-weight: 300 !important
  font-size: $w-navigator-bar-title-size
  font-family: Roboto, sans-serif
  margin-block-start: 0.83em
  margin-block-end: 0.83em

.w-navigator-bar__pageName
  margin-left: 24px
  font-size: 14px
  height: 32px
  color: $w-navigator-bar-background-color
  background-color: $w-navigator-bar-pageName-background-color 
  font-weight: 700 !important