:root {
	--morgan-content-blocker-width: 51.875rem;
	--morgan-content-blocker-font-family-headings: var(--morgan-font-family-headings, Arial, helvetica, sans-serif);
	--morgan-content-blocker-font-family-body: var(--morgan-font-family-base, Arial, helvetica, sans-serif);
	--morgan-content-blocker-heading-font-size: 1.875rem;

	--morgan-content-blocker-background-color: #fafafa;
	--morgan-content-blocker-border-color: #e6e6e6;

	--morgan-content-blocker-heading-color: #000000;
	--morgan-content-blocker-text-color: #000000;
	--morgan-content-blocker-link-color: #f95a60;
	--morgan-content-blocker-link-color-hover: #000000;

	--morgan-content-blocker-preview-heading-color: #fafafa;
	--morgan-content-blocker-preview-text-color: #fafafa;
	--morgan-content-blocker-preview-link-color: #f95a60;
	--morgan-content-blocker-preview-link-color-hover: #fafafa;
}

.mcb-wrapper {
	position: relative;
	background-color: var(--morgan-content-blocker-background-color);
	border: 1px solid var(--morgan-content-blocker-border-color);
	padding: 1em;
	text-align: center;
	max-width: var(--morgan-content-blocker-width);
	margin: 1.5em auto;
	border-radius: 0.5rem;
}

.mcb-wrapper .mcb-video-thumbnail-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	border-radius: 0.5rem;
}

.mcb-wrapper .mcb-video-thumbnail-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	max-width: 100%;
	aspect-ratio: 16 / 9;
}

.mcb-wrapper .mcb-video-thumbnail-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 0.3rem;
}

.mcb-content svg {
	width: 6em;
	height: 6em;
	margin-bottom: 2em;
	color: #fff;
	z-index: 2;
}

.mcb-wrapper .mcb-title {
	display: block;
	font-family: var(--morgan-content-blocker-font-family-headings);
	font-size: var(--morgan-content-blocker-heading-font-size);
	font-weight: 700;
	line-height: 1.2;
	color: var(--morgan-content-blocker-heading-color);
}

.mcb-wrapper .mcb-content {
	display: block;
	margin: 1em auto;
	max-width: 28.125rem;
	font-family: var(--morgan-content-blocker-font-family-body);
}

.mcb-wrapper.has-video-preview .mcb-content {
	position: relative;
	width: 100%;
	padding-top: clamp(2rem, 10vw, 4rem);
	padding-bottom: clamp(2rem, 10vw, 4rem);
}

.mcb-wrapper .mcb-content p {
	color: var(--morgan-content-blocker-text-color);
}

.mcb-wrapper.has-video-preview .mcb-content p {
	color: var(--morgan-content-blocker-preview-text-color);
}

.mcb-wrapper .mcb-content a {
	color: var(--morgan-content-blocker-link-color);
}

.mcb-wrapper .mcb-content a:hover {
	color: var(--morgan-content-blocker-link-color-hover);
}

.mcb-wrapper.has-video-preview .mcb-content a {
	color: var(--morgan-content-blocker-preview-link-color);
}

.mcb-wrapper.has-video-preview .mcb-content a:hover {
	color: var(--morgan-content-blocker-preview-link-color-hover);
}

.mcb-wrapper.has-video-preview .mcb-title {
	color: var(--morgan-content-blocker-preview-heading-color);
}

.mcb-wrapper .mcb-content p {
	margin: 0.75em 0;
	color: var(--morgan-content-blocker-text-color);
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:has(.mcb-blocked):before {
	display: inline;
}

.mcb-wrapper a[rel="external"] {
	display: inline-flex;
	align-items: center;
}

.mcb-wrapper a[rel="external"]::after {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" /></svg>');
	display: inline-block;
	margin: 0 0 0.25em 0.5em;
	width: 1em;
	height: 1em;
}

.mcb-wrapper.has-video-preview a::after {
	filter: invert(1);
}