@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap);
@charset "UTF-8";
/* ------ General ------ */
html, body {
  margin: 0; }

figure {
  margin: 0;
  background-color: transparent; }

.yle__app > .yle__navigation {
  display: none; }

.yle__section {
  margin: 0px; }

/* ------ App ------ */
.plus-app.plus-app-2020-04-tulipalot-plain {
  /* For old browsers */
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  /* p, h1, h2, h3 {
    margin-block-start: 0;
    margin-block-end: 0;
  } */
  /* ---- Otsikko ---- */
  /* ---- Filtterit ---- */
  /* Poista Firefoxin katkoviiva selectistä */
  /* ---- Kartta ---- */
  /* ---- Lähde ---- */ }
  .plus-app.plus-app-2020-04-tulipalot-plain .outer-title-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-04-tulipalot-plain .inner-title-wrapper {
    width: 100%;
    margin: 24px 0 20px 0; }
  .plus-app.plus-app-2020-04-tulipalot-plain .inner-title-wrapper > h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    margin: 0;
    padding: 0; }
    @media (max-width: 500px) {
      .plus-app.plus-app-2020-04-tulipalot-plain .inner-title-wrapper > h1 {
        font-size: 20px; } }
  .plus-app.plus-app-2020-04-tulipalot-plain .outer-search-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-04-tulipalot-plain .inner-search-wrapper {
    width: 100%;
    padding: 0 0 10px 0; }
  .plus-app.plus-app-2020-04-tulipalot-plain select {
    width: 100%;
    display: block;
    line-height: 1.45em;
    border: none;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0 0 8px 0;
    padding: 10px 15px;
    outline: none;
    background-color: #eee;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, black, black);
    background-position: calc(100% - 20px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), calc(100% - 2.5em) 0.6em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat; }
    .plus-app.plus-app-2020-04-tulipalot-plain select option {
      color: black; }
    @media (max-width: 500px) {
      .plus-app.plus-app-2020-04-tulipalot-plain select {
        padding: 10px; } }
  .plus-app.plus-app-2020-04-tulipalot-plain select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 black; }
  .plus-app.plus-app-2020-04-tulipalot-plain select > option {
    background-color: #eee; }
  .plus-app.plus-app-2020-04-tulipalot-plain select option:disabled {
    color: #bbb; }
  .plus-app.plus-app-2020-04-tulipalot-plain #dead-filter {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.45em;
    border: none;
    border-radius: 5px;
    margin: 0 0 8px 0;
    padding: 10px 15px;
    outline: none;
    text-align: left;
    cursor: pointer; }
    @media (max-width: 500px) {
      .plus-app.plus-app-2020-04-tulipalot-plain #dead-filter {
        padding: 10px; } }
  .plus-app.plus-app-2020-04-tulipalot-plain .not-active {
    background-color: #eee; }
  .plus-app.plus-app-2020-04-tulipalot-plain .active {
    background-color: #ff4d5b; }
  .plus-app.plus-app-2020-04-tulipalot-plain #info-text {
    display: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
    padding: 5px 0 15px 0; }
  .plus-app.plus-app-2020-04-tulipalot-plain #map {
    width: 100%;
    height: 80vh; }
  .plus-app.plus-app-2020-04-tulipalot-plain #map > .mapboxgl-popup {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400; }
    @media (max-width: 400px) {
      .plus-app.plus-app-2020-04-tulipalot-plain #map > .mapboxgl-popup {
        font-size: 13px; } }
  .plus-app.plus-app-2020-04-tulipalot-plain .mapboxgl-popup-content > span {
    display: block; }
  .plus-app.plus-app-2020-04-tulipalot-plain .mapboxgl-popup-content > span > strong {
    font-weight: 700; }
  .plus-app.plus-app-2020-04-tulipalot-plain .mapboxgl-canvas {
    outline: none; }
  .plus-app.plus-app-2020-04-tulipalot-plain .outer-source-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-04-tulipalot-plain .inner-source-wrapper {
    width: 100%;
    padding: 10px 0 24px 0; }
  .plus-app.plus-app-2020-04-tulipalot-plain .inner-source-wrapper > p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
    padding: 0;
    color: #444444; }


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