/*
 * Avada elements that our blocks embed (via the adapter's filters).
 */

/* YouTube element inside Beeld en tekst: fill the column instead of Avada's fixed max-width. */
.gsf-block .gsf-media__video .fusion-video {
	width: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
}

.gsf-block .gsf-media__video lite-youtube {
	max-width: none;
}

/*
 * Containers that hold only a GSF block (one column, nothing else in it): the block owns its
 * width and vertical spacing (--gsf-space-section), so spacing between sections is the same on
 * every page, whatever padding, margins or width a webmaster set on the container. Avada adds
 * space in three places: the container's padding and margins, the row (wider than the container,
 * with negative margins for the column gaps) and the column (a bottom margin). The container's
 * background colour or image still shows behind the block.
 */
.fusion-fullwidth:has(> .fusion-builder-row > .fusion-layout-column:only-child > .fusion-column-wrapper > .gsf-block:only-child) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.fusion-fullwidth > .fusion-builder-row:has(> .fusion-layout-column:only-child > .fusion-column-wrapper > .gsf-block:only-child) {
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.fusion-builder-row > .fusion-layout-column:only-child:has(> .fusion-column-wrapper > .gsf-block:only-child),
.fusion-layout-column > .fusion-column-wrapper:has(> .gsf-block:only-child) {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}