// simple and wide blocks width
[data-structure*="default"] {
	&.ct-container {
		--block-max-width: var(--container-max-width);
		--block-wide-max-width: calc(var(--container-max-width) + var(--wide-offset) * 2);
	}

	&.ct-container-narrow {
		--block-max-width: var(--narrow-container-max-width);
		--block-wide-max-width: calc(var(--narrow-container-max-width) + var(--wide-offset) * 2);
	}
}

// entry content layout
.content-wide {
	overflow: hidden;

	.entry-content {
		width: calc(100vw - (var(--frame-size, 0px) * 2));
		margin-left: calc( 50% - (50vw - var(--frame-size, 0px)));
		margin-right: calc( 50% - (50vw - var(--frame-size, 0px)));

		> * {
			margin-left: auto !important;
			margin-right: auto !important;

			&:not(.alignfull) {
				width: var(--container-width) !important;
			}

			&:not(.alignwide):not(.alignfull) {
				max-width: var(--block-max-width) !important;
			}
		}

		> .alignwide {
			max-width: var(--block-wide-max-width);
		}
	}
}