::-webkit-input-placeholder { color: #666; }
:-ms-input-placeholder      { color: #666; }
:-moz-placeholder           { color: #666; }
::-moz-placeholder          { color: #666; }

body {
  background: -moz-linear-gradient(50% 0% -90deg,rgba(187, 50, 100, 1) 0%,rgba(242, 106, 89, 1) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background: -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(187, 50, 100, 1) ),color-stop(1,rgba(242, 106, 89, 1) ));
  background: -o-linear-gradient(-90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background: -ms-linear-gradient(-90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3264', endColorstr='#F26A59' ,GradientType=0)";
  background: linear-gradient(180deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3264',endColorstr='#F26A59' , GradientType=0);
}

a {
  color: #00B7FF;
}

.container-fluid > header,
.fixed-action-btn .action-circle {
  background: -moz-linear-gradient(50% 100% 90deg,rgba(187, 50, 100, 1) 0%,rgba(242, 106, 89, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background: -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(187, 50, 100, 1) ),color-stop(1,rgba(242, 106, 89, 1) ));
  background: -o-linear-gradient(90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background: -ms-linear-gradient(90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3264', endColorstr='#F26A59' ,GradientType=0)";
  background: linear-gradient(0deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F26A59',endColorstr='#BB3264' , GradientType=0);
}

.container-fluid > header:after,
#map-wrapper:after {
  background-color: transparent;
  background-image: url(/images/header-waves.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120%;
  overflow: visible;
}

#map-wrapper:after {
  background-image: url(/images/section-separator.svg);
}

.close-welcome-section {
  color: white;
}

header nav {
  box-shadow: none;
  background: transparent;
}

header nav ul a:hover {
  background-color: transparent;
}

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

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

header #aside-about {
  background: white;
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .62);
}

aside#aside-form {
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .62);
}

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

#aside-about h2.active {
  background: -moz-linear-gradient(50% 0% -90deg,rgba(187, 50, 100, 1) 0%,rgba(242, 106, 89, 1) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background: -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(187, 50, 100, 1) ),color-stop(1,rgba(242, 106, 89, 1) ));
  background: -o-linear-gradient(-90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background: -ms-linear-gradient(-90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3264', endColorstr='#F26A59' ,GradientType=0)";
  background: linear-gradient(180deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3264',endColorstr='#F26A59' , GradientType=0);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: white;
}

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

#aside-about a {
  font-weight: bold;
  color: #4d4d4d;
  text-decoration: underline;
}

#aside-about a:hover {
  text-decoration: none;
}

section#businesses {
  background-image: url(/images/background.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #fff;
}

#story_type li label {
  color: #4d4d4d;
}

#story_type li :checked + label {
  font-weight: bold;
}

#story_type li.legend-transportation :checked + label { color: #3ea3dc; }
#story_type li.legend-education :checked + label { color: #283583; }
#story_type li.legend-city :checked + label { color: #22aa73; }

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: #3ea3dc;
  color: white;
}

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

#story-form textarea,
#story-form input {
  background: rgba(193, 193, 193, .33);
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
}

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

.story-form-step label {
  color: #4d4d4d;
}

.story-form-step .btn-next-wrapper button {
  background: #54c1ed;
}

#story-form-success {
  background: white;
  box-shadow: 1px 1px 20px #666, -1px -1px 20px #666;
}
#story-form-success h3 { color: #3ea3dc; }
#story-form-success.story-form-success-transportation h3,
#story-form-success.story-form-success-transportation p.share {
  color: #3ea3dc;
}
#story-form-success.story-form-success-education h3,
#story-form-success.story-form-success-education p.share {
  color: #283583;
}
#story-form-success.story-form-success-city h3,
#story-form-success.story-form-success-city p.share {
  color: #22aa73;
}

#story-form-success p {
  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 .action-circle {
  background-color: #283583;
  color: white;
}

.fixed-action-btn .mobile-action {
  background: #3ea3dc;
  color: white;
}

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

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

.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 {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: -12px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.story-marker-layout > div:nth-child(3) > div > div {
  box-shadow: none !important;
}

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

.story-marker-outer .story-type-transportation .story-author { color: #3ea3dc; }
.story-marker-outer .story-type-education .story-author { color: #283583; }
.story-marker-outer .story-type-city .story-author { color: #22aa73; }

.story-marker-outer .story-type-transportation .story-footer { background-color: #3ea3dc !important; }
.story-marker-outer .story-type-education .story-footer { background-color: #283583 !important; }
.story-marker-outer .story-type-city .story-footer { background-color: #22aa73 !important; }

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

.story-marker-outer-transportation .story-marker-layout > div:nth-child(3) > div > div { background-color: #3ea3dc !important; }
.story-marker-outer-education .story-marker-layout > div:nth-child(3) > div > div { background-color: #283583 !important; }
.story-marker-outer-city .story-marker-layout > div:nth-child(3) > div > div { background-color: #22aa73 !important; }

.story-wrapper .story-content {
  color: #4d4d4d;
}

footer {
  background : -moz-linear-gradient(50% 100% 90deg,rgba(187, 50, 100, 1) 0%,rgba(242, 106, 89, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(187, 50, 100, 1) ),color-stop(1,rgba(242, 106, 89, 1) ));
  background : -o-linear-gradient(90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3264', endColorstr='#F26A59' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(187, 50, 100, 1) 0%, rgba(242, 106, 89, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F26A59',endColorstr='#BB3264' , GradientType=0);
}