body.single #main, body.single-post #main { align-items: stretch; width: 100%; max-width: 100%; } body.single #contentWrapper, body.single-post #contentWrapper { width: 100%; margin-inline: auto; float: none; box-sizing: border-box; } body.single.tdx-theater-mode #main, body.single-post.tdx-theater-mode #main { width: 100%; max-width: 100%; overflow-x: clip; } body.single #contentWrapper.theater-mode, body.single-post #contentWrapper.theater-mode, #contentWrapper.theater-mode { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: max(8px, 1vw); padding-right: max(8px, 1vw); box-sizing: border-box; } #contentWrapper.rsl-fix.theater-mode { max-width: 100vw !important; } body.single #contentWrapper > article.post, body.single-post #contentWrapper > article.post { width: 100%; max-width: 100%; } body.single #contentWrapper .videoWrap, body.single-post #contentWrapper .videoWrap { width: 100% !important; max-width: 100% !important; } body.single #wrap.centered.row.rsl-fix, body.single-post #wrap.centered.row.rsl-fix { width: 100%; min-width: 0; margin-inline: auto; box-sizing: border-box; } body.single .contentHead, body.single-post .contentHead { max-width: none !important; } .sidebar-title { padding: 14px 8px; font-size: 20px; } .sidebar-title .text-accent, .sidebar-title .text-blue { color: #ff5e62; } .sidebar-title span { padding: 0 4px; } .sidebar-title .text-white, .all-comments-title .text-white, .rec-cat-title .text-white { color: #e0e0e0; } @media (max-width: 768px) { body.single-post #contentWrapper, body.single #contentWrapper { overflow-x: clip; max-width: 100%; } @supports not (overflow: clip) { body.single-post #contentWrapper, body.single #contentWrapper { overflow-x: hidden; } } body.single-post #contentWrapper > article.post, body.single #contentWrapper > article.post { display: block; } body.single-post #contentWrapper .videoWrap, body.single #contentWrapper .videoWrap { float: none !important; display: flex; flex-direction: column; gap: 0; width: 100% !important; min-width: 0; max-width: 100% !important; } body.single-post #contentWrapper .rvideos-wrap-container, body.single #contentWrapper .rvideos-wrap-container, body.single-post #contentWrapper .rvideos-wrap, body.single #contentWrapper .rvideos-wrap, body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar, body.single-post #contentWrapper .sidebar-videos, body.single #contentWrapper .sidebar-videos { float: none !important; width: 100% !important; max-width: 100%; min-width: 0; margin-inline: 0 !important; box-sizing: border-box; } body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar { margin-top: 16px !important; } body.single-post #contentWrapper .videoBox, body.single #contentWrapper .videoBox { order: 1; height: auto !important; width: 100% !important; max-width: 100% !important; } body.single-post #contentWrapper #videoPostContent, body.single #contentWrapper #videoPostContent { order: 2; float: none; clear: both; } body.single-post #contentWrapper .tdx-video-story-card, body.single #contentWrapper .tdx-video-story-card { order: 3; } body.single-post #contentWrapper .rec-cat, body.single #contentWrapper .rec-cat, body.single-post #contentWrapper #tdx-spa-related-main, body.single #contentWrapper #tdx-spa-related-main { order: 4; } body.single-post #contentWrapper .videoWrap .after-vid-wrapper, body.single #contentWrapper .videoWrap .after-vid-wrapper, body.single-post #contentWrapper #tdx-spa-comments, body.single #contentWrapper #tdx-spa-comments { order: 5; clear: both; width: 100%; } body.single-post #contentWrapper .videoWrap .rec-cat, body.single #contentWrapper .videoWrap .rec-cat { width: 100%; clear: both; margin-top: 10px; } body.single-post #contentWrapper .sidebar-videos + .sidebar-videos, body.single #contentWrapper .sidebar-videos + .sidebar-videos { margin-top: 12px; } body.single-post #contentWrapper .related-videos-wrap, body.single #contentWrapper .related-videos-wrap, .related-videos-wrap { padding: 10px 6px; } } @media (min-width: 769px) and (max-width: 984px) { body.single-post #contentWrapper > article.post, body.single #contentWrapper > article.post { display: block; } body.single-post #contentWrapper .videoWrap, body.single #contentWrapper .videoWrap { float: none !important; display: flex; flex-direction: column; gap: 0; width: 100% !important; min-width: 0; max-width: 100% !important; } body.single-post #contentWrapper .rvideos-wrap-container, body.single #contentWrapper .rvideos-wrap-container { float: none !important; width: 100% !important; max-width: 100%; min-width: 0; margin: 0 !important; } body.single-post #contentWrapper .rvideos-wrap, body.single #contentWrapper .rvideos-wrap { width: 100%; } body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar { float: none !important; width: 100% !important; margin: 16px 0 0 !important; } body.single-post #contentWrapper .videoBox, body.single #contentWrapper .videoBox { order: 1; height: auto !important; width: 100% !important; max-width: 100% !important; } body.single-post #contentWrapper #videoPostContent, body.single #contentWrapper #videoPostContent { order: 2; float: none; clear: both; } body.single-post #contentWrapper .tdx-video-story-card, body.single #contentWrapper .tdx-video-story-card { order: 3; } body.single-post #contentWrapper .rec-cat, body.single #contentWrapper .rec-cat, body.single-post #contentWrapper #tdx-spa-related-main, body.single #contentWrapper #tdx-spa-related-main { order: 4; } body.single-post #contentWrapper .videoWrap .after-vid-wrapper, body.single #contentWrapper .videoWrap .after-vid-wrapper, body.single-post #contentWrapper #tdx-spa-comments, body.single #contentWrapper #tdx-spa-comments { order: 5; clear: both; width: 100%; } body.single-post #contentWrapper .videoWrap .rec-cat, body.single #contentWrapper .videoWrap .rec-cat { width: 100%; clear: both; margin-top: 10px; } body.single-post #contentWrapper .sidebar-videos + .sidebar-videos, body.single #contentWrapper .sidebar-videos + .sidebar-videos { margin-top: 12px; } body.single-post #contentWrapper .sidebar-videos .related-videos-wrap, body.single #contentWrapper .sidebar-videos .related-videos-wrap, body.single-post #contentWrapper .sidebar-videos .tdx-because-watched-grid, body.single #contentWrapper .sidebar-videos .tdx-because-watched-grid { padding-top: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } } @media (min-width: 985px) { body.single-post #contentWrapper > article.post, body.single #contentWrapper > article.post { display: grid; grid-template-columns: minmax(0, 1fr) 324px; gap: 15px; align-items: start; } body.single-post #contentWrapper .videoWrap, body.single #contentWrapper .videoWrap { grid-column: 1; float: none !important; display: flex; flex-direction: column; gap: 0; width: auto !important; min-width: 0; max-width: none !important; } body.single-post #contentWrapper .rvideos-wrap-container, body.single #contentWrapper .rvideos-wrap-container { grid-column: 2; width: 324px; max-width: 324px; min-width: 324px; } body.single-post #contentWrapper .videoBox, body.single #contentWrapper .videoBox { order: 1; height: auto !important; width: 100% !important; max-width: 100% !important; } body.single-post #contentWrapper #videoPostContent, body.single #contentWrapper #videoPostContent { order: 2; float: none; clear: both; } body.single-post #contentWrapper .tdx-video-story-card, body.single #contentWrapper .tdx-video-story-card { order: 3; } body.single-post #contentWrapper .rec-cat, body.single #contentWrapper .rec-cat, body.single-post #contentWrapper #tdx-spa-related-main, body.single #contentWrapper #tdx-spa-related-main { order: 4; } body.single-post #contentWrapper .videoWrap .after-vid-wrapper, body.single #contentWrapper .videoWrap .after-vid-wrapper, body.single-post #contentWrapper #tdx-spa-comments, body.single #contentWrapper #tdx-spa-comments { order: 5; clear: both; width: 100%; } body.single-post #contentWrapper .rvideos-wrap, body.single #contentWrapper .rvideos-wrap { width: 100%; } body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar { float: none !important; width: 100% !important; margin: 0 0 10px 0 !important; } body.single-post #contentWrapper .videoWrap .rec-cat, body.single #contentWrapper .videoWrap .rec-cat { width: 100%; clear: both; margin-top: 10px; } body.single-post #contentWrapper .sidebar-videos + .sidebar-videos, body.single #contentWrapper .sidebar-videos + .sidebar-videos { margin-top: 12px; } body.single-post #contentWrapper .sidebar-videos .related-videos-wrap, body.single #contentWrapper .sidebar-videos .related-videos-wrap { padding-top: 10px; } body.single-post #contentWrapper.theater-mode > article.post, body.single #contentWrapper.theater-mode > article.post, #contentWrapper.theater-mode > article.post { display: block; width: 100%; } body.single-post #contentWrapper.theater-mode .videoWrap, body.single #contentWrapper.theater-mode .videoWrap, #contentWrapper.theater-mode .videoWrap { display: block; width: 100% !important; max-width: none !important; float: none !important; } body.single-post #contentWrapper.theater-mode #theVideo, body.single #contentWrapper.theater-mode #theVideo, body.single-post #contentWrapper.theater-mode .videoBox, body.single #contentWrapper.theater-mode .videoBox, #contentWrapper.theater-mode #theVideo, #contentWrapper.theater-mode .videoBox { display: block; width: 100% !important; max-width: none !important; min-width: 0; height: auto !important; min-height: 0 !important; float: none !important; overflow: visible !important; } body.single-post #contentWrapper.theater-mode .post-video-container, body.single #contentWrapper.theater-mode .post-video-container, #contentWrapper.theater-mode #theVideo .post-video-container, #contentWrapper.theater-mode .post-video-container, #contentWrapper.theater-mode #theVideo #video-player, #contentWrapper.theater-mode #video-player { width: 100% !important; max-width: 100% !important; min-width: 0; height: auto !important; min-height: 0 !important; } body.single-post #contentWrapper.theater-mode .title-container, body.single #contentWrapper.theater-mode .title-container, body.single-post #contentWrapper.theater-mode .menu-wrap-container, body.single #contentWrapper.theater-mode .menu-wrap-container, #contentWrapper.theater-mode .title-container, #contentWrapper.theater-mode .menu-wrap-container { width: 100% !important; max-width: none !important; box-sizing: border-box; } body.single-post #contentWrapper.theater-mode #videoPostContent, body.single #contentWrapper.theater-mode #videoPostContent, #contentWrapper.theater-mode #videoPostContent { width: 100% !important; max-width: none !important; } body.single-post #contentWrapper.theater-mode .tdx-video-story-card, body.single #contentWrapper.theater-mode .tdx-video-story-card, #contentWrapper.theater-mode .tdx-video-story-card { width: 100% !important; max-width: none !important; } body.single-post #contentWrapper.theater-mode .tdx-theater-empty, body.single #contentWrapper.theater-mode .tdx-theater-empty, #contentWrapper.theater-mode .tdx-theater-empty { display: none !important; } body.single-post #contentWrapper.theater-mode .tdx-theater-bottom-row, body.single #contentWrapper.theater-mode .tdx-theater-bottom-row, #contentWrapper.theater-mode .tdx-theater-bottom-row { display: grid; grid-template-columns: minmax(0, 1fr) 324px; gap: 15px; width: 100%; align-items: start; margin-top: 16px; } body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack, body.single #contentWrapper.theater-mode .tdx-theater-main-stack, #contentWrapper.theater-mode .tdx-theater-main-stack { display: flex; flex-direction: column; gap: 16px; width: 100% !important; max-width: none !important; min-width: 0; } body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, body.single #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, body.single #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, body.single #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments, body.single #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments, #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments { width: 100% !important; max-width: none !important; margin: 0 !important; } body.single-post #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container, body.single #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container, #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container { width: 324px; max-width: 324px; min-width: 324px; margin-top: 0; } body.single-post #contentWrapper.theater-mode .rvideos-wrap, body.single #contentWrapper.theater-mode .rvideos-wrap, #contentWrapper.theater-mode .rvideos-wrap { width: 100% !important; max-width: 100% !important; } #contentWrapper.theater-mode .rvideos-wrap-container .rec-cat, #contentWrapper.theater-mode #tdx-spa-related-sidebar .rec-cat, #contentWrapper.theater-mode .videoWrap > .rec-cat, #contentWrapper.theater-mode .videoWrap > #tdx-spa-related-main, #contentWrapper.theater-mode .videoWrap > .after-vid-wrapper, #contentWrapper.theater-mode .videoWrap > #tdx-spa-comments, #contentWrapper.theater-mode .videoWrap > .tdx-theater-main-stack { display: none !important; } #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack { display: flex !important; flex-direction: column; } #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack .rec-cat, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack #tdx-spa-related-main, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack .after-vid-wrapper, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack #tdx-spa-comments { display: block !important; } }