body,
select,
input,
textarea {
  color: #555;
  font-family: "Proxima Nova", Arial, Helvetica, serif;
}
.btn,
.btn:visited,
.btn:link {
  line-height: 1;
  padding: 0.65em;
  color: #fff;
  background-color: #f70000;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.4) inset;
  font-weight: 600;
  border: 0;
  transition: box-shadow 0.5s ease, background-color 0.5s ease;
}
.btn:hover,
.btn:visited:hover,
.btn:link:hover {
  background-color: #ff3a3a;
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) inset;
}
.btn-primary,
.btn-primary:visited,
.btn-primary:link {
  background-color: #f70000;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.4) inset;
  color: #fff;
  transition: box-shadow 0.5s ease, background-color 0.5s ease;
}
.btn-secondary,
.btn-secondary:visited,
.btn-secondary:link {
  box-shadow: 0px 0px 0px rgba(0,0,0,0.4) inset;
  background-color: #f70000;
  color: #fff;
}
a,
a:active,
a:visited {
  color: #0092d7;
}
#powered-by a {
  background-image: url("images/crowdspot-logo.svg");
  background-position: 0px 4px;
}
#site-header {
  border-top: #f70000 3px solid;
  background-color: #fff;
  box-shadow: 0 0px 10px rgba(85,85,85,0.5);
}
#site-title {
  background: url("images/logo.svg") no-repeat center;
  background-size: contain;
  background-position: left center;
  width: 284px;
}
@media only screen and (max-width: 800px) {
  #site-title {
    width: 180px;
  }
}
#pages-nav-container,
#language-picker {
  height: 100%;
  float: left;
  margin-right: 0;
  margin-left: 0;
}
.access {
  font-size: 1.1em;
}
@media only screen and (max-width: 60em) {
  .access {
    margin: 0;
  }
}
.access li {
  display: inline;
  min-width: 160px;
}
@media only screen and (max-width: 60em) {
  .access li {
    padding-bottom: 0;
  }
}
.access li ul {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity, transform, visibility;
  transition-duration: 0.3s, 0.3s, 0s;
  transition-delay: 0s, 0s, 0.3s;
  min-width: 160px;
  position: absolute;
  top: 100%;
  left: 0;
}
.access li ul li {
  transition: transform 0.3s ease-in-out;
  transform: translateY(-100px);
}
.access li:hover ul {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0s, 0s, 0s;
  background: transparent;
  box-shadow: 0 5px 10px -5px rgba(85,85,85,0.5);
  border: none;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: -3px -60px 0 0;
  padding: 3px 0 0 0;
  z-index: 2;
  overflow: hidden;
}
.access li:hover ul li {
  transform: translateY(0);
}
.access li .menu-item a:hover {
  background-color: #ff3a3a;
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) inset;
  background: #464847;
}
.access li .menu-item a:focus {
  outline: none;
}
#nav-btn {
  background: #6f6f6f;
  color: #bbb;
  font-size: 2em;
  line-height: 0.7;
  text-decoration: none;
  text-align: center;
  text-shadow: none;
  float: left;
  width: 0.8em;
  padding: 8px 7px;
  position: absolute;
  border-radius: 2.5px;
  left: 0.25em;
  top: 8px;
}
@media only screen and (max-width: 1050px) {
  .access li:last-child {
    display: none;
  }
}
.list-toggle-nav {
  margin-right: 0.5em;
}
.spot-type-title {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  padding: 1em;
  color: #434343;
  background-color: #eaeaeb;
  box-shadow: 0px 0px 5px rgba(85,85,85,0.5);
}
.legend {
  background-color: #fff;
  position: relative;
  z-index: 1;
  border-top: 0;
  padding-top: 1em;
  padding-bottom: 0.5em;
  padding-left: 25%;
  border-bottom: none;
  box-shadow: 0px 5px 5px -5px rgba(85,85,85,0.5);
  margin-left: -5px;
  margin-right: -5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: not-allowed;
}
.legend li {
  line-height: 26px;
  margin-bottom: 0.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.legend .image-wrapper {
  background-image: url("images/legend-pin-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #dfdfdf;
  box-shadow: 0px 5px 5px -5px rgba(85,85,85,0.5);
  min-height: 45px;
  min-width: 45px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 0.5em;
}
.legend .image-wrapper img {
  max-height: 26px;
  vertical-align: middle;
}
.recent-points {
  border-bottom: none;
  background-color: #fff;
}
.recent-points a {
  color: #585a59;
  text-decoration: none;
  float: left;
  border-top: none;
  border-bottom: none;
  padding: 0.8em 1.5em 0.6em;
  width: calc(100% + 10px);
  box-sizing: border-box;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 0px 5px 5px -5px rgba(85,85,85,0.5);
  transition: background-color 0.5s ease, color 0.5s ease;
}
#colophon {
  box-shadow: inset 0 5px 10px -5px rgba(85,85,85,0.5);
}
#ticker {
  background: #eaeaeb;
  box-shadow: 0px 0 10px rgba(85,85,85,0.5);
}
@media only screen and (min-width: 60em) {
  #content {
    box-shadow: none;
  }
  #content > article {
    background: #fff;
    box-shadow: 0 0 20px rgba(34,34,34,0.5);
    position: relative;
    left: 0;
  }
}
a.close-btn {
  z-index: 1;
  color: #222;
  background: #fff;
  box-shadow: none;
  right: 100%;
  margin-right: 0px;
  transition: 0.5s background ease, 0.5s color ease, 0.5s box-shadow ease;
  box-shadow: -6px 0 8px 0 rgba(34,34,34,0.2);
}
@media only screen and (max-width: 60em) {
  a.close-btn {
    width: 60px;
    box-shadow: 0px -4px 8px -4px rgba(34,34,34,0.2);
  }
}
a.close-btn:hover {
  background: #fff;
  box-shadow: 0px 0 0px 0 rgba(34,34,34,0.2);
}
a.leaflet-control-layers-toggle,
.leaflet-retina a.leaflet-control-layers-toggle {
  background-image: none;
  background-size: inherit;
  width: 63px;
  height: 50px;
  text-decoration: none;
}
a.leaflet-control-layers-toggle:before,
.leaflet-retina a.leaflet-control-layers-toggle:before {
  content: url("images/layer_image.png");
  display: block;
  color: #243c4b;
  font-family: "Proxima Nova";
  font-weight: normal;
  font-size: 1.5em;
  padding: 6px 10px 0 10px;
}
div.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #585a59;
  font-family: "Proxima Nova";
  background: #fff;
  font-size: 1.1em;
}
.leaflet-control-layers-list:before {
  content: "Layers";
  margin-bottom: 0.15em;
  display: block;
  font-weight: bold;
  font: "Proxima Nova";
  font-size: 1.25em;
  padding-left: 1px;
  color: #222;
}
#list-container {
  background: #eee;
}
.list-toggle-btn:hover {
  background-color: #575958;
  color: #fff;
}
.goog-te-gadget:last-child {
  display: none;
}
.goog-te-gadget .goog-te-combo:last-child {
  display: none;
}
#centerpoint.newpin .marker {
  display: block;
  width: 46px;
  height: 63px;
  background: transparent url("images/markers/plan-marker-new.svg") 0 0 no-repeat scroll;
  background-size: cover;
  position: relative;
  top: -18px;
  left: -9px;
  transition: top 0.4s ease;
}
#centerpoint.newpin .x {
  background: transparent url("images/x.svg") 0 0 no-repeat scroll;
  width: 20px;
  height: 15px;
}
#centerpoint.newpin .shadow {
  background: transparent url("images/master-pin-shadow.svg") -29px 2px no-repeat scroll;
  width: 100px;
}
#centerpoint.newpin.dragging .shadow {
  background: transparent url("images/master-pin-shadow.svg") -20px -2px no-repeat scroll;
}
#centerpoint.newpin.dragging .marker {
  top: -40px;
}

.newpin {
z-index: 500 !important;
}

@media only screen and (min-width: 60em) {
  #add-place-btn-container {
    bottom: 1.5em;
    z-index: 500 !important;
  }
}
.btn-primary,
.btn-primary:visited,
.btn-primary:link {
  background-color: #017f3d;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:visited:hover,
.btn-primary:link:hover {
  background-color: #014c25;
  color: #fff;
}
p.place-value.place-value-description_unsafe {
  font-size: 1.2em;
}
p.place-value.place-value-description_safe {
  font-size: 1.2em;
}
.large-screen-columns {
  margin-bottom: 1em;
  padding-bottom: 1em;
  box-shadow: 0px 5px 5px -5px rgba(85,85,85,0.5);
}
@media only screen and (min-width: 600px) {
  .large-screen-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.large-screen-columns a {
  display: block;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 600px) {
  .large-screen-columns a {
    width: 50%;
  }
}
.response-value-private-submitter_email_comment {
  display: none;
}
.place-items .place-item {
  display: none;
}
.place-items .place-item.place-item-time_of_day,
.place-items .place-item.place-item-place_rating,
.place-items .place-item.place-item-description_safe,
.place-items .place-item.place-item-description_unsafe {
  display: block;
}
.textarea-container {
  display: block;
  position: relative;
}
.remaining-characters {
  position: absolute;
  bottom: -3em;
  right: 0;
  font-size: 0.75em;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 4px;
  padding: 4px 8px 2px 8px;
  border-radius: 4px;
}
.remaining-characters.warning {
  background-color: Crimson;
  color: #fff;
}
.place-title {
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: center;
}
.drag-marker-instructions,
.drag-marker-warning {
  background-color: #ede9dc;
  color: #c46d73;
  text-shadow: none;
  padding-top: 3em;
  padding-bottom: 3em;
  margin-bottom: 4em;
  font-size: 1.5em;
  position: absolute;
  top: 1em;
  left: 1em;
  right: 1em;
}
.show-form-warnings {
  animation: show-form-warnings 0.3s ease-in-out forwards;
}
.hide-form-warnings {
  animation: hide-form-warnings 0.3s ease-in-out forwards;
}
.place-form-container {
  opacity: 0;
  max-width: 100%;
}
.show-form-item {
  opacity: 0;
  animation: show-form-items 0.3s 0.4s ease-in-out forwards;
}
label small {
  text-transform: none;
  font-size: 1em;
  display: none;
}
.place-form-section.file,
.place-form-section.select {
  text-align: center;
}
.place-form-section.select:before {
  content: "";
  position: absolute;
  left: 0em;
  right: 0em;
  bottom: 4em;
  height: 3em;
  border-radius: 3px;
  background: #fc906d;
  box-shadow: 0 0 10px -5px rgba(255,191,78,0.8) inset;
  background-image: url("images/triangledown.svg");
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 25px;
}
.place-form-section.select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 100;
  position: relative;
  border: none;
  background: transparent;
  text-align-last: center;
  margin-left: 0em;
  margin-right: 0em;
  width: calc(100% - 0em);
  padding: 1em;
}
.place-form-section.select select:focus {
  outline: none;
}
.place-form-section.text,
.place-form-section.textarea,
.place-form-section.file,
.place-form-section .multi-checkboxes,
.place-form-section .multi-radios,
.place-form-section.select,
.place-form-section .range {
  position: relative;
  padding-bottom: 4em;
  box-shadow: 0px 8px 8px -8px rgba(252,144,109,0.5);
  border-bottom: 1px solid rgba(252,144,109,0.5);
  margin-bottom: 4em;
}
.place-form-section.text:after,
.place-form-section.textarea:after,
.place-form-section.file:after,
.place-form-section .multi-checkboxes:after,
.place-form-section .multi-radios:after,
.place-form-section.select:after,
.place-form-section .range:after {
  content: "";
  width: 25px;
  height: 25px;
  background: #fff;
  border-bottom: 1px solid #fc906d;
  border-right: 1px solid #fc906d;
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translateX(-50%) rotate(45deg);
}
.place-form-section.text label,
.place-form-section.textarea label,
.place-form-section.file label,
.place-form-section .multi-checkboxes label,
.place-form-section .multi-radios label,
.place-form-section.select label,
.place-form-section .range label {
  display: block;
  margin: 1em 0;
}
.place-form-section#fields-safe_emotions .multi-checkbox-safe_emotions {
  border-bottom: none;
  box-shadow: none;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.place-form-section#fields-safe_emotions .multi-checkbox-safe_emotions:after {
  display: none;
}
.place-form-section#fields-unsafe_emotions .multi-checkbox-unsafe_emotions {
  border-bottom: none;
  box-shadow: none;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.place-form-section#fields-unsafe_emotions .multi-checkbox-unsafe_emotions:after {
  display: none;
}
.multi-checkbox label,
.multi-radio label,
.textarea label,
.text label,
.email label,
.range label {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
.text input,
.email input,
.text textarea,
.email textarea {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.text #place-age,
.email #place-age,
.text #place-gender,
.email #place-gender {
  max-width: 160px;
}
#fields-name,
.geocoding-enabled #geocode-address-bar {
  display: none;
}
.place-form input[type=text],
.place-form input[type=email],
.place-form textarea {
  border: none;
  padding: 1em;
  border-radius: 3px;
  box-shadow: 0 0 10px -5px rgba(252,144,109,0.8) inset;
  background-color: #fee3da;
  text-align: center;
}
#fields-location_type {
  margin-bottom: 3em;
}
.place-form #fields-safe_emotions,
.place-form #fields-emotions_other,
.place-form #fields-unsafe_emotions,
.place-form #fields-description_unsafe,
.place-form #fields-description_safe,
.place-form #fields-unsafespot_when,
.place-form #fields-ftb_demographics_heading,
.place-form #fields-age,
.place-form #fields-gender,
.place-form #fields-description_identity,
.place-form #save-place-btn {
  display: none;
}
.place-form.safespot #fields-emotions_other,
.place-form.unsafespot #fields-emotions_other,
.place-form.safespot #fields-ftb_demographics_heading,
.place-form.unsafespot #fields-ftb_demographics_heading,
.place-form.safespot #fields-age,
.place-form.unsafespot #fields-age,
.place-form.safespot #fields-gender,
.place-form.unsafespot #fields-gender,
.place-form.safespot #fields-description_identity,
.place-form.unsafespot #fields-description_identity,
.place-form.safespot #save-place-btn,
.place-form.unsafespot #save-place-btn {
  display: block;
  animation: showFormElements 0.3s ease-in-out forwards;
}
.place-form.safespot #fields-safe_emotions,
.place-form.safespot #fields-description_safe {
  display: block;
  animation: showFormElements 0.3s ease-in-out forwards;
}
.place-form.unsafespot #fields-unsafe_emotions,
.place-form.unsafespot #fields-unsafespot_when,
.place-form.unsafespot #fields-description_unsafe {
  display: block;
  animation: showFormElements 0.3s ease-in-out forwards;
}
.place-item-age,
.place-item-gender {
  display: none;
}
.required-field-label {
  color: #ef008c;
  font-size: 2em;
  vertical-align: middle;
}
.story_spot.survey {
  display: none;
}
.section-heading {
  display: none;
}
#fields-ftb_demographics_heading {
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: center;
}
#fields-ftb_demographics_heading small,
#fields-ftb_demographics_heading p {
  display: none;
}
[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  outline: none;
  background: #f8d777;
  margin-bottom: 1em;
}
[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  background: #f5b80f;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
[type="range"]:focus {
  outline: none;
}
.place-form input.range-value {
  background: none;
}
@keyframes show-form-warnings {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes hide-form-warnings {
  99% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes show-form-items {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes hide-form-items {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes showFormElements {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
input:focus,
textarea:focus {
  outline: none;
}
.promotion {
  float: right;
  min-width: 150px;
  margin-left: 0;
}
.place-list .promotion {
  float: right;
}
.user-support {
  background-image: none;
  cursor: pointer;
}
.user-support .support-count {
  margin-right: 0.5em;
}
.user-support label {
  color: #fff;
  background-image: none;
  padding: 1em;
  margin-right: 0;
  text-align: center;
  background-color: #f70000;
  font-weight: 600;
  transition: box-shadow 0.5s ease, color 0.5s ease, background-color 0.5s ease, opacity 0.5s ease;
  cursor: pointer;
  border-radius: 2.5px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.4) inset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.user-support label:after {
  content: "";
  margin-left: 0.5em;
  width: 18px;
  height: 18px;
  background-image: url("images/heart-empty.svg");
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
.user-support:hover label {
  background-color: #ff3a3a;
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) inset;
}
.user-support:hover label:after {
  opacity: 1;
}
.user-support input[type=checkbox]:checked ~ label {
  background-color: #dfdfdf;
  background-image: none;
  color: #222;
}
.user-support input[type=checkbox]:checked ~ label:hover {
  background-color: #c0c0c0;
}
.user-support input[type=checkbox]:checked ~ label:after {
  background-image: url("images/heart.svg");
  opacity: 1;
}
.social {
  border-radius: 2.5px;
  overflow: hidden;
}
.sharing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.share-link {
  float: none;
  margin-left: 0;
  width: 50%;
}
.share-link a {
  width: 100%;
  transition: box-shadow 0.5s ease, background 0.5s ease;
}
.share-link a:hover {
  box-shadow: 0px 1px 4px 0px rgba(34,34,34,0.3) inset;
}
.share-facebook a {
  background: #385184 url("images/facebook-share.svg") center center no-repeat;
}
.share-facebook a:hover {
  background-color: #4b6db1;
}
.share-twitter a {
  background: #1da1f2 url("images/twitter-share.svg") center center no-repeat;
}
.share-twitter a:hover {
  background-color: #4ab4f5;
}
.multi-checkboxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.multi-checkboxes> label {
  display: block;
}
.multi-checkboxes input[type=checkbox] {
  display: none;
}
.multi-checkboxes input[type=checkbox]:checked +label.multi-checkbox:after {
  opacity: 1;
  transform: scale(1);
}
.multi-checkboxes label.multi-checkbox {
  text-align: center;
  width: 100%;
  margin: 0.5em 0;
  position: relative;
}
@media only screen {
  .multi-checkboxes label.multi-checkbox {
    width: 50%;
  }
}
@media only screen and (min-width: 300px) {
  .multi-checkboxes label.multi-checkbox {
    width: 33.333333333333336%;
  }
}
@media only screen and (min-width: 400px) {
  .multi-checkboxes label.multi-checkbox {
    margin: 0.5em 2.5%;
    width: 25%;
  }
}
@media only screen and (min-width: 800px) {
  .multi-checkboxes label.multi-checkbox {
    margin: 0.5em 2.5%;
    width: 25%;
  }
}
.multi-checkboxes label.multi-checkbox:before {
  content: "";
  display: block;
  min-width: 60px;
  min-height: 60px;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox:after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -45px;
  transform: scale(0);
  opacity: 0;
  width: 20px;
  height: 20px;
  background: no-repeat center center;
  background-size: cover;
  background-image: url("images/checkbox-tick.svg");
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.multi-checkboxes label.multi-checkbox:hover:before {
  transform: scale(1.2);
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Public transport_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Public transport_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-On the street_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-On the street_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-In a park or garden_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-In a park or garden_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-At the shops_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-At the shops_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Someone using alcohol or drugs_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Someone using alcohol or drugs_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Going to or from school_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Going to or from school_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Going to or from work_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Going to or from work_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Out socially_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-Out socially_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-At a public event_negative"]:before,
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-At a public event_positive"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-I never went back there"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-I avoid coming here alone"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-I stopped going to school university or work"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-I told my friend or my family)"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-I reported it and authorities did something"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-I reported it but authorities did nothing"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-checkboxes label.multi-checkbox[for="multi-checkbox-This happens so often that I’m just used to it"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
#fields-happy_feel {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  transform: translateY(-50px);
  animation: hideHappyEmojis 0.5s ease-in-out forwards;
}
#fields-sad_feel {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  transform: translateY(-50px);
  animation: hideSadEmojis 0.5s ease-in-out forwards;
}
.place-form #fields-location_type {
  position: relative;
}
.place-form #fields-location_type:after {
  content: "Select to continue";
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: -8em;
  transform: translateX(-50%);
  transition: opacity 0.2s ease-in-out;
}
.place-form.good_place:after,
.place-form.bad_place:after,
.place-form.good_story:after,
.place-form.bad_story:after,
.place-form #fields-location_type:after {
  opacity: 0;
}
.place-form.good #fields-happy_feel {
  display: block;
  animation: showHappyEmojis 0.5s ease-in-out forwards;
}
.place-form.good #fields-sad_feel {
  animation: hideSadEmojis 0.5s ease-in-out forwards;
}
.place-form.bad #fields-sad_feel {
  display: block;
  animation: showSadEmojis 0.5s ease-in-out forwards;
}
.place-form.bad #fields-happy_feel {
  animation: hideHappyEmojis 0.5s ease-in-out forwards;
}
#fields-time {
  margin-top: 26em;
}
@media only screen and (min-width: 400px) {
  #fields-time {
    margin-top: 21em;
  }
}
@keyframes showHappyEmojis {
  0% {
    display: block;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hideHappyEmojis {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    display: none;
  }
}
@keyframes showSadEmojis {
  0% {
    display: block;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hideSadEmojis {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    display: none;
  }
}
.multi-radios {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.multi-radios> label {
  display: block;
}
.multi-radios input[type=radio] {
  opacity: 0;
  position: relative;
  width: 1px;
  height: 1px;
}
.multi-radios input[type=radio]:checked +label.multi-radio:after {
  opacity: 1;
  transform: scale(1);
}
.multi-radios label.multi-radio {
  text-align: center;
  width: 100%;
  margin: 0.5em 0;
  position: relative;
}
@media only screen {
  .multi-radios label.multi-radio {
    width: 49%;
  }
}
@media only screen and (min-width: 300px) {
  .multi-radios label.multi-radio {
    width: 32.333333333333336%;
  }
}
@media only screen and (min-width: 400px) {
  .multi-radios label.multi-radio {
    margin: 0.5em 2.5%;
    width: 25%;
  }
}
@media only screen and (min-width: 800px) {
  .multi-radios label.multi-radio {
    margin: 0.5em 2.5%;
    width: 25%;
  }
}
.multi-radios label.multi-radio:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 auto 0.5em;
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio:after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -45px;
  transform: scale(0);
  opacity: 0;
  width: 20px;
  height: 20px;
  background: no-repeat center center;
  background-size: cover;
  background-image: url("images/checkbox-tick.svg");
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.multi-radios label.multi-radio:hover:before {
  transform: scale(1.2);
}
.multi-radios label.multi-radio[for=multi-radio-good]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-bad]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-good]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-bad]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-witness]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-direct_experience]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-Morning]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-Afternoon]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-Evening]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for="multi-radio-Late night"]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for=multi-radio-Anytime]:before {
  background-image: url("images/emojis/icon-default.svg");
}
.multi-radios label.multi-radio[for="multi-radio-I can't remember or doesn't apply"]:before {
  background-image: url("images/emojis/icon-default.svg");
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: auto !important;
  height: auto !important;

/*# sourceMappingURL=custom.css.map */