div[style*="clear: both;"] { grid-column: 1 / -1; margin-top: 50px; width: 100%; display: flex; justify-content: flex-end; } :has(> #video-content) { border-top: none !important;  padding-top: 2.5%!important; } :has(> #video-content) > hr, :has(> #video-content) > .divider, :has(> #video-content) > span { display: none !important; } .video-title { font-size: 1.5em; font-weight: 700; text-align: center; } .video-details { display: block; width: 80.33%; margin: .4% auto; text-align: center; font-size: 11px; line-height: 21px!important; padding: 5px; font-family: 'Tahoma', sans-serif; } .video-details p { display: inline!important; margin-right: 10px; } .video-details a { font-size: .85em; text-transform: uppercase; } .video-details .fa-solid { opacity: .2; font: var(--fa-font-solid); } .video-description { width: 95.33%; font-style: italic; padding: 8px; margin: .2% auto; } .video-description blockquote { padding: 15px!important; line-height: 195%; font-size: .89em; } .video-description blockquote:before, .video-description blockquote:after { content:''; } .video-recent { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 2%; } .video-recent h3 { text-align: center; margin-bottom: 3px; } .video-recent-column { flex: 1 1 calc(25% - 12px); text-align: center; } .video-recent-image a img, .video-recent-image a img:hover { display: block; ;box-sizing: border-box; width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover!important; margin-right: 0!important; margin-left: 0!important; box-sizing: border-box; box-shadow: none!important; border: 0!important; background: none!important; } .video-recent-title { display: block!important; font-size: .85em; margin: 5px 0 0 0; line-height: 1.5; } .video-recent-details { font-size: .85em; font-family: 'Tahoma', sans-serif; } #video-content .fa-solid, #video-content .fa-brands, #video-content .fa-regular, #video-content .fas, #video-content .far { display: inline-block!important; } .video-archive { list-style: none; margin: 0 0 3px 0; padding: 5px; } .video-archive li { display: table; width: 100%; margin: 0 0 3% 0; padding: 0 0 7px 0; list-style: none; border: 0px; } .video-archive-image { float: left; margin: 0 12px 8px 0; width: 20%; position: relative; z-index: 3000; } .video-archive-image img, .video-archive-image img:hover { max-width:100%; width: 100%; height: 120px!important; object-fit: cover; margin: 0!important; padding: 0!important; border: 0px!important; background: none!important; } .video-archive_cats { font-family: 'Tahoma', sans-serif; font-size: .85em; } .video-archive-title { font-weight: 700; text-align: left; } .video-archive_plot { font-style: italic; padding: 8px; background: rgba(128, 128, 128, 0.1); padding: 3px 5px; } .video-archive_plot blockquote { width: 95%; margin: 8px auto; padding: .8em 30px 1.2em; } .video-archive_plot blockquote:before, .video-archive_plot blockquote:after { content: ''; } .video-list { list-style: none; margin: 2.5% 0 .5% 0!important; padding: 5px; } .video-list li { display: table; width: 100%; margin: 0 0 3% 0; padding: 0 0 7px 0; list-style: none; border: 0px; } .video-list-image { float: left; margin: 0 12px 8px 0; width: 20%; position: relative; z-index: 3000; } .video-list-image img, .video-list-image img:hover { max-width:100%; width: 100%; height: 120px!important; object-fit: cover; margin: 0!important; padding: 0!important; border: 0px!important; background: none!important; } .video-list-title { font-weight: 700; text-align: left; font-size: 16px; } .video-list-cats { text-transform: uppercase; font-size: 12px; } .video-list-cats b { text-transform: none!important; } .video-list-description { font-style: italic; padding: 8px; } .video-list-description blockquote { width: 95%; margin: 8px auto; padding: 1.2em 30px; } .video-list-description blockquote:before, .video-list-description blockquote:after { content: ''; } .video-cat-list { display: block; width: 90%; margin: .5% auto; } .video-cat-list li { display: block; clear: both; padding: 15px 3px; list-style: none; } .video-cat-list li a::before { content: '\2192'; font-size: .75em; vertical-align: center!important; opacity: .5; margin-right: 4px; } .video-widgets { display: block; clear: both; margin: 0.5% auto; } .video-widgets ul li { display: flex; align-items: flex-start; gap: 10px; margin: 5% 0; } .featured-video-image { flex: 0 0 120px; height: 75px; overflow: hidden; } .featured-video-image img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } .video-spans { flex: 1; min-width: 0; } .video-spans-details { font-size: 0.85em; display: block; clear: both; margin-top: 3px; } .video-credit { text-align: center; font-size: 11px; margin: 15px auto; font-family: 'Arial', sans-serif; display: block; clear: both; filter: opacity(80%); } .video-credit span { background: rgba(128, 128, 128, 0.3); padding: 3px; } .video-pagination li { display: inline; border-bottom: 0px!important; } .video-pagination .span { padding: 12px; border-right: 2px solid rgba(128, 128, 128, .1); display: inline-block; } .video-pagination li a, .video-pagination li.active a, .video-pagination li.disabled { padding: 12px; padding: 0.75rem; text-decoration:none; } .video-pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; } .video-pagination ul li { display: inline; } @media only screen and (max-width: 1024px), only screen and (max-device-width: 966px) { .video-archive { line-height: 175%!important; } .video-recent .video-recent-column .video-recent-image img { max-width: 100% !important; height: 130px!important; } } @media only screen and (max-width: 500px), only screen and (max-device-width: 220px) { .video-archive { line-height: 175%!important; } .video-recent-column { flex: 1 1 calc(50% - 16px); } }