/* 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.
}
//figure .xarxaprod-associat-logo {
//  max-height: 11rem;
//  img {
//    object-fit: contain;
//  }
//}

.fotocopia,.multiply {
  //http://stackoverflow.com/questions/52936926/ddg#52936970
  img{
    //filter: grayscale(1) contrast(1) brightness(1);
    filter: saturate(150) grayscale(1) contrast(10);
    mix-blend-mode: multiply;
  }
}

//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;
	}
}