#welcome-wrapper,
header {
  background: #303164;
  color: white;
}

header {
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .59);
          box-shadow: 0 7px 10px rgba(0, 0, 0, .59);
}

header .menu-button i {
  color: rgba(255, 255, 255, .54);
  transition: color .3s;
}

header .menu-button:hover i {
  color: white;
}

header #aside-about {
  background: white;
}

#aside-about h2 {
  background: white;
  color: #4d4d4d;
}

#aside-about h2.active {
  background: rgba(157, 194, 232, .25);
}

#aside-about .collapsible-body {
  color: #4d4d4d;
}

#story_type {
  background: #f2f7f9;
}

#story_type label {
  background: #f2f7f9;
  color: #4d4d4d;
}

li.filter-selected#sidebar-filter-spotted {
  background-color: #2c97ef;
}

li.filter-selected#sidebar-filter-hero {
  background-color: #134a9d;
}

li.filter-selected#sidebar-filter-event {
  background-color: #140f75;
}

#story-form {
  background: white;
}

#story-form .story-form-head {
  background: #ababab;
  color: white;
}

#story-form .story-form-body h4 {
  color: #4d4d4d;
  background: #d7e8f4;
}

#story-form textarea,
#story-form input {
  border-bottom-color: #ccc;
  background: white;
}

#story-form textarea:focus,
#story-form input:focus {
  border-bottom-color: #303164;
  box-shadow: none !important;
}

.story-form-step-story label {
  margin-top: 8px;
  color: #4d4d4d;
}

.promoted-stories-wrapper {
  color: #4d4d4d;
  background: white;
}

.promoted-stories-wrapper .close-icon i {
  color: #4d4d4d;
}

.promoted-stories-wrapper h4 {
  background: #f4e4f3;
  color: #4d4d4d
}

.promoted-stories-btn .btn {
  background: #f46977;
}

.fixed-action-btn .btn-floating {
  background-color: #303164;
}

.fixed-action-btn .mobile-action {
  background: #eee;
  color: #303164;
}

body.mobile .fixed-action-btn {
  border-top: 1px solid #4d4d4d;
}

.gm-style-iw,
.story-marker-outer .story-wrapper {
  color: #4d4d4d;
}

.story-marker-outer .story-wrapper .story-head {
  border-bottom: 1px solid #ccc;
}

.story-marker-layout > div:nth-child(4),
.story-marker-layout > div:nth-child(3) > div > div,
.story-marker-outer .story-wrapper .story-footer {
  background-color: transparent !important;
}

.story-marker-outer,
.story-marker-outer .story-wrapper .story-head,
.story-marker-outer .story-wrapper .story-body {
  background-color: #f4e4f3 !important;
}

.story-marker-outer-event,
.story-marker-outer-event .story-wrapper .story-head,
.story-marker-outer-event .story-wrapper .story-body {
  background-color: #e4eef2 !important;
}

.story-marker-outer-event .story-marker-layout .gm-style-iw-d,
.story-marker-outer.story-marker-outer-event .story-wrapper .story-footer {
  background-color: #140f75 !important;
}

.story-marker-outer-spotted .story-marker-layout .gm-style-iw-d,
.story-marker-outer.story-marker-outer-spotted .story-wrapper .story-footer {
  background-color: #f46977 !important;
}

.story-marker-outer-hero .story-marker-layout .gm-style-iw-d,
.story-marker-outer.story-marker-outer-hero .story-wrapper .story-footer {
  background-color: #90073b !important;
}

.gm-style-iw-t.story-marker-outer.story-marker-outer-event:after {
  background: #140f75 !important;
}

.gm-style-iw-t.story-marker-outer.story-marker-outer-spotted:after {
  background: #f46977 !important;
}

.gm-style-iw-t.story-marker-outer.story-marker-outer-hero:after {
  background: #90073b !important;
}