/**
 * Content Embed Module
 * Raw embed block with an optional full-width (edge-to-edge) toggle.
 */

.content-embed-module {
	padding: 48px 0;
	position: relative;
  z-index: 10;
  overflow: visible;
}

.content-embed-module .cem__body {
	position: relative;
	width:    100%;
}

/* Common embeds ship as a bare <iframe> — make it fill the column. */
.content-embed-module .cem__body > iframe {
	display:   block;
	width:     100%;
	max-width: 100%;
	border:    0;
}

/* ===========================
   # Full width — break out of .container
=========================== */

.content-embed-module--full .cem__bleed {
	position:      relative;
	left:          50%;
	right:         50%;
	width:         100vw;
	margin-left:   -50vw;
	margin-right:  -50vw;
}

/* ===========================
   # Responsive — 767px
=========================== */

@media (max-width: 767px) {
	.content-embed-module {
		padding: 32px 0;
	}
}
