/* Styles by widget itself */

#content .widget--confirm-map .widget__heading {
  margin: 0 0 10px;
}

#content .widget--confirm-map .esri_map_legend {
  background-color: white;
  border-style: solid;
  margin-bottom: 10px;
}

#content .widget--confirm-map .esri_map_legend_heading {
  margin-top: 0;
}

#content .widget--confirm-map.esri_map_legend_item > span {
  display: inline-block;
  font-size: 1rem;
}

#content .widget--confirm-map .esri_map_legend_item_dot {
  vertical-align: middle;
  font-family: sans-serif;
  font-size: 16px;
}

#content .widget--confirm-map .esri_map_legend_item_icon.font_awesome_pro {
  vertical-align: middle;
  font-family: 'Font Awesome 6 Pro';
  font-size: 12px;
}

#content .widget--confirm-map .esri_map_legend_item_icon.font_awesome_free {
  vertical-align: middle;
  font-family: 'Font Awesome 6 Free';
  font-size: 12px;
}

@media only screen and (max-width: 600px) {
  #content .widget--confirm-map .esri_map_legend {
    display: flex;
    flex-wrap: wrap;
  }

  #content .widget--confirm-map .esri_map_legend_heading, #content .widget--confirm-map .esri_map_legend_item {
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
  }

  #content .widget--confirm-map .esri_map_legend_item {
    align-items: center;
    display: flex;
  }

  #content .widget--confirm-map .esri_map_legend_item:first-of-type {
    margin-top: 0;
  }

  #content .widget--confirm-map .esri_map_legend_item:last-of-type {
    margin-bottom: 0;
  }
}