/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/

/* Featured video thumbnail refinements */
.pt_feat_vid {
    padding-bottom: 0 !important; /* Remove fixed padding */
    min-height: auto !important;
    margin: 0 -15px 0 !important; /* Start below categories, extend to edges */
}

.pt_feat_vid_innr {
    position: relative !important;
    display: block !important;
    height: auto !important;
    padding-left: 49.5px !important; /* Left padding to align with content */
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    text-align: left !important;
}

.pt_feat_vid_innr:before {
    display: none !important; /* remove legacy black fade overlay */
}

.pt_feat_vid_innr > img {
    width: 100%;
    max-width: 1920px;
    height: auto;
    object-fit: contain;
    margin: 0 !important;
    display: block;
    position: relative !important;
    float: none !important;
}

/* Align content (title, play button) with the image */
.pt_feat_vid_content .container-home {
    padding-left: 49.5px !important;
}

/* Align the Featured video tag with featured title/play button */
.pt_feat_vid_content .home-page-categories .title {
    padding-left: 5px !important;
}

/* Fix video list positioning below featured video */
.pt_home_top_m {
    margin-top: 0 !important; /* Remove negative margin overlap */
    position: relative;
}

/* Responsive adjustments for mobile */
@media (max-width: 767px) {
    .pt_feat_vid {
        margin: 0 0 0 !important; /* No negative margin on mobile */
    }
    
    .pt_feat_vid_innr {
        padding: 0 !important; /* No side padding on mobile for full width */
    }
    
    /* Add padding for featured video content on smaller screens */
    .pt_feat_vid_content .container-home {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .pt_feat_vid_details {
        padding-left: 5px !important;
    }
    
    .pt_feat_vid_details h1 {
        padding-left: 5px !important;
    }
    
    /* Featured tag padding */
    .home-page-categories .title {
        padding-top: 5px !important;
        padding-left: 5px !important;
    }
    
    /* Play button padding */
    .pt_feat_vid_details .btn {
        margin-left: 5px !important;
        margin-bottom: 5px !important;
    }
}

/* Watch page player sizing */
.video-player-page .player-video {
    max-width: none;
}

.top-video.video-player-page {
    padding-top: 10px;
    margin-top: -30px;
}

.video-player-page .video-player {
    min-height: auto !important;
    background: transparent !important;
    margin: 0;
}

.video-player-page .pt_video_player {
    margin: 0;
    aspect-ratio: auto !important;
}

.video-player-page .pt_video_player video,
.video-player-page .pt_video_player .video-js,
.video-player-page .pt_video_player .video-js .vjs-tech {
    width: 100% !important;
    max-width: 1920px;
    height: auto !important;
    margin: 0 auto;
    display: block;
    position: static !important;
    background: transparent !important;
}

body[resized=true] .video-player-page .pt_video_player {
    max-height: none !important;
}

/* Watch page: sharp corners */
.video-player-page .content,
.video-player-page .video-player,
.video-player-page .pt_video_player,
.video-player-page .pt-watch-media,
.video-player-page .pt-watch-media > video,
.video-player-page .pt-watch-media > iframe,
.video-player-page .pt-watch-media > .video-js,
.video-player-page .pt-watch-media > .video-js .vjs-tech,
.video-player-page .publisher-element,
.video-player-page .publisher-element img,
.video-player-page .publisher-avatar,
.video-player-page .publisher-avatar img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/* Hide categories filter from recommended videos on watch page */
.video-player-page .article-categories,
.video-player-page .pt_categories {
    display: none !important;
}

/* Align related videos sidebar with video player top */
.video-player-page .col-md-4.desktop,
.video-player-page .col-md-4.pull-right,
.top-video.video-player-page ~ .col-md-4,
.video-player-page ~ .col-md-4 {
    padding-top: 0 !important;
    margin-top: -10px !important;
}

/* Remove rounded corners - only for video thumbnail images */
.video-thumb img,
.video-thumb a img,
.video-thumb > a,
.video-thumb > a > img,
div.video-thumb,
div.video-thumb img,
div.video-thumb > a,
div.video-thumb > a > img,
.video-latest-list .video-thumb,
.video-latest-list .video-thumb a,
.video-latest-list .video-thumb img,
.video-latest-list .video-thumb > a > img,
.home-page-categories .videos .video-list img,
.home-page-categories .videos .video-list .video-list-image a,
.videos-list .pt_video_side_vids .video-thumb,
.videos-list .pt_video_side_vids .video-thumb img,
.articles-content .pt_article_h_list .video-thumb img,
.videos-list .vid_analts_info .video-thumb img,
.pt_feat_vid_innr img,
.user-wrapper .video-thumb:not(.publisher-avatar),
.user-wrapper .video-thumb:not(.publisher-avatar) img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/* Add padding to featured video content */
.pt_feat_vid_details {
    padding-left: 5px !important;
}

.pt_feat_vid_details h1 {
    padding-left: 5px !important;
}

.pt_feat_vid_details p {
    padding-left: 5px !important;
}

.pt_feat_vid_details .btn {
    margin-left: 5px !important;
}