/*

Theme Name: Hello Elementor Child

Template: hello-elementor

Version: 1.3.15

Description: Child theme for Hello Elementor

Author: Your Name

Text Domain: hello-elementor-child

*/



/* Add custom styles below */

body {

    background-color: #fff !important;

}



header#site-header {

    background: #fff;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

}

footer#site-footer {

	background: #000;

}

/*h1, h2, h3, h4, h5, h6 {

    font-family: 'Montserrat', 'Poppins', sans-serif !important;

    font-weight: 700; /* Bold weight */

   /* text-transform: uppercase; /* Uppercase to match the image 

}

/*p, span, a, div, li, label {

    font-family: 'Roboto', 'Open Sans', sans-serif;

    font-weight: 400; /* Regular weight 

}*/

@media (min-width: 1200px) {

    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {

        max-width: 1920px !important;

    }

}

@media (min-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 1920px !important;

    }

}

@media (min-width: 1200px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {

        max-width: 1920px !important;

    }

}





/* registration form */

fieldset{   

 color: #000;

    border: 1px solid #666;

    border-radius: 2px;

	}

        .custom-registration-form {         

            margin: auto;

            padding: 20px;

			    max-width: 500px;

            background: #ffffff;

            border-radius: 10px;

            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

            font-family: Arial, sans-serif;

        }

        .custom-registration-form .form-group {

            margin-bottom: 15px;

        }

        .custom-registration-form label {

            display: block;

            font-weight: bold;

            margin-bottom: 5px;

        }

        .custom-registration-form input {

            width: 100%;

            padding: 10px;

            border: 1px solid #ccc;

            border-radius: 5px;

            font-size: 16px;

        }

        .custom-registration-form input:focus {

            border-color: #007bff;

            outline: none;

        }

        .custom-registration-form .error-message {

            color: red;

            font-size: 14px;

            margin-top: 5px;

            display: none;

        }

        .custom-registration-form button {

            width: 100%;

			    max-width: 200px;

            padding: 10px;

            background: #18FF27;

            color: white;

            border: none;

            border-radius: 5px;

            font-size: 18px;

            cursor: pointer;

            transition: background 0.3s;

        }

        .custom-registration-form button:hover {

            background: #18FF27;

        }

		

/* registration form css end */



/* css for login form */



		#forgot-password-container h2,#forgot-password-response{text-align: center;}

        .custom-login-form, #forgot-password-form {

            max-width: 400px;

            margin: auto;

            padding: 20px;

            background: #ffffff;

            border-radius: 10px;

            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

            font-family: Arial, sans-serif;

        }

        .custom-login-form .form-group {

            margin-bottom: 15px;

        }

        .custom-login-form label {

            display: block;

            font-weight: bold;

            margin-bottom: 5px;

        }

        .custom-login-form input {

            width: 100%;

            padding: 10px;

            border: 1px solid #ccc;

            border-radius: 5px;

            font-size: 16px;

        }

        .custom-login-form input:focus {

            border-color: #007bff;

            outline: none;

        }

        .custom-login-form .error-message {

            color: red;

            font-size: 14px;

            margin-top: 5px;

            display: none;

        }

        .custom-login-form button {

            width: 100%;

			    max-width: 200px;

            padding: 10px;

            background: #111111;

            color: white;

            border: none;

            border-radius: 5px;

            font-size: 18px;

            cursor: pointer;

            transition: background 0.3s;

        }

        .custom-login-form button:hover {

            background: #CC3366;

        }

.error-message,.success-message {

    text-align: center;

}

/* css end for login form */	





/* video form css */



 .video-upload-container {

	  background: #fff;

        max-width: 600px;

        margin: 0 auto;

        padding: 20px;

    

        border-radius: 8px;

        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

        font-family: Arial, sans-serif;

    }

    

    .video-upload-container h1 {

        text-align: center;

        color: #333;

    }



    .form-group {

        margin-bottom: 20px;

    }



    .form-group label {

        display: block;

        font-weight: bold;

        margin-bottom: 5px;

        color: #555;

    }

.form-group tags{width: 100%; border-radius: 5px; font-size: 16px;border: 1px solid #666;}

    .form-group input[type="text"],

    .form-group input[type="number"],

    .form-group input[type="file"],

    .form-group textarea,

    .form-group select,

	{

        width: 100%;

        padding: 10px;

        border: 1px solid #ccc;

        border-radius: 5px;

        font-size: 16px;

    }



    .form-group textarea {

        resize: vertical;

        min-height: 100px;

    }



    .form-group input[type="file"] {

        padding: 5px;

    }



    .form-group .error-message {

        color: red;

        font-size: 14px;

        display: none;

    }

	#form-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.8);

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}



#video-upload-form {

    position: relative; /* Required to contain the overlay */

}



.spinner-container img {

    animation: spin 1s linear infinite;

}



@keyframes spin {

    from { transform: rotate(0deg); }

    to   { transform: rotate(360deg); }

}

#upload-progress-text{position: relative !important; top: 8px; font-size: 13px; color:#000;font-weight: bold;}

/* video form end */	







/*menu css */

.site-navigation a:active, .site-navigation a:hover {

    color: #111111;

	background: #f9f9f9;

}

.site-navigation .login a{color:#fff; background: #111111;}

.site-navigation a{

	  color: #111111;	

}

.site-navigation .current-menu-item a {   

      border-bottom: 2px solid #111;

	      background: #f9f9f9;

}

.site-navigation ul.menu li a {   

       padding: 12px 15px !important;

       text-transform: uppercase;

}

.minefav{}

.minefav i{margin-right: 5px;}

/* menu css end */



.subtitle-row {

    display: flex;

}

		

		.success{color:green;text-align:center;}

.error{color:red;text-align:center;}





/* home page slider */

 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {

    content: 'next';

    color: #fff;

}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {

    content: 'prev';

    color: #fff;

}

.video-slide {

    position: relative;

    overflow: hidden;

  }



.video-slide img {

    width: 100%;

    height: 520px !important;

    object-fit: cover;

    display: block;   

}



.video-title {

    position: absolute;  

    width: 100%;

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    padding: 10px;  

    text-align: left;    

    bottom: 15px;

    left: 25px;

	 min-width: 340px;

    max-width: 372px;	

    border-radius: 5px

}

.video-title h2.slider-title {

    font-size: 21px;

    margin-bottom: 0px;

    text-transform: uppercase;

	color:#fff;

}



.video-title p {

    margin-bottom: 8px;

	color:#fff;

	    font-weight: 500;

    text-transform: capitalize;

}

.video-title a {

    text-decoration: none !important;

    color: inherit !important;

    display: block;

}

.video-title a:hover {

    opacity: 0.95;

}

span.s-news {

    background: #18FF27;

    padding: 6px 15px;

    position: relative;

    bottom: 25px;

    float: right;

    color: #fff;

    border-radius: 10px;

    right: -14px;

}

.elementor-container.elementor-column-gap-default.custom_vpost.seen {

    background: #EBF9E2;

    padding-top: 3px;

    padding-bottom: 3px;

}

/* home page slider end */



/* page and header css start*/

@media (min-width: 1200px) {

 

 .header-inner,.footer-inner {

    max-width: 1920px !important;

    padding-left: 35px;

    padding-right: 35px;

	        padding-left: 35px;

			margin:0 auto;

}

.home #content{padding:0;}

#content {

	margin:0 auto;

    max-width: 1920px;

    background: #fff;

    padding-left: 35px;

    padding-right: 35px;

}



/* video post column */

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {

     padding: 0px !important;

}

.elementor-container.elementor-column-gap-default.custom_vpost {

    padding-left: 25px;

    padding-right: 25px;

}

.elementor-container.elementor-column-gap-default.custom_vpost.seen {

    background: #EBF9E2;

    padding-top: 3px;

    padding-bottom: 3px;

}

.custom_vpost .elementor-column.elementor-col-33.elementor-top-column {

    margin-right: 15px;

}

.elementor-column.elementor-col-33.elementor-top-column:last-child {

    margin-right: 0;

}



/* video post column end */

}

.site-header{    

    padding-top: 5px !important;

    padding-bottom: 5px !important;

}

.page-content section {

    padding-top: 0px !important;

}

.alignwide {

   margin-inline: unset !important;

}

.custom_vpost .video-title h2.elementor-heading-title.elementor-size-default{ font-size: 24px;}

.custom_vpost .vpost{width: 100%; background-size: cover;  background-position: center; padding: 325px 0px 0px 0px;}

  .custom_vpost a{     display: contents;color: unset;}

/* page css */



/*  show page */

ul.latest_meta li:before {

    content: " • ";

    font-size: 16px !important;

}

ul.latest_meta {

    clear: both;

    display: flex;   

    padding: 0;

}

ul.latest_meta li:first-child:before{    content: "";}

ul.latest_meta li{    

float: left;   

    list-style: none;

    margin-right: 10px;

	text-transform: capitalize;

}

.shows-header {

    max-width: 720px;

    background: rgba(0, 0, 0, 0.7);

    padding: 10px;

	position: relative;

	    margin-top: 30px;  

}

/* .shows_desc styling moved to other locations */

.vshort-desc {

    padding: 5px;

    

}

.video-tile {

    transition: transform 0.2s, box-shadow 0.2s;

    border: none;

    border-radius: 5px;

    overflow: hidden;

    background: #fff;

    min-width: 200px;

}

.video-thumbnail img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: cover;

    border-bottom: 1px solid #eee;

}

.video-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1.5rem;

}

.video-tile .video-thumbnail img {

    max-height: 150px;

}

.video-tile a{color: #000;  font-weight: 500;   text-decoration: unset !important;}

.watch-button {

    display: inline-block;

    margin: 12px 16px;

    padding: 8px 16px;

        background-color: #000 !important;

    color: #fff;

    font-weight: bold;

    border-radius: 5px;

    text-align: center;

    text-decoration: none;

    transition: background-color 0.3s ease;

    font-size: 14px;

}



.watch-button:hover {

    background-color: #b20710;

}



.watch-button .btnText {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    color: #fff !important;

}

.btn-primary {

    --bs-btn-color: #fff;

    --bs-btn-bg: #111111  !important;

    --bs-btn-border-color: #111111  !important;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #111111;

    --bs-btn-hover-border-color: #111111  !important;

    --bs-btn-focus-shadow-rgb: 49, 132, 253;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: #111111  !important;

    --bs-btn-active-border-color: #111111  !important;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #fff;

    --bs-btn-disabled-bg: #111111  !important;

    --bs-btn-disabled-border-color: #111111  !important;

}

/* Existing styles */

.video-js {

    width: 100%;

    height: auto;

}



.vjs-default-skin {

    font-family: Arial, sans-serif;

}



.vjs-chromecast-button {

    display: inline-block;

}

span.news {

    background: #7ED957;

    color: #fff;

    padding: 6px 8px;

    border-radius: 5px;

}

input#is_news {

    width: 38px;

    height: 28px;

    margin-left: 20px;

    top: 9px;

    position: relative; 

}

/* show page */



/* episode slide */

.vprogress{

	    background-color: #18FF27;

    height: 7px; 

    display: block;

    position: relative;

    top: -13px;

	}

        .slider-wrapper {

            position: relative;

            width: 100%;

        }

        .series-container {

            display: flex;

            gap: 15px;

            overflow-x: auto;

            padding-bottom: 10px;

            scrollbar-width: none; /* For Firefox */

            width: 100%;

            -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */

            scroll-behavior: smooth;

            user-select: none; /* Prevent text selection during drag */

        }

        .series-container::-webkit-scrollbar {

            display: none; /* For Chrome, Safari, Edge */

        }

		

.episode-thumb.view_all {

    background: #000;

    color: #fff;

    text-align: center;

    /* padding: 27%; */

    display: flex

;

    border-radius: 5px;

    align-items: center;

    width: 100%;

    font-size: 21px;

    justify-content: center;

}

.view-all-button:hover {

    color: #fff;

}

.episode-thumb.view_all:hover{ background-color: #333;}

        .episode-card {

            flex: 0 0 auto;

            width: 280px;

            text-align: left;

        }

        

.episode-thumb {

    position: relative;

    width: 100%;

    height: 160px;

}

.episode-thumb .ethumb {

    width: 100%;

    height: 160px;

    object-fit: cover;

    border-radius: 10px;

}

.episode-thumb .play-icon {

    position: absolute;

    bottom: 10px;

    left: 10px;

    width: 40px;

    height: 40px;

}

        .episode-card h3 {

            font-size: 16px;

            font-weight: bold;

            margin: 8px 0 4px;

            color: #333;

        }

        .episode-card p {

            font-size: 14px;

            color: #666;

            margin: 0;

            line-height: 1.4;

        }

        .play-button {

            position: relative;

            top: -110px;

            left: 85%;

            transform: translateX(-50%);

            background-color: rgba(0, 0, 0, 0.5);

            border: 2px solid #00cc00;

            border-radius: 50%;

            width: 40px;

            height: 40px;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        .play-button::before {

            content: "▶";

            color: white;

            font-size: 16px;

            margin-left: 2px;

        }

        .slider-arrow {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            background-color: rgba(0, 0, 0, 0.5);

            color: white;

            border: none;

            padding: 10px;

            cursor: pointer;

            font-size: 20px;

            border-radius: 50%;

            width: 40px;

            height: 40px;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        .slider-arrow.left {

            left: 0;

			    z-index: 1;

        }

        .slider-arrow.right {

            right: 0;

			    z-index: 1;

        }

        .slider-arrow:hover {

            background-color: rgba(0, 0, 0, 0.7);

        }

        .slider-arrow.hidden {

            display: none;

        }

		.etitle{text-transform: capitalize;}

        .custom_vpost > h2 {

            color: #333;

            margin-bottom: 4px;

			font-weight:bold;

            font-size: 22px;

			text-transform: capitalize;

        }

/* episode slide end */

/* pagination start */

.pagination .page-item.active .page-link {

            background-color: #000;

            border-color: #000;

			    color: #fff;

        }

.pagination .page-link {

    border-radius: 5px;

    margin: 0 3px;

    color: #333;

	    text-decoration: none;

}

 .pagination .page-link {

            border-radius: 5px;

            margin: 0 3px;

        }

.comments-area a, .page-content a {

    text-decoration: unset !important;

}

.page-link:hover{color: #333;}

/* pagination end */





/* search video cases */

div#video-search-results {

    margin-top: 8px;

}

.video-search-results {

    list-style: none;

    padding: 0;

    margin: 0;

}

.video-search-results li {

    display: flex;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 5px;

    padding: 10px;

    margin-bottom: 10px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

}

.video-search-results img {

    width: 100px;

    height: 70px;

    object-fit: cover;

    border-radius: 3px;

    margin-right: 10px;

}

.video-search-results .content {

    flex: 1;

}

.video-search-results h4 {

    font-size: 12px;

    font-weight: bold;

    color: #d81b60;

    margin: 0 0 3px;

}

.video-search-results h4 a {

    text-decoration: none;

    color: inherit;

}

.video-search-results p {

    margin: 0;

    font-size: 11px;

    color: #666;

    line-height: 1.3;

}

.video-search-results .episode-info {

    font-weight: bold;

    color: #333;

    margin-bottom: 3px;

}

.video-search-results .description {

    margin-top: 3px;

}

/* search video cases */





.custom-single-ad.layout-vertical {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.custom-single-ad.layout-horizontal {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}



input#start-epay-subscription {

    border-radius: 20px;

    color: #fff;

    background: #E53E3E;

    font-weight: bold;

    font-size: 18px;

}

input#start-epay-subscription:hover {

    background: #C53030;

}

.elementor-shortcode .epay-subscription-box {

    text-align: center;

	

}

section.subscribe-column{ max-width: 500px; margin: 0 auto;}





/* series page */

.tax-video_series .header-inner {

    position: relative;

    

}

.tax-video_series .header-play {

    position: relative;

   

    text-align: center;

    

}

img.header-play-icon {

    width: 170px;

}

.tax-video_series h2.episode-title {

    font-size: 20px;

}

.tax-video_series h1.shows-title {

    font-size: 25px;

    font-weight: normal;

	text-transform: uppercase;

}



.archive .page-header{max-height: 520px;}

.shows_desc {

    line-height: 20px;

}

.header-cast {

    position: relative;
    text-align: right;
    top: 20px;
    right: 10px;
    z-index: 10;

}

img.header-cast-icon {

    width: 50px;

}

h2.series-title {

    font-size: 18px;

}

.single-videos .header-inner {

    position: relative;

    width: 100%;

}

.shows_desc {

    text-align: left;

}

.custom_vpost .episode-detail p{ font-weight: 500; color: #111;}

.shows-header h1#header-title {

    text-align: left;

}

/* tabs css */

.tab-buttons {

    list-style: none;

    padding: 0;

    display: flex;

    gap: 10px;

}



.tab-buttons li {

    cursor: pointer;

    padding: 5px 5px;

    color: #000;   

}



.tab-buttons li.active {

      border-bottom: 2px solid #18FF27;

    color: #000;

}



.tab-content {

    margin-top: 15px;

}

.video-tile.active {

    transform: translateY(-4px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

}

/* tabs css */

article.video-tile.card {

    border-radius: 10px;

	    border: unset;

}



span.s-news {

    background: #18FF27;

    padding: 6px 15px;

    position: relative;

    bottom: 25px;

    float: right;

    color: #fff;

    border-radius: 10px;

    right: -14px;

}

        .video-grid {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 1.5rem;            

        }

        .video-tile {

            transition: transform 0.2s, box-shadow 0.2s;

            border: none;

            border-radius: 5px;

            overflow: hidden;

            background: #fff;

            min-width: 200px;

        }

        .video-tile:hover {

            transform: translateY(-5px);

            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

        }

		.video-thumbnail {

            position: relative;

            width: 100%;

            padding-top: 155px; /* 16:9 Aspect Ratio */

			height:155px;

            overflow: hidden;

        }

		@media (min-width: 992px) and (max-width: 1200px) {

			.video-thumbnail {

			    padding-top: 130px;

				height: 130px;

			}

		}

        

        .video-thumbnail img {

            position: absolute;			

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

        }

        .play-icon {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 50px;

            height: 50px;

            opacity: 0.8;

            transition: opacity 0.2s;

        }

        .video-tile:hover .play-icon {

            opacity: 1;

        }

        .no-thumbnail {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: #ccc;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-size: 1.2rem;

        }

        .vshort-desc {

            padding: 2px;

           

        }

        .vshort-desc p {

            margin: 0;

            font-size: 0.9rem;

            color: #333;

        }

        .vshort-desc strong {

            font-size: 1rem;

            color: #1a1a1a;

        }

        .nav-tabs .nav-link {

            color: #555;

            font-weight: 500;

            padding: 0.75rem 1.5rem;

            border-radius: 5px 5px 0 0;

        }

        .nav-tabs .nav-link.active {

            background: #fff;

            color: #007bff;

            border-bottom: none;

        }

        .tab-content {

            background: #fff;           

            border-top: none;

          

          

        }

        .pagination .page-link {

            border-radius: 5px;

            margin: 0 3px;

        }

        .pagination .page-item.active .page-link {

            background-color: #111;

            border-color: #111;

        }



		  @media (max-width: 768px) {

            .video-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 1rem;

                padding: 0.5rem;

            }

            .video-tile {

                min-width: 150px;

            }

            .vshort-desc p {

                font-size: 0.85rem;

            }

            .vshort-desc strong {

                font-size: 0.95rem;

            }

            .play-icon {

                width: 40px;

                height: 40px;

            }

        }

        @media (max-width: 576px) {

            .video-grid {

                grid-template-columns: repeat(1, 1fr);

                gap: 0.75rem;

            }

            .video-tile {

                min-width: 100%;

            }

        }

.episode-thumb img.play-icon.omn {height:50px;}		

img.play-icon.omn {

    width: 50px; /* Set the width to 51px */

      

    top: 70%;

    left: 10px; /* Move the play button to the left */

    transform: translateY(-50%);

	border-bottom: unset;

}



.video-grid-container {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

    gap: 24px;

    padding: 20px;

}







.video-tile:hover {

    transform: translateY(-4px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

}



.video-thumbnail img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: cover;

    border-bottom: 1px solid #eee;

}



.no-thumbnail {

    background-color: #f5f5f5;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #999;

    font-size: 14px;

    border-bottom: 1px solid #eee;

}



.video-title {

    font-size: 16px;

    font-weight: 600;

    margin: 12px 16px;

    color: #333;

}

/* Video Tile */

/* .video-tile {

    margin: 20px;

    text-align: center;

} */



.video-thumbnail {

    position: relative;

}



.video-thumbnail img {

    width: 100%;

    height: auto;

}



.no-thumbnail {

    padding: 20px;

    background: #ccc;

}



.play-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 40px;

}



.video-tile p {

    font-size: 14px;

    margin: 10px 9px;

}

.category-tabs .card{border:unset;}



/* Play button css */



.favorite-btn {

    background: transparent;

    color: #000;

    border: 2px solid #000;

    padding: 10px 22px;

    font-size: 16px;

    font-weight: bold;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    margin: 10px;

}



.favorite-btn:hover {

    background: #000;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 0, 85, 0.3);

    transform: translateY(-2px);

}



#resume-btn {

    background: transparent;

    color: #000;

    border: 2px solid #000;

    padding: 10px 22px;

    font-size: 16px;

    font-weight: bold;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    margin: 10px;

}



#resume-btn:hover {

    background: #000;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 0, 85, 0.3);

    transform: translateY(-2px);

}



#restart-btn {

    background: transparent;

    color: #000;

    border: 2px solid #000;

    padding: 10px 22px;

    font-size: 16px;

    font-weight: bold;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    margin: 10px;

}



#restart-btn:hover {

    background: #000;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 0, 85, 0.3);

    transform: translateY(-2px);

}



#play-all-toggle {

    background: transparent;

    color: #000;

    border: 2px solid #000;

    padding: 10px 22px;

    font-size: 16px;

    font-weight: bold;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    margin: 10px;

}



#play-all-toggle:hover {

    background: #000;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 0, 85, 0.3);

    transform: translateY(-2px);

}



#next-video {

    background: transparent;

    color: #000;

    border: 2px solid #000;

    padding: 10px 22px;

    font-size: 16px;

    font-weight: bold;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    margin: 10px;

}



#next-video:hover {

    background: #000;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 0, 85, 0.3);

    transform: translateY(-2px);

}



#prev-video {

    background: transparent;

    color: #000;

    border: 2px solid #000;

    padding: 10px 22px;

    font-size: 16px;

    font-weight: bold;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    margin: 10px;

}



#prev-video:hover {

    background: #000;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 0, 85, 0.3);

    transform: translateY(-2px);

}



/* play button css end */

@media (max-width: 767px) {

	.video-slide .video-title{width: auto;left: 0px;}

	.shows-header .shows_desc {clear: both;}

	.shows-header ul.latest_meta{ display: inline-block;}

	.shows-header ul.latest_meta li{  margin-top: 5px;}

	.video-slide img{ height: auto !important; min-height: 225px;}

	#header-play-link img.header-play-icon {

		width: 100px;

	}

	div#login-modal {

		padding: 10px;

	}

	.page-header .header-inner {

		padding: 10px;

	}

}



/*home slide css*/



.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none;}

.swiper-button-next, .swiper-button-prev{   

	background: rgba(0, 0, 0, 0.6);

   width: 45px !important;

    height: 45px !important;

    border-radius: 100%;

}

.elementor-5226 a{ color: #c36 !important;}

.swiper-button-next i{font-size: 20px; color: #fff;}

.swiper-button-prev i{font-size: 20px; color: #fff;} 



div#login-modal a {

    text-transform: uppercase;



}

div#login-modal a.btn-secondary{

	    background: #18FF27;

    border-color: #18FF27;

	   

}



/*subsrription plan css*/

.epay-subscription-box{

	padding:15px; 

	border:1px solid #ddd;

	background:#fff;

    color: #111; 

	border-radius:8px; 

	max-width:420px; 

	margin-bottom: 15px;

}

.epay-subscription-box a:hover{color:#c36;text-decoration: underline;}

/*subsrription plan css end*/



.register-form-container {

    margin-bottom: 20px;

}

div#login-modal .btn-primary:hover{background:#111111 ; border-color: #111111;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }

div#login-modal .btn-secondary:hover{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}

.phistory {

    overflow: scroll;

}





.contact_support {

    background-color: transparent;

    border: 1px solid #111 !important;

    color: #111 !important;

}

.contact_support:hover {

    background-color: #111 !important;

    color: #fff !important;

    text-decoration: none;

	border: 1px solid #111 !important;

}



/* video page css */



div#video-controls button, .favorite button {

    padding: 6px 12px;

	    margin-top: 0;

    margin-bottom: 0;

}

@media (max-width: 767px) {

#video-controls{display:flex;}

	div#video-controls button:first-child {

    margin-left: 0;

}

}

@media (min-width: 1024px) {

	.media-control.container {

    display: flex;

}

  .video-player-container .video-js {

    height: 520px !important;  /* fixed height */   

    margin: 0 auto;

    padding-top: 0 !important; /* remove aspect ratio padding */

  }

  .video-player-container .video-js .vjs-tech {

    height: 100% !important;  /* fill the player container height */

    width: 100% !important;

  }

  /* Optional: remove margin/padding from controls */

  .video-player-container .video-js .vjs-control-bar {

    margin: 0;

    padding: 0 10px; /* adjust as needed */

  }

}

.video-player-container {

    max-height: 520px;

}

/* Custom styles to match YouTube-like layout */

body {

    background-color: #f9f9f9;

}

.single .page-header, .archive .page-header{

    background-size: cover;

    background-position: center;

    padding: 100px 0;

    color: white;

    height: 700px;

    text-align: center;

    justify-content: center;

    text-align: center;

        display: flex;

    align-items: center;

}

.video-player-container {

    width: 100%;

    aspect-ratio: 16 / 9;

}

.video-js {

    width: 100%;

    height: 100%;

}

.vjs-default-skin .vjs-control-bar { 

    background-color: #333; 

    display: flex !important; 

    visibility: visible !important; 

}

.vjs-default-skin .vjs-big-play-button { 

    background-color: #007bff; 

    border-color: #007bff; 

}

.video-list {

    max-height: 80vh;

    overflow-y: auto;

}

.video-list .card {

    border: none;

    margin-bottom: 10px;

}

.video-list .card-img-top {

    width: 100%;

    aspect-ratio: 16 / 9;

    object-fit: cover;

}

.video-meta {

    margin-top: 15px;

}

@media (max-width: 991px) {

    .video-list {

        max-height: none;

        overflow-y: visible;

    }

}

#resume-controls {

   margin: 10px 20px;

  

}

#resume-controls button {

    padding: 6px 12px;

    margin-right: 10px;

    font-size: 14px;

    cursor: pointer;

	 margin-top: 0;

    margin-bottom: 0;

}

#login-modal {

    display: none;

    justify-content: center;

    align-items: center;

}

/* Chromecast button styles */

.vjs-chromecast-button {

    display: inline-block !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: 30px !important;

    height: 30px !important;

}

.vjs-chromecast-button.vjs-hidden {

    display: inline-block !important;

}

.vjs-chromecast-button .vjs-icon-placeholder {

    display: inline-block !important;

    visibility: visible !important;

}

.vjs-chromecast-button .vjs-icon-placeholder:before {

    content: "\f0c2";

    font-family: "FontAwesome", sans-serif;

    font-size: 16px;

    color: #fff;

    display: inline-block !important;

    visibility: visible !important;

}

.vjs-chromecast-button .vjs-icon-placeholder:empty:before {

    content: "Cast";

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #fff;

    display: inline-block !important;

    visibility: visible !important;

}

/* video page css end */

.page-header.category {

    height: unset;

    padding: 20px;

    color: #111;

    justify-content: left;

}

/* ITTP */

@media (min-width: 768px) {
    .hidden-desktop {
        display: none;
    }
}

@media (max-width: 768px) {
    .hidden-mobile {
        display: none;
    }
}

/* ===== AirPlay Button Styles ===== */
.vjs-airplay-button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    cursor: pointer;
}

.vjs-airplay-button.vjs-hidden {
    display: inline-block !important;
    visibility: visible !important;
}

.vjs-airplay-button .vjs-icon-placeholder:before {
    content: "\f179"; /* Font Awesome AirPlay icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.2em;
}

/* Show only relevant cast button based on platform */
.vjs-ios .vjs-chromecast-button {
    display: none !important;
}

.vjs-android .vjs-airplay-button,
.vjs-desktop-chrome .vjs-airplay-button:not(.vjs-safari) {
    display: none !important;
}

/* Disabled cast button styles */
.vjs-cast-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.vjs-cast-disabled:hover {
    opacity: 0.5 !important;
}

/* Both buttons side by side when both are available */
.vjs-control-bar .vjs-airplay-button,
.vjs-control-bar .vjs-chromecast-button {
    order: 11; /* Place after fullscreen button */
}

.vjs-control-bar .vjs-airplay-button {
    order: 10; /* Place AirPlay before Chromecast */
}

/* Hide CC/Subtitles/Captions buttons when no subtitles are available */
.vjs-subs-caps-button,
.vjs-captions-button,
.vjs-subtitles-button,
.vjs-text-track-display,
.vjs-text-track-settings {
    display: none !important;
}

/* Additional hiding for iOS Safari native controls */
video::-webkit-media-text-track-container {
    display: none !important;
}

video::cue {
    display: none !important;
}

/* Hide text track menu items */
.vjs-texttrack-settings,
.vjs-caption-settings,
.vjs-subtitles-menu-item,
.vjs-captions-menu-item {
    display: none !important;
}