/*
 * Full-width styling for pages generated by Lyric Line Page Generator.
 *
 * Themes differ in their HTML structure, so this deliberately targets
 * several common WordPress/theme wrappers. It also makes the generated
 * video/content area use the available viewport width.
 */

body.llpg-lyric-page .site-content,
body.llpg-lyric-page .content-area,
body.llpg-lyric-page .entry-content,
body.llpg-lyric-page .wp-site-blocks,
body.llpg-lyric-page main {
	max-width: none;
	width: 100%;
}

body.llpg-lyric-page .entry-content,
body.llpg-lyric-page .wp-block-post-content {
	width: 100%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

body.llpg-lyric-page .entry-content > *,
body.llpg-lyric-page .wp-block-post-content > * {
	max-width: none;
}

body.llpg-lyric-page .llpg-attribution {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

body.llpg-lyric-page .cpve-portrait-youtube,
body.llpg-lyric-page .cpve-portrait-video,
body.llpg-lyric-page .cpve-wrapper {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* If the portrait plugin's outer class changes, its iframe still fills
 * the generated content area. */
body.llpg-lyric-page .entry-content iframe,
body.llpg-lyric-page .wp-block-post-content iframe {
	max-width: 100%;
}

/* Reduce accidental theme side padding on the generated page. */
body.llpg-lyric-page .entry-content {
	padding-left: 0;
	padding-right: 0;
}