/*
Theme Name: VideoTube Child
Description: VideoTube - A Responsive Video WordPress Theme.
Author: Toan Nguyen
Theme URI: http://themeforest.net/item/videotube-a-responsive-video-wordpress-theme/7214445?ref=phpface
Author URI: http://themeforest.net/user/phpface
Version: 2.1
Template: videotube
License: Themeforest Licence
License URI: http://themeforest.net/licenses
Text Domain: mars
Tags: fixed-layout, fluid-layout, responsive-layout, translation-ready, light, white, one-column, two-columns, right-sidebar,custom-menu, editor-style, featured-images,  sticky-post, theme-options, translation-ready
*/

@media (max-width: 768px) {
    .random-videos {
        display: none !important;
    }
	featured-wrapper{
        display: none !important;
    }
	
}

/* ==========================================================================
   Base Layout & Header
   ========================================================================== */
#header {
    border: none !important;
    position: relative;
    z-index: 10;
}

.section-header {
    margin-bottom: 20px !important;
    position: relative;
    width: 100%;
    display: block;
}

.section-header .page-title {
    color: #333 !important;
    font-size: 26px !important;
}

/* ==========================================================================
   Posts & Typography
   ========================================================================== */
.post-header h3.post-title {
    line-height: 16px !important;
}

.single-post h1, 
.page-id-8079 h1, 
.page-id-2 h1 {
    font-size: 34px !important;
    font-weight: 600 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

.single-post h2:not(.random-video-box h2),
.page-id-8079 h2, 
.page-id-2 h2:not(.random-video-box h2) {
    font-weight: 600 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

.page-id-2 h3 {
    font-weight: 600 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

.post-meta {
    display: none !important;
}

/* ==========================================================================
   Video Specific Elements (Details, Options, Custom Flexbox)
   ========================================================================== */
.video-details .date {
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
    font-size: 11px !important;
    color: #666 !important;
}

.video-details .post-entry p {
    line-height: 1.6em;
}

.video-options .option {
    border: none !important;
    display: block;
    text-align: center;
    padding: 0 0 13px;
    color: #999;
    height: 50px !important;
}

.video-options .option:hover {
    text-decoration: none;
    color: #666;
}

/* Custom Video Options Bar */

.vpn-notice{
    margin-bottom: 60px;
}

body:has(.video-wrapper) .video-options.video-options--custom {
    margin-top: -40px !important;
}
.video-options--custom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px; 
}

.video-options.video-options--custom {
    margin-bottom: 10px;  
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important; 
    justify-content: flex-end !important; 
    gap: 25px !important; 
}

.video-options.video-options--custom > div {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important; 
    display: flex !important;
    align-items: center !important; 
    margin: 0 !important; 
    padding: 0 !important;
}

.video-options.video-options--custom .opt-info {
    margin-right: auto !important; 
    justify-content: flex-start;
}

.video-options--custom .opt-info  { flex: 0 0 60%; }
.video-options--custom .opt-like  { flex: 0 0 20%; }
.video-options--custom .opt-light { flex: 0 0 20%; }

.video-options--custom .option { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
}

.video-options--custom .likes-dislikes i,
.video-options--custom .switch-button i { 
    line-height: 1; 
}

/* Random Video Box */
.random-video-box {
    max-width: 600px;
    margin: 2em auto;
    padding: 1.3em;
    border: 2px dashed #ccc;
    border-radius: 12px;
    background: #f9f9f9;
    font-family: 'Lato', sans-serif;
    text-align: left;
}

.random-video-box h2 {
    margin-bottom: 1em;
    font-size: 1.2em;
    font-weight: 600;
}

.random-video-box a {
    display: block;
    margin: 0.7em 0;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    transition: text-decoration 0.2s;
}

.random-video-box a:hover {
    color: #666;  
    text-decoration: none;
}

/* IMDb Styles */

.imdb-credits {
    font-size: 15px!important;
}

.imdb {
    color: #666;
    font-size: 15px;
    margin-top: -15px;
}

.imdb-title {
    display: none;
}

.imdb-director {
    margin-top: -5px;
    margin-bottom: 5px;
}

/* Items & Meta */
.item-img a {
    font-family: "Lato", sans-serif !important;
    line-height: 20px !important;
}

.item .meta .views, 
.feat-item .feat-info .meta .views,
.views, 
.heart,
.item .meta .fcomments, 
.feat-item .feat-info .meta .fcomments {
    float: right;
    display: none;
}

.item .meta .heart i, 
.feat-item .feat-info .meta .heart i {
    font-size: 14px !important;
    margin-right: 3px;
    color: #bbb;
}

/* ==========================================================================
   Sidebar & Widgets
   ========================================================================== */
.widgettitle {
    background: #e73737;
    border-left: 8px solid rgba(0,0,0,.2);
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 10px 14px;
}

.widget-title {
    padding: 13px 10px 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    clear: both;
    color: #888;
}

.sidebar .widget_recent_entries ul li:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'FontAwesome';
    font-weight: 900; 
    display: inline-block; 
    margin-right: 6px;
}

ul.sorting li:has(a[href*="orderby=comment_count"]) {
    display: none !important;
}

/* Tags & Tag Clouds */
.mars-keycloud-widgets .tag-cloud-link, 
.mars-keycloud-widgets a.tag {
    background: #f4f4f4 !important;
    color: #909090;
    padding: 4px 6px;
    margin: 0 4px 8px 0;
    display: inline-block;
    font-size: 13px;
    text-transform: normal !important;
    letter-spacing: 1px;
}

.mars-keycloud-widgets .tag-cloud-link:hover, 
.mars-keycloud-widgets a.tag:hover {
    background: #999 !important;
    color: #fff !important;
}

#mars-keycloud-widgets-5 .tag-cloud-link, 
#mars-keycloud-widgets-5 a.tag {
    background: #333 !important;
    color: #909090;
    padding: 4px 6px;
    margin: 0 4px 8px 0;
    display: inline-block;
    font-size: 11px;
    text-transform: normal !important;
    letter-spacing: 1px;
}

.tag-cloud-link {
    font-size: 15px !important;
}

.tag-cloud-link a:hover {
    background: #999 !important;
}

span.meta a[href*="/genre/oscar-winner/"]:hover {
    background-color: #666 !important; 
    color: #fff !important;
}

/* ==========================================================================
   Ads, Banners & Icons
   ========================================================================== */
.code-block-10 {
    margin-bottom: 30px !important;
}

#video-banner {
    width: auto !important;
    max-width: 728px !important;
}

#video-banner img {
    width: auto !important;
    height: auto !important;
    max-width: 728px !important;
}

.donate {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}

.fa { font-size: 14px !important; }
.fa-twitter { font-size: 22px !important; }
.fa-facebook { font-size: 20px !important; }

.box-share {
    display: none !important;
    float: right;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Very Small Mobile Overrides */
@media only screen and (max-width: 752px) {
    .switch-button {
        display: none !important;
        float: right;
    }
    .page-title {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

}

/* General Mobile Overrides */
@media only screen and (max-width: 767px) {
    #video-banner {
        display: none !important;
    }
    #video-banner-mobile {
        max-width: 300px !important;
    }
    .video-options--custom .opt-info  { flex: 0 0 80%; }
    .video-options--custom .opt-like  { flex: 0 0 20%; }
    .video-options--custom .opt-light { display: none; }
    .video-info .like-button {
        display: none !important;
    }
}

/* Video Options Bar Specific Mobile Override */

@media (max-width: 768px) {
    .video-wrapper {
        padding-bottom: 5px !important;
    }
}

@media (max-width: 768px) {
    .video-options.video-options--custom {
        flex-wrap: nowrap !important;
        gap: 30px !important;
    }
    .video-options.video-options--custom .opt-info {
        flex: 1 !important; 
        width: auto !important;
        margin-right: auto !important; 
    }
    .video-options.video-options--custom .opt-like,
    .video-options.video-options--custom .opt-report {
        flex: 0 0 auto !important;
        width: auto !important;
        justify-content: flex-end !important;
    }
    .video-options.video-options--custom .opt-light {
        display: none !important;
    }
    .video-options.video-options--custom .opt-info .votes,
    .video-options.video-options--custom .opt-info .imdb-votes,
    .video-options.video-options--custom .opt-info .rating-count {
        display: none !important;
    }
}

/* Desktop Only Rules */
@media (min-width: 767px) {
    ul.nav li.menu-item-has-children:hover > ul.dropdown-menu {
        display: block;    
    }
    #video-banner {
        margin-top: 20px !important;
    }
    #video-banner-mobile {
        display: none !important;
    }
}

/* Large Screens */
@media (min-width: 1200px) {
    .box-turn-off-light {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .box-like {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .box-comment {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

/* ==========================================================================
   Commented / Inactive Code Blocks
   ========================================================================== */

/*
#mars-keycloud-widgets-5 .tag-cloud-link, #mars-keycloud-widgets-5 a.tag {
     background: #282828 !important;
    color: #909090;
    padding: 4px 6px;
    margin: 0 4px 8px 0;
    display: inline-block;
    font-size: 11px;
    text-transform: normal !important;
    letter-spacing: 1px;
}

.video-section .item h3, .widget .item h3 {
    margin: 0;
    margin-bottom: 0px;
    line-height: 15px;
    margin-bottom: 4px;
    overflow: hidden;
}

.tag-cloud-link, a.tag {
    background: #fff;
    color: #b5b5b5;
    padding: 4px 6px;
    margin: 0 4px 8px 0;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidebar .widget_recent_entries ul li {
    font-size: 13px;
    margin-bottom: 4px;
    margin-left: 0px;
    list-style: none;
}

.wpb_wrapper .widget_archive ul li, .wpb_wrapper .widget_categories ul li, .wpb_wrapper .widget_pages ul li, .widget_meta ul li, .wpb_wrapper .widget_nav_menu ul li, .sidebar .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .wp-tag-cloud li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #eaeaea;
    background-color:#353535;
    color: #fff;
    padding:10px 20px 10px 20px
}

.wpb_wrapper .widget ul li a, .sidebar .widget ul li a {
    color:#fff;
    font-size: 15px;
    text-transform:uppercase;
}

.wpb_wrapper .current-menu-item {
    background-color:#E73737!important;
}

.sidebar .current-menu-item {
    background-color:#E73737!important;
}
*/