@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}
.logo img{width: 250px;max-width: 100%;}
.title h1,.video-title h1,.h3-20 h3{font-size: 20px !important;font-weight: 600;text-transform: capitalize;}
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}
#page{ overflow:hidden; padding-top:0;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.btn-link[aria-expanded="false"] span:nth-child(2), .btn-link[aria-expanded="true"] span:nth-child(1){ display: none}
.btn-link[aria-expanded="true"] span:nth-child(1){ display: none}

.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1000; /*background-color: var(--bs-body-bg);*/ background: #1D1D1D; padding: 0 24px; height: 80px; display: flex; align-items: center; gap: 24px;}
.header .left-coloum, .header .right-coloum{ display: flex; align-items: center; gap: 24px; width: 30%;}
.header .left-coloum .menu-btn, .header .left-coloum .menu-btn-lg{ padding: 0; background: none; border: none; cursor: pointer; display: flex; flex-direction: column; height: 20px; width: 20px; background-image: url(../images/theme-img/hamburger.png); background-repeat: no-repeat; background-position: center center; background-size: 24px;}
.header .left-coloum .menu-btn.active{background-image: url(../images/theme-img/close.png);}
.header .left-coloum .menu-btn span, .header .left-coloum .menu-btn-lg span{ background-color: #fff; height: 3px; width: 30px;}
.header .search-column{ width: calc(40% - 24px)}
.header .search-column form{ position: relative; display: block;}
.header .search-column form input[type=submit]{ height: 51px; width: 51px; background-image: url(../images/theme-img/search.png); background-position: center center; background-repeat: no-repeat; background-size: 20px; background-color: transparent; border: none; text-indent: -9999px; position: absolute; top: 0; right: 0;}
.header .right-coloum .link{ font-weight: 600; font-size: 14px; display: block; margin-left: auto;}
.header .right-coloum .search-btn{ background-image: url(../images/theme-img/search.png); background-position: center; background-repeat: no-repeat; background-size: 20px; height: 30px; width: 30px; background-color: transparent; border: none; cursor: pointer; padding: 0;}

.desktop-sidebar{ padding: 104px 0 24px 24px; position: fixed; top: 0; left: 0; bottom: 0; width: 320px; z-index: 20; /*-moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;*/ display: flex; flex-direction: column; background-color: var(--bs-body-bg);}
.desktop-sidebar .sidebar-content{ padding: 0; background: #1D1D1D; border-radius: 12px; /*overflow: auto; overflow-x: hidden; flex-grow: 1;*/ display: flex; flex-direction: column; height: 100%}

.wrapper{ padding: 104px 24px 24px 344px; position: relative; z-index: 10; /*-moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;*/}
.desktop-sidebar.active, body.menu-open .desktop-sidebar{ left: -320px;}
.wrapper.active, .footer.active, body.menu-open .wrapper, body.menu-open .footer{ padding-left: 24px;}

.video-items{ display: flex; flex-direction: column; gap: 8px; font-size: 14px;}
.video-items .ratio, .video-player .ratio{ overflow: hidden; border-radius: 10px;}
.video-items p{display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Ensures the ellipsis appears */ margin-bottom: 0;}
.video-items time, .video-title time{ color: #717171; border-radius: 30px; font-size: 15px; font-weight: 500; font-size: 12px}
.video-items .view-meta, .video-title .view-meta{ color: #717171; border-radius: 30px; font-size: 15px; font-weight: 500; font-size: 12px}
.video-items .dot, .video-title .dot{width: 4px;height: 4px;display: inline-block;background: #717171;margin: 0px 7px 2px 8px;border-radius: 100%;}
.view-meta img{width: 18px;margin-right: 5px;}

.footer{ padding: 48px 24px 24px 344px; border-top: 1px solid rgba(255,255,255,0.2); font-size: 14px; display: flex; align-items: center; /*-moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;*/}
.footer ul{ display: flex; align-items: center; justify-content: center; margin: 0 0 0 auto; padding: 0; list-style: none;}
.footer ul li{ font-weight: 500;}
.footer ul li + li:before{ content: "|"; margin: 0 6px; float: left;}

.category-menu{ display: flex; flex-direction: column; gap: 16px;}
.category-menu .title{ display: flex; align-items: center;}
.category-menu .title h6{ font-size: 12px; font-weight: 600; margin-bottom: 0; border-bottom: 2px solid var(--bs-pink); padding-bottom: 3px;}
.category-menu .title a{ font-size: 12px; display: block; color: var(--bs-gray); font-weight: 500; margin-left: auto;}
.category-menu .title a:hover{ color: var(--bs-pink);}
.category-menu ul{ margin: 0; padding: 0; list-style: none; display: flex;flex-direction: column; gap: 6px;}
.category-menu ul li{ font-weight: 600; font-size: 12px;text-transform: uppercase;}
.category-menu + .category-menu{border-top: 1px solid rgba(255,255,255,0.2);}

.video-details{border-radius: 10px; padding: 16px; background-color: #1D1D1D;}
.meta-bar{ display: flex; align-items: center;}
.meta-bar .studio{ display: flex; align-items: center; gap: 12px; align-items: center;}
.meta-bar .studio .ratio{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
.meta-bar ul{ margin: 0 0 0 auto; padding: 0; list-style: none; display: flex; gap: 16px;}
/*.meta-bar ul .btn, .meta-bar .dropdown-toggle{ font-size: 14px;}*/
.meta-bar .btn-link, .meta-bar .btn-link:hover, .meta-bar .btn-link:focus{ color: #717171;}

.video-details .card-body, .mobile-options .card-body{ border-radius: 0; background: none; padding: 24px 0 0 0; border: none; font-size: 14px;}
.video-details .card-body .content + .content, .mobile-options .card-body .content + .content{border-top: 1px solid rgba(255,255,255,0.2); margin-top: 24px; padding-top: 24px;}
.video-details .card-body .content h6, .mobile-options .card-body h6{ color: var(--bs-gray); font-weight: 600;}
.video-details .card-body .content .ratio, .video-term-link .ratio, .mobile-options .card-body .ratio{ overflow: hidden; border-radius: 10px;}
.video-details .card-body .content ul.tags, .mobile-options .card-body ul.tags{ display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; gap: 10px;}
.video-details .card-body .content ul.tags li, .mobile-options .card-body ul.tags li{ font-size: 14px; font-weight: 500;}
.video-details .btn-primary, .video-action-btn .btn-primary{padding: 24px 65px; border: none; border-radius: 50px; background: linear-gradient(127deg,rgba(255, 0, 135, 1) 0%, rgba(251, 66, 164, 1) 100%);}
.video-details .btn-link{ gap: 5px; display: flex; align-items: center; border: none;}
.video-details .btn-link:hover, .video-details .btn-link:focus, .video-details .btn-link:active{ border: none;}
.video-details .btn-link i{ font-size: 8px;}
.video-action-btn .btn-primary{ margin-left: auto; margin-right: auto;}

.mobile-options .btn-dark {
  --bs-btn-color: #717171;
  --bs-btn-bg: #1d1d1d;
  --bs-btn-border-color: #1d1d1d;
  --bs-btn-hover-color: #717171;
  --bs-btn-hover-bg: #1d1d1d;
  --bs-btn-hover-border-color: #1d1d1d;
  --bs-btn-active-color: #717171;
  --bs-btn-active-bg: #1d1d1d;
  --bs-btn-active-border-color: #1d1d1d;
  padding: 22px 10px;
  font-size: 12px;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 5px;
}

.mobile-options .card-body{ padding: 16px; background-color: #1d1d1d; border-radius: 12px;}
.mobile-options .studio{ display: flex; align-items: center; gap: 12px; align-items: center; font-size: 14px;}
.mobile-options .studio .ratio{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}

.mobile-options .more-col .btn-dark[aria-expanded="false"] span:nth-child(2), .mobile-options .more-col .btn-dark[aria-expanded="true"] span:nth-child(1){ display: none}
.mobile-options .more-col .btn-dark[aria-expanded="true"] span:nth-child(1){ display: none}

.video-term-link{ display: flex; flex-direction: column; gap:16px; justify-content: center; text-align: center;}

.wrapper .wp-pagenavi { display:flex; justify-content:center; margin-top: 32px; gap: 6px; flex-wrap: nowrap}
.wrapper .wp-pagenavi a, 
.wrapper .wp-pagenavi span
{width:40px; height:40px; border-radius:5px; border:1px solid #717171; background:#717171; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none;  position:relative; font-size:14px;}
.wrapper .wp-pagenavi a:hover, 
.wrapper .wp-pagenavi span.current{ background:var(--bs-pink); border-color: transparent; color: var(--bs-white); font-weight:700;}
.wrapper .wp-pagenavi .pages, .wrapper .wp-pagenavi span.extend{ display:none;}


.is-ajax-search-details .is-ajax-search-items>div, .is-ajax-search-post{ background: none !important;}
.blog-deatils .meta{ margin:10px 0; font-size:14px; font-weight:500; }
.blog-deatils .meta .initial{ /*background:#00ACFE;*/ height:40px; width:40px; border-radius:60px; margin-right:16px; color:#fff; font-weight:700;}
.blog-deatils .meta .initial img{height:40px; width:40px; border-radius:60px;}
.blog-deatils .meta time, .blog-deatils .meta span{ display:block;}
.blog-deatils .full-img{margin-bottom: 20px; border-radius: 16px; overflow: hidden;}

.blog-item {position: relative;}
.blog-item .post-content{ padding: 24px 0 0 0; color: var(--bs-body-color);}
.blog-item time{ padding: 6px 14px; line-height: normal; background-color: rgba(0,0,0,0.3); backdrop-filter: blur(30px); z-index: 100; position: absolute; top: 16px; right: 16px; color: var(--bs-white); border-radius: 30px; font-size: 15px; font-weight: 500; font-size: 12px}
.blog-item .ratio{ overflow: hidden; border-radius: 10px;}

.header-search{ position: absolute; top: 100%; left: 0; right: 0;}
.header-search .card{ background-color: var(--bs-body-bg); padding: 20px; border: none; border-radius: 0;}

.search-column form{ padding: 5px !important; border-radius:8px; border:1px solid #717171; display: block;}
.search-column .is-form-style input.is-search-input{ color: #fff !important; background: none !important; border: none !important;}
.search-column .is-form-style input.is-search-submit, .is-search-icon{ background: #333333 !important; border: none !important; border-radius: 5px !important;}

/*@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18, .h1-18 h1, .h2-18 h2, .h3-18 h3, .h4-18 h4{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20, .h1-20 h1, .h2-20 h2, .h3-20 h3, .h4-20 h4{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24, .h1-24 h1, .h2-24 h2, .h3-24 h3, .h4-24 h4{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
}

@media (min-width:1400px) {
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18, .h1-18 h1, .h2-18 h2, .h3-18 h3, .h4-18 h4{font-size:18px;}
.font-20, .h1-20 h1, .h2-20 h2, .h3-20 h3, .h4-20 h4{ font-size:20px;}
.font-24, .h1-24 h1, .h2-24 h2, .h3-24 h3, .h4-24 h4{ font-size:24px;}
}*/