.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 { padding-top: 10px; grid-template-columns: repeat(auto-fill, minmax(140px, 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; } }