/*
 * Sikker-redningsvest.dk: bredere indholdskolonne.
 *
 * Twenty Twenty låser teksten til 58rem (580 px). På skærme fra 1000 px
 * placerer temaet billeder med alignleft og alignright absolut ude i margenen,
 * så kun afsnit med billeder ser brede ud. Her får indholdet 80rem, og
 * billederne flyder inde i kolonnen med teksten rundt om.
 *
 * Temaets egen fil i /wp-content/ røres ikke. Denne fil ligger uden for
 * /wp-content/, så den ikke caches en uge.
 */

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 80rem;
}

@media (min-width: 660px) {

	.entry-content > p .alignleft,
	.entry-content > .wp-block-image .alignleft {
		margin-left: 0;
	}

	.entry-content > p .alignright,
	.entry-content > .wp-block-image .alignright {
		margin-right: 0;
	}

	.entry-content > .alignleft {
		margin-left: max(2rem, calc((100% - 80rem) / 2));
	}

	.entry-content > .alignright {
		margin-right: max(2rem, calc((100% - 80rem) / 2));
	}
}

@media (min-width: 1000px) {

	.entry-content > .alignleft,
	.entry-content > p .alignleft,
	.entry-content > .wp-block-image .alignleft,
	.entry-content > .alignright,
	.entry-content > p .alignright,
	.entry-content > .wp-block-image .alignright {
		position: static;
		right: auto;
		left: auto;
		max-width: 50%;
	}
}