.extra-solution-list .extra-filters {
  border-top:1px solid #1db8ca;
  padding-top:30px;
  padding-bottom:30px;
  height:auto;
  margin-bottom:0;
}
#map-svg-solutions {
  width:100%;
  background:#eeeeee;
}
#map-svg-solutions svg {
  width:100%;
  pointer-events:auto;
}
#map-svg-solutions svg g { cursor:pointer; }
#map-svg-solutions svg g path {
  fill:#1DB8CA;
  transition:fill .5s, opacity .5s;
}
#map-svg-solutions svg g.selected path { fill:#F2C14F; }
@media screen and (min-width: 690px) {
  #map-svg-solutions svg g.hover path { opacity:.7; }
}
#map-svg-solutions .continent-filters {
  width:100%;
  min-height:100px;
  background:#132239;
  margin-bottom:40px;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
@media screen and (max-width: 690px) {
  #map-svg-solutions .continent-filters { display:block; }
  #map-svg-solutions .continent-filters .continent-list {
    padding-top:20px;
    margin-bottom:20px;
  }
}
#map-svg-solutions .continent-filters .continent-list > span {
  font-style:italic;
  font-size:16px;
  color:#ffffff;
  display:block;
  margin-bottom:5px;
}
#map-svg-solutions .continent-filters ul li {
  background:#eeeeee;
  padding:10px 50px 10px 20px;
  display:inline-block;
  width:auto;
  position:relative;
  margin-right:20px;
  margin-bottom:20px;
  font-weight:400;
}
#map-svg-solutions .continent-filters ul li span {
  position:absolute;
  right:0px;
  top:0px;
  width:40px;
  height:100%;
  background:url('https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/cross.svg') center center no-repeat;
  background-size:9px 9px;
  cursor:pointer;
}
@media screen and (max-width: 690px) {
  #map-svg-solutions .continent-submit { padding-bottom:20px; }
}
#map-svg-solutions .continent-submit .link-button { margin-bottom:0; }
#map-svg-solutions .continent-submit .background-wave path { fill:#f2c14f; }