/* ===========================
   TV LIVE - DESKTOP
=========================== */

.tv-header img{
    height:120px;
}

.tv-player iframe{
    width:100%;
    height:600px;
}


/* ===========================
   MOBILE
=========================== */

@media (max-width:768px){

.tv-header{

    text-align:center;

}

.tv-header img{

    height:80px;

    margin-bottom:15px;

}

.tv-title{

    font-size:30px;

}

.tv-tagline{

    font-size:15px;

}

.tv-clock{

    text-align:center!important;

    margin-top:15px;

}

.tv-player iframe{

    height:220px;

}

.card-body{

    padding:18px;

}

h2{

    font-size:24px;

}

}

/* ==================================================
   LIKUPANG TV V2
   ================================================== */

/* Container */

.tv-container{
    max-width:1200px;
    margin:auto;
}

/* Header */

.tv-header{

    background:#18479b;

    border-radius:12px 12px 0 0;

    padding:20px 30px;

}

/* Logo */

.tv-logo img{

    height:80px;

    width:auto;

}

/* Judul */

.tv-title h1{

    font-size:52px;

    font-weight:800;

    color:#fff;

    margin:0;

}

.tv-title p{

    color:#fff;

    margin-top:6px;

    font-size:26px;

}

/* Jam */

.tv-clock{

    color:#fff;

    font-size:34px;

    font-weight:bold;

}

/* Box Live */

.live-box{

    background:#fff;

    padding:24px;

    border-radius:0 0 12px 12px;

}

/* Badge */

.live-badge{

    display:inline-block;

    background:#1e88e5;

    color:#fff;

    font-weight:bold;

    padding:10px 26px;

    border-radius:50px;

    font-size:18px;

}

/* Judul berita */

.live-title{

    font-size:42px;

    font-weight:800;

    margin:20px 0;

}

/* Player */

.video-wrapper{

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.25);

}

.video-wrapper iframe{

    width:100%;

    aspect-ratio:16/9;

    height:auto;

    display:block;

}

/* Info */

.live-info{

    margin-top:25px;

    font-size:18px;

    color:#555;

}

/* ================================
   MOBILE
================================ */

@media(max-width:768px){

.tv-header{

    padding:18px;

    text-align:center;

}

.tv-logo img{

    height:58px;

    margin-bottom:10px;

}

.tv-title h1{

    font-size:30px;

}

.tv-title p{

    font-size:16px;

}

.tv-clock{

    margin-top:12px;

    font-size:20px;

}

.live-box{

    padding:15px;

}

.live-title{

    font-size:28px;

}

.live-badge{

    width:100%;

    text-align:center;

    font-size:16px;

}

.video-wrapper{

    margin-top:15px;

}

.live-info{

    font-size:15px;

}

}

/* ===========================
   TV LIVE - MOBILE
=========================== */

@media (max-width:768px){

    /* Header */

    .card-header .row{
        text-align:center;
    }

    .card-header img{
        max-height:70px !important;
        margin-bottom:10px;
    }

    .card-header h2{
        font-size:24px !important;
        margin-top:5px;
    }

    #jamLive{
        font-size:18px !important;
        margin-top:10px;
    }

    /* Judul Live */

    .mb-4 h2{
        font-size:22px !important;
        line-height:1.5;
    }

    /* Video */

    .ratio{
        border-radius:12px;
        overflow:hidden;
    }

    .ratio iframe{
        width:100%;
        height:100%;
    }

    /* Badge LIVE */

    .badge{
        font-size:14px !important;
        padding:10px 18px !important;
    }

    /* Deskripsi */

    .card-body{
        font-size:16px !important;
        line-height:1.8 !important;
    }

    /* Reporter */

    .col-md-4{
        margin-bottom:15px;
    }

    .col-md-4 .card-body{
        padding:25px 15px;
    }

    .col-md-4 i{
        font-size:42px !important;
    }

    .col-md-4 .fw-bold{
        font-size:18px;
    }

}