cortex-cms/cortex

.mdl-layout__header {
  box-shadow: none;
  background-color: $color-white;
  color: $color-grey-dark;
}

.mdl-layout__header-row {
  @media only screen and (min-width: 1024px) {
    padding: 0 40px 0 48px;
  }
}

.user-block {
  display: flex;
  justify-content: space-between;
}

.user-block__text {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.user-block__greeting {
  font-size: 85%;
}

.user-block__logout {
  font-size: 75%;

  a {
    color: $color-orange;
  }
}

.user-block__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 20px;
}

// Overrides

.mdl-textfield--expandable .mdl-button--icon {
  top: initial;
}

.mdl-layout-title,
.mdl-layout-title a {
  @extend .text-style-1;
}