.tax-youtube_watch_video .pagination .nav-links { display:flex; }
.post-type-archive-youtube_watch .pagination a,.post-type-archive-youtube_watch .pagination span,
.tax-youtube_watch_video .pagination a, .tax-youtube_watch_video .pagination span { display: block;padding: 8px 14px;margin: 0 5px;border: 1px solid #0073aa;color: #0073aa;text-decoration: none;border-radius: 5px;font-weight: 500;transition: all 0.3s ease; }
.post-type-archive-youtube_watch .pagination .current, .tax-youtube_watch_video .pagination .current { background-color: #0073aa; color: white;pointer-events: none; }
.post-type-archive-youtube_watch .pagination a:hover, .tax-youtube_watch_video .pagination a:hover { background-color: #0073aa;color: white; }
.wrap-md, .nav-filter { width: 100%;max-width: 1320px !important;margin-right: auto;margin-left: auto;padding-right: 20px;padding-left: 20px; }
#container-async .nav-filter { padding: 0;margin: 0 auto 1.5em auto;display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;text-decoration: none;margin:0 auto 10em auto; }
#container-async .nav-filter li { padding: 0px !important;margin: 0 !important;display: flex; }
#container-async .nav-filter li.active a { background-color: #cb0f13;color: #fff; }
#container-async .nav-filter li a { padding: 5px 18px !important;border: 0px solid transparent !important;background-color: #efeeed;color: #000;font-size: 15px;text-decoration: none;border-radius: 50px !important; }
#container-async .status { margin-bottom: 20px;text-align: center;font-size: 20px;text-transform: capitalize;font-weight: 600; }
.video-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 20px; }
.video-card { background-color: #efeeed;border-radius: 15px;overflow: hidden; }
.video-item { position: relative;cursor: pointer;overflow: hidden;padding: 12px 12px 0 12px; }
.video-grid .video-item img { margin: 0px;border-radius: 12px; }
.video-item .overlay { position: absolute;bottom: 0;background: rgb(203 15 19);color: #fff;width: 100%;padding: 10px;opacity: 0;transition: opacity 0.3s ease; }
.content.video-grid .video-title { background-color: #efeeed;display: flex;flex-direction: column;justify-content: center; }
.video-card .video-meta { padding: 20px;display: flex;flex-direction: column;flex-wrap: wrap;height: 170px;justify-content: space-between;gap: 20px; }
.video-card .video-stats { display: flex;flex-direction: column;align-items: center;gap: 5px; }
.video-likes-comments { display: flex;gap: 10px;flex-wrap: wrap; }
.content.video-grid .video-title a { text-align: center;text-decoration: none;font-size: 15px;color: #001e2b;line-height: 1.2; }
.infscr-pager, .follow-button { margin-top: 20px;text-align: center; }
.infscr-pager .btn.btn-primary { background: #cb0f13;border-radius: 50px;padding: 8px 20px;font-size: 15px;border: 0; }
.follow-button a { display: flex;flex-direction: row;width: fit-content;background: #001e2b;align-items: center;margin: auto;border-radius: 50px;padding: 8px 20px;border-color: transparent; }
.follow-button a:hover { background-color: #cb0f13;border-color: transparent; }
.follow-button a svg { width: 20px;margin-right: 10px; }
.follow-button a span { font-size: 15px; }
.btn-check:focus + .btn-primary, .btn-primary:focus { box-shadow: none !important; }
 
/* video-popup-css */
#videoFrame { display: grid;justify-items: center;align-items: center;align-content: space-between;justify-content: center;margin: 250px auto !important;padding: 10px 20px; }
#popupPrev, #popupNext { font-size: 20px !important; }
#popupPrev svg, #popupNext svg { fill: #fff; }
#popupPrev svg { transform: rotate(-180deg); }
#popupPrev, #popupNext, #popupClose { background-color: #cb0f13;padding: 5px 15px;font-size: 30px !important;border: 0;border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center; }
#popupClose { top: 100px !important; }
.bj-youtube-header  { background: linear-gradient(180deg,var(--darker-blue) 90%,transparent 70%);height: 50vh;position: relative; }
.bj-youtube-header:before {
    background: url(../assets/img/pattern.png) repeat-x bottom;
    bottom: 30%;
    content: "";
    display: block;
    height: 520px;
    mix-blend-mode: overlay;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.youtube-video-section { margin-top: -240px;z-index: 999;position: relative;margin-bottom: 100px; }
.youtube-video { padding: 100px 20px; }
.youtube-video .row { gap: 35px; }
.pagination { display: flex;padding-left: 0;list-style: none;gap: 20px;flex-wrap: wrap; }
.nav-links { display: flex; align-items: center; }
.post-type-archive-youtube_watch .pagination a, .post-type-archive-youtube_watch .pagination span, .tax-youtube_watch_video .pagination a, .tax-youtube_watch_video .pagination span {
    display: block;
    padding: 8px 14px;
    margin: 0 5px;
    border: 1px solid #001e2b;
    color: #001e2b;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.post-type-archive-youtube_watch .pagination .current, .tax-youtube_watch_video .pagination .current {
    background-color: #cb0f13;
    color: white;
    pointer-events: none;
    border-color: #cb0f13;
}
.post-type-archive-youtube_watch .pagination a:hover, .tax-youtube_watch_video .pagination a:hover { background-color: #cb0f13;color: white;border-color: transparent; }

.youtube-video-grid { display: grid !important;grid-template-columns: repeat(3, 1fr); gap: 30px; }
.youtube-video-grid a.bj-blog-grid__card { width: 100%; }

@media only screen and (max-width: 768px) {
	#videoFrame { width: 100%; }
	.youtube-video-section { margin-top: -0px; }
	#container-async .nav-filter { margin-bottom: 30px; }
	.youtube-video-grid { grid-template-columns: repeat(1, 1fr); }
	.youtube-video .bj-blog-grid__card-header img { width: 100%; }
	.youtube-video-grid a.bj-blog-grid__card { height: auto; }
	.post-type-archive-youtube_watch .pagination a, .post-type-archive-youtube_watch .pagination span, .tax-youtube_watch_video .pagination a, .tax-youtube_watch_video .pagination span {
	   font-size: 12px;
	}
}

@media only screen and (max-width: 400px) {
 .single-youtube_watch .bj-news-single-header {  margin-bottom: 120px; }
 .bj-news-single-section { overflow: hidden; }
}