/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto; // Make sure images are scaled correctly.
	max-width: 100%; // Adhere to container width.
}

figure {
	margin: 1em 0; // Extra wide images within figure tags don't overflow the content area.
}
  	//mapas leaflet 
  .xarxaprod-associats-map,.xarxaprod-espais-map {
    aspect-ratio: 4 / 3;
  	background-color: rgba(200,200,200,0.4); //place holder background color
  }
  .page-template-associats-search{
    .xarxaprod-associats-map,.xarxaprod-espais-map {
      aspect-ratio: 4 / 3;
  	}
  }
  .single-xarxaprod-associat {
    .xarxaprod-associats-map,.xarxaprod-espais-map {
      aspect-ratio: 16 / 9;
  	}
  }