//
// NOTICES
//

//
// Structure
//
// <div class="rf-notice rf-notice--[status]">
//   <div>
//     Body
//   </div>
// </div>
//

.rf-notice {
  height: auto;
  width: 100%;
  z-index: 5; // todo: fix this
  padding: $list-padding;
 }

.rf-notice--error {
  background-color: $red;
  color: $white;

  p {
    color: $white;
  }
}

.rf-notice--info {
  background-color: $baby-blue;
  border-bottom: 1px solid $periwinkle;
}