<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://moneywithcleanlove.org/sitemaps.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap>
							<loc>https://moneywithcleanlove.org/post-sitemap1.xml</loc>
							<lastmod>2026-08-11T05:05:20+00:00</lastmod>
						</sitemap><sitemap>
							<loc>https://moneywithcleanlove.org/page-sitemap1.xml</loc>
							<lastmod>2026-08-14T20:44:59+00:00</lastmod>
						</sitemap></sitemapindex>
<style id="mwcl-rvf-css">

/* Make the video iframe itself fill 100% of whatever container it's in.
   (Tutor LMS's own embed already wraps it in a responsive padding-box —
   this just guarantees nothing overrides that with a fixed px size.) */
iframe[src*="mediadelivery.net"],
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"],
iframe[src*="player.vimeo.com"],
iframe[src*="wistia.com"],
iframe[src*="wistia.net"] {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
}

/* The real fix: unlock every ancestor container (Elementor column, Tutor
   LMS wrapper, theme content box, etc.) that is currently capping the
   width of the box the video sits in. :has() lets CSS reach UP to a
   parent based on what it contains — no JavaScript required. */
div:has(> iframe[src*="mediadelivery.net"]),
div:has(iframe[src*="mediadelivery.net"]) {
    max-width: none !important;
}

div:has(> iframe[src*="youtube.com"]),
div:has(iframe[src*="youtube.com"]) {
    max-width: none !important;
}

div:has(> iframe[src*="youtube-nocookie.com"]),
div:has(iframe[src*="youtube-nocookie.com"]) {
    max-width: none !important;
}

div:has(> iframe[src*="player.vimeo.com"]),
div:has(iframe[src*="player.vimeo.com"]) {
    max-width: none !important;
}

div:has(> iframe[src*="wistia.com"]),
div:has(iframe[src*="wistia.com"]) {
    max-width: none !important;
}

div:has(> iframe[src*="wistia.net"]),
div:has(iframe[src*="wistia.net"]) {
    max-width: none !important;
}

</style>
