/*
Theme Name: StreamTube Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: streamtube
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

.bg-overlay{
    background: none !important;
}

.header-user__dropdown .btn-member,html[data-theme=dark] .site-header form button[type="submit"]{
    background:#ce1212 !important;
    border-color:#ce1212 !important;
}
.widget-title:after{
    background:#ce1212 !important;
}

.type-video .post-thumbnail .video-live-length{
    background:#ce1212 !important;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    top: 0.5rem;
    left: auto;
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 45px;
    height: 32px;
    transition: .3s;

}

.float-nav .nav-item .nav-link{
    padding: 1rem !important;
    line-height: unset !important;
}


/**
    movie模块
 */
.wp-multi-movies-list{
    min-height: 200px;
    margin-bottom: 20px;
}


.wp-multi-movie-button{
    width: 50px;
    font-size: 10px !important;
    margin: 10px 5px 10px 0px !important;
}

.wp-multi-movie-button a{
    width: 100%;
    padding: 8px 0px 8px 0px !important;
}

.wp-multi-movie-button .wp-block-button__link{
    border-radius: 20px;
}

.wp-multi-movie-button a{
    cursor: pointer;
}



/** 视频加载失败X号 */
.vjs-error .vjs-error-display:before{
    content: none !important;
}

/** 搜索框 */
.search-form .post-type-select{
    width: 110px !important;
}


/**
    内容列表
 */
.review-category{
    margin-left: 15px;
    margin-right: 15px;
    text-decoration: none;
    color: #f9fafb;
}

/*.row-cols-lg-4,.row-cols-xl-6,.row-cols-xxl-6{
    justify-content: space-between;
}*/

/** 试看提示 */

/**
视频详情
 */

@media screen and  (max-width: 576px) {
    .video-mask-over-title{
        font-size: 20px;
    }
    .video-mask-over-tip{
        margin: 10px 0px !important;
    }
    .video-mask-over-tip p{
        font-size: 12px;
    }
    .video-mask-over-join {
        width: 150px;
        height: 30px;
        border-radius: 20px;
        font-size: 12px;
        line-height: 30px;
    }
    .slick-track{
        height: 0 !important;
        padding-bottom: 42% !important;
    }
    .post-meta__right{
        display: none !important;
    }
    .post-pay-body{
        float: none !important;
        min-height: unset !important;
        margin-bottom: 30px;
    }
    .post-learn-more{
        padding-top: 20px !important;
    }

    .post-package-body{
        margin-left: 50px;
        min-height: unset !important;
        float: unset !important;
        padding-bottom: 50px;
    }

    .post-package-body .post-bottom{
        width: 90% !important;
    }

    .package-name{
        font-size: 20px !important;
        min-width: unset !important;
    }

    .post-content-package {
        border:2px dotted #595959;
        margin-bottom: 20px;
    }

    .package-price .package-price-span {
        font-size: 20px;
    }

    .post-content-package-continue{
        text-align: center !important;
        margin-right: unset !important;
    }

    .package-continue{
        font-size: 16px;
        padding: 10px 90px;
        background: #ce1212;
        width: 100%;
        border-radius: 50px;
        color: white;
        text-decoration: none
    }

    .left-package{
        padding: 10px;
    }

    .left-package .package-name{
        margin-left: unset !important;
    }

    #have-a-code{
        margin-left: unset !important;
    }
    .package-for,.package-desc{
        font-size: 14px;
    }
    #posts-widget-23{
        display: none !important;
    }
    .post-item .gap-3{
        flex-wrap: wrap;
    }
    .video-src-error-content{
        top: 30% !important;
    }
    .post-meta .justify-content-center{
        justify-content: start !important;
    }
    .header-user__dropdown .btn-login{
        background: unset !important;
    }
}

@media screen and  (min-width: 762px) {
    .video-mask-over-title{
        font-size: 20px;
    }
    .video-mask-over-tip p{
        font-size: 14px;
    }
    .video-mask-over-join {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        font-size: 15px;
        line-height: 40px;
    }
    .txp_alert_content-join{
        font-size: 12px;
    }
    .slick-track{
        height: 0 !important;
        padding-bottom: 42% !important;
    }
    .package-continue{
        font-size: 16px;
        padding: 10px 110px;
        background: #ce1212;
        width: 100%;
        border-radius: 50px;
        color: white;
        text-decoration: none
    }

    .post-content-package {
        font-size: 24px;
        border:3px dotted #595959;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: left;
        display: flow-root;
        padding: 10px 25px;
        max-width: 350px;
        margin-left: 50%;
    }
    .package-price .package-price-span {
        font-size: 24px;
    }
    .package-for,.package-desc{
        font-size: 16px;
    }
    #posts-widget-23{
        display: none !important;
    }
    .post-item .gap-3{
        flex-wrap: wrap;
    }
    .video-src-error-content{
        top: 30% !important;
    }
}

@media screen and  (min-width: 992px) {
    .video-mask-over-title{
        font-size: 30px;
        line-height: 40px;
    }
    .video-mask-over-tip p{
        font-size: 16px;
    }
    .video-mask-over-join {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        font-size: 15px;
        line-height: 40px;
    }
    .txp_alert_content-join{
        font-size: 12px;
    }
    .slick-track{
        height: 0 !important;
        padding-bottom: 21% !important;
    }

    #modal-upload{
        top: -5% !important;
    }

    .post-content-package {
        font-size: 24px;
        border:3px dotted #595959;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: left;
        display: flow-root;
        padding: 10px 25px;
        max-width: 350px;
        margin-left: 58%;
    }

    .package-continue{
        font-size: 16px;
        padding: 10px 110px;
        background: #ce1212;
        width: 100%;
        border-radius: 50px;
        color: white;
        text-decoration: none
    }
    .package-price .package-price-span {
        font-size: 24px;
    }
    .package-for,.package-desc{
        font-size: 16px;
    }
    #posts-widget-23{
        display: block !important;
    }
    .post-item .gap-3{
        flex-wrap: unset;
    }
    .video-src-error-content{
        top: 40% !important;
    }
    #footer-sidebar-0 .widget-footer{
        padding-left: 50px;
    }
}

@media screen and  (min-width: 1200px) {
    .video-mask-over-title{
        font-size: 30px;
        line-height: 40px;
    }
    .video-mask-over-tip p{
        font-size: 16px;
    }
    .video-mask-over-join {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        font-size: 15px;
        line-height: 40px;
    }
    .txp_alert_content-join{
        font-size: 14px;
    }
    .slick-track{
        height: 0 !important;
        padding-bottom: 21% !important;
    }
    #modal-upload{
        top: -15% !important;
    }

    .package-continue{
        font-size: 16px;
        padding: 10px 110px;
        background: #ce1212;
        width: 100%;
        border-radius: 50px;
        color: white;
        text-decoration: none
    }

    .post-content-package {
        font-size: 24px;
        border:3px dotted #595959;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: left;
        display: flow-root;
        padding: 10px 25px;
        max-width: 350px;
        margin-left: 58%;
    }
    .package-price .package-price-span {
        font-size: 24px;
    }
    .package-for,.package-desc{
        font-size: 16px;
    }
    .post-item .gap-3{
        flex-wrap: unset;
    }
    .video-src-error-content{
        top: 40% !important;
    }
    #footer-sidebar-0 .widget-footer{
        padding-left: 50px;
    }
}

@media screen and  (min-width: 1300px) {
    #user-list-widget-1 .widget-title-wrap{
        display: block !important;
    }
    .package-price .package-price-span {
        font-size: 24px;
    }
    .package-for,.package-desc{
        font-size: 16px;
    }
    .post-item .gap-3{
        flex-wrap: unset;
    }
    .video-src-error-content{
        top: 40% !important;
    }
    #footer-sidebar-0 .widget-footer{
        padding-left: 50px;
    }
}

@media screen and  (min-width: 1400px) {
    .video-mask-over-title{
        font-size: 30px;
        line-height: 40px;
    }
    .video-mask-over-tip p{
        font-size: 16px;
    }
    .video-mask-over-join {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        font-size: 15px;
        line-height: 40px;
    }
    .txp_alert_content-join{
        font-size: 14px;
    }

    .slick-track{
        height: 0 !important;
        padding-bottom: 21% !important;
    }
    #modal-upload{
        top: -15% !important;
    }

    .package-continue{
        font-size: 16px;
        padding: 10px 110px;
        background: #ce1212;
        width: 100%;
        border-radius: 50px;
        color: white;
        text-decoration: none
    }

    .post-content-package {
        font-size: 24px;
        border:3px dotted #595959;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: left;
        display: flow-root;
        padding: 10px 25px;
        max-width: 350px;
        margin-left: 58%;
    }
    .package-price .package-price-span {
        font-size: 24px;
    }
    .package-for,.package-desc{
        font-size: 16px;
    }
    .post-item .gap-3{
        flex-wrap: unset;
    }
    .video-src-error-content{
        top: 40% !important;
    }
    #footer-sidebar-0 .widget-footer{
        padding-left: 50px;
    }

}

.video-mask-over-title{
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px;
    text-decoration: none;
}



.video-mask{
    position: absolute;
    background: #2c2c2c;
    width: 100%;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 9;
    cursor: pointer;
}
.video-mask-over{
    color: #fff;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.video-mask-over a{
    text-decoration: none;
}




.video-mask-over-tip span {
    font-weight: 400;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: none;
    margin-top: 15px;
}

.video-mask-over-tip p {
    margin-bottom: 0px;
    color: #b5b5b5;
}


.video-mask-over-join {
    background-color: #ce1212;
    color: rgb(255, 255, 255);
    padding: 0px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}


/** 视频弹窗 样式*/
/*video*/
.theme-popover{
    z-index:9999;
    position:fixed;
}

.txp_autohide .txp_alert_info {
    bottom: 10px;
}

.txp_alert_info {
    z-index: 6;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 8px;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

.txp_player *, .txp_player :after, .txp_player :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.txp_alert_info .txp_alert_num, .txp_alert_info .txp_alert_text {
    display: inline;
}

.txp_player *, .txp_player :after, .txp_player :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.txp_alert_content a{
    float: left;
    text-decoration: none;
}

.txp_alert_content-join{
    width: 150px;
    height: 30px;
    background-color: #ce1212;
    border-style: none;
    border-color: unset;
    color: rgb(255, 255, 255);
    border-radius: 30px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
}

.txp_alert_text{
    width: 100px;
    height: 20px;
    font-size: 14px;
    line-height: 30px;
    margin-left: 20px;
}

/*播放时长调整到右下角*/
.type-video .post-thumbnail .video-length{
    top: 80% !important;
}
/*右侧列表播放时长调整到右下角*/
#posts-widget-23 .type-video .post-thumbnail .video-length{
    top: 0.75rem !important;
}

/*标题与作者行间距调整*/
.post-meta__title{
    margin-bottom: 0.2rem !important;
}

/** 用户头像 */
.post-bottom .avatar-200{
    width: 40px !important;
    height: 40px !important;
    overflow: hidden;
}

.user-avatar-xl .avatar-200{
    /*width: 100% !important;*/
    /*height: 100% !important;*/
    width: 80px !important;
    height: 80px !important;
}


.profile-header__avatar .user-avatar img{
    width: 100%;
    height: 100%;
}

/** 支付弹窗 */




/** 底部 */



.container-footer{
    max-width: 100% !important;
    padding: 0 20px !important;
}

.social__facebook{
    text-align: center;
    background: white !important;
}

.social__facebook span{
    color: black;
}


/** 分享关闭按钮 */
.btn-close-share {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
    filter: invert(1) grayscale(100%) brightness(200%);
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
    cursor: pointer;
}

/** 轮播图 */
.slick-list {

}

.slick-slide,.slick-slide .post-thumbnail{

}



.elementor-widget:not(:last-child){
    margin-bottom: 0 !important;
}

.elementor-element-78183be .elementor-element-populated{
    height:calc(43/57*100%) !important;
    padding: 0 0 10px 0 !important;
}

.elementor-element-78183be .elementor-element-populated .post-thumbnail img{
    /*height:calc(43/57*100%) !important;*/
    height: unset !important;
}



.btn .spinner{
    margin-left: 0px !important;
    top: 50%;
    left: 50%;
}


.widget-title-wrap .widget-title{
    text-transform:none !important;
}


.video-js{
    position: unset !important;
}
.video-js .vjs-big-play-button{
    top: 50% !important;
    left: 48% !important;
}


.vjs-slider-vertical .vjs-volume-level:before{
    left: -0.45em !important;
}


.video-js .vjs-progress-holder .vjs-play-progress{
    background: rgb(255,204,0);
}



/** 解决h265全屏问题 */
.site-main-fullscreen{
    margin-top:0px !important;
    padding-left:0px !important;
    z-index: 99999;
}


.page-main-fullscreen{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-top:0 !important;
}

.mt-4-fullscreen{
    margin-top:0 !important;
}

.container-fluid-fullscreen,.col-xxl-9-fullscreen{
    padding-left:0 !important;
    padding-right:0 !important;
    width: 100% !important;
}

.play-container-fullscreen{
    position: fixed;
}


._mute-play-tip-container_98a9e{
    position: absolute !important;
    width: 150px !important;
    height: 32px !important;
    background: #23ade5 !important;
    border-radius: 4px;
    z-index: 40 !important;
    bottom: 40px !important;
    right: 10px !important;
    cursor: pointer;
    top: unset !important;
    left: unset !important;
}

._mute-play-tip-container_98a9e ._tip-img_98a9e{
    width: 18px;
    height: 18px;
    line-height: 28px;
    position: absolute;
    top: 6px;
    left: 11px;
    margin-right: 9px;
}

._mute-play-tip-container_98a9e ._tip-text_98a9e{
    position: absolute;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    top: 0;
    left: 41px;
    white-space: nowrap;
    margin: 0;
}




/** 视频音量图标 */
.video-volume-content{
    top: 47% !important;
    left: 47% !important;
    width: 84px !important;
    height: 32px !important;
    text-align: center;
    line-height: 32px;
    background: white !important;
    opacity: 0.6;
    border-radius: 5px;
    color: #000;
    position: absolute;
    display: none;
}

.video-volume-content .dashicons-controls-volumeon{
    line-height: 32px;
    font-size: 24px;
    float: left;
    margin-left: 15px;
}

.dashicons, .dashicons-before:before{
    font-family: dashicons !important;
}

.video-volume-content #volume-tip{
    float: left;
    margin-left: 10px;
}


#user-list-widget-1 .widget-title-wrap{
    display: block !important;
}

.shaka-resolution-button,.shaka-language-button{
    display: none !important;
}


.post-grid-overlay .post-bottom{
    position: unset !important;
}

/** 视频地址错误提示 */
.video-src-error-content{
    height: 32px !important;
    text-align: center;
    line-height: 32px;
    /*background: white !important;*/
    opacity: 0.6;
    border-radius: 5px;
    color: #ffffff;
    position: absolute;
    font-size: 16px;
}


.view-date-separate{
    opacity: 0.5;
}

/** 画中画 */
.video-picture-in-picture{
    left: unset !important;
    top: 75px !important;
    right: 100px !important;
    width: 426px !important;
    height: 240px !important;
    position: fixed !important;
    z-index: 999;
}

.menu-icon-wrap .menu-text{
    display: flex;
    align-items: center;
}
/** 左侧菜单 */
.float-nav .nav-item.current-menu-item > a {
    /*background: #f1f3f4 !important;*/
    /*color: #555 !important;*/
    font-weight: bold;
}


.float-nav .nav-item .nav-link:focus,
.float-nav .nav-item .nav-link:hover {
    background: #f1f3f4 !important;
    color: #555 !important;
}

html[data-theme=dark] .float-nav .nav-link:focus, html[data-theme=dark] .float-nav .nav-link:hover{
    color: #ddd !important;
    background: #333 !important;
}