/* =============== Video details css=================== */

.epvideo-video-detail-section { width:100%; position:relative; padding:60px 0 60px 0;    background-color: #F4F4F4;}
.epvideo-video-detail-block { width:100%; display:block; margin:0 auto;}
.epvideo-video-detail-title { width:100%; display:block; padding:0 0 30px 0;}
.epvideo-video-detail-title h1 { font-size:36px; margin:0; padding:0;}
.epvideo-video-detail-title p { color:var(--light-contrast-70); margin:24px 0 0 0; padding:0;}
.epvideo-video-detail-title .metabox { width:100%; margin:10px 0 0 0;}
.epvideo-video-detail-title .metabox ul { display:flex; flex-wrap:wrap; margin:0; padding:0;}
.epvideo-video-detail-title .metabox ul li { width:auto; position:relative; font-size:14px; color:var(--light-contrast-40); line-height:1.2; list-style:none; margin:0 20px 0 0; padding:0 20px 0 0;}
.epvideo-video-detail-title .metabox ul li:after { content:""; width:1px; height:18px; background-color:var(--light-contrast-10); position:absolute; top:2px; right:0px; z-index:1;}
.epvideo-video-detail-title .metabox ul li:last-child { margin:0; padding:0;}
.epvideo-video-detail-title .metabox ul li:last-child:after { display:none;}
.epvideo-video-detail-title .metabox ul li a { color:var(--light-contrast-90);}
.epvideo-video-detail-image { width:100%; display:block; margin:0 0 30px 0;}
.epvideo-video-detail-image img { width:100%;}
.epvideo-video-detail-image video,
.epvideo-video-detail-image iframe { width:100%; height:100%; display:block; object-fit:cover; position:absolute; top:0px; left:0px;}
.epvideo-video-detail-image .ratio { width:100%; position:relative;}
.epvideo-video-detail-image .ratio:before { content:""; display:block; padding:44% 0 0 0;}
.epvideo-video-detail-image .fluid_video_wrapper { width:100% !important;  position:absolute; top:0px; left:0px;}
.epvideo-video-detail-text { width:100%; display:block;}
.epvideo-video-detail-text h2 { font-size:30px; margin:0 0 20px 0; padding:0;}
.epvideo-video-detail-text h3,
.epvideo-video-detail-text h4,
.epvideo-video-detail-text h5,
.epvideo-video-detail-text h6 { margin:0 0 20px 0; padding:0;}
.epvideo-video-detail-text p { margin:0 0 20px 0; padding:0;}
.epvideo-video-detail-text ul,
.epvideo-video-detail-text ol { margin:0 0 20px 0; padding:0 0 0 18px;}
.epvideo-video-detail-text ul li,
.epvideo-video-detail-text ol li { margin:0; padding:0;}
.epvideo-video-detail-text blockquote { background-color:var(--primary-light); border-left:2px solid var(--primary); margin:0 0 24px 0; padding:20px 20px;}
.epvideo-video-detail-text blockquote p { margin:0; padding:0;}
.epvideo-video-detail-text a { color:var(--primary);}
.epvideo-video-detail-text img { max-width:100%; height:auto !important; margin:5px 0 24px 0;}
.epvideo-video-detail-text .label_text { display:block; font-weight:600; line-height:1.2; margin:24px 0 0 0;}
.epvideo-video-detail-text .details_page_tags { width:100%; display:flex; flex-wrap:wrap; align-items:center; margin:12px 0 0 0; padding:0 0 10px 0;}
.epvideo-video-detail-text .details_page_tags a { width:auto; display:inline-flex; align-items:center; justify-content:center; font-family:inherit; font-size:14px; color:var(--primary); font-weight:500; line-height:1.2; background-color:transparent; border:1px solid var(--primary); border-radius:0px; box-shadow:none; outline:none; margin:0 16px 16px 0; padding:8px 14px;}
.epvideo-video-detail-text .details_page_tags a:hover { color:var(--white-text); background-color:var(--primary); border-color:var(--primary);}
.voa_videodetails_main .metabox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.epvideo_title_mainsection {
    margin-bottom: 10px;
}
.voa_videodetails_main .epvideo-video-detail-title .metabox ul li span img {
    width: 24px;
}

.voa_videodetails_main .metabox ul {
    width: 100%;
}

.epvideo-video-detail-title .metabox ul li span svg {
    height: 22px;
    margin-right: 5px;
}

.voa_videodetails_main .epvideo-video-detail-title  .metabox ul li:after {
    background-color: #ccc;
}

.voa_videodetails_main  .epvideo-video-detail-title {
    padding-bottom: 20px;
}

.voa_videodetails_main .epvideo-video-detail-image video {
    border-radius: 20px;
}

.share_videoepisode_links ul {
    list-style: none;
    padding: 0px;
    display: flex;
    gap: 10px;
}

.share_videoepisode_links ul li a {
    border: 1px solid #6C6C6C;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share_videoepisode_links ul li a img {
    width: 18px;
}

.share_videoepisode_links h4 {
    color: #6E6E6E;
    font-size: 16px;
}

.share_videoepisode_links {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.topboxdetails_main {
    background-color: rgb(0 0 0 / 16%);
    padding: 4px 10px;
    font-size: 10px;
    color: #4D4D4D;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
}

.dateandepisode_main {
    gap: 10px;
    margin-bottom: 10px;
}

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

    .epvideo-video-detail-section { padding:40px 0 40px 0;}
    .epvideo-video-detail-title h1 { font-size:32px;}
    .epvideo-video-detail-title p { margin:16px 0 0 0;}
    .epvideo-video-detail-title .metabox { margin:16px 0 0 0;}
    .epvideo-video-detail-image { margin:0 0 30px 0;}

}

@media (min-width: 768px) and (max-width:991px) {

    .epvideo-video-detail-section { padding:40px 0 40px 0;}
    .epvideo-video-detail-title h1 { font-size:30px;}
    .epvideo-video-detail-title p { margin:16px 0 0 0;}
    .epvideo-video-detail-title .metabox { margin:16px 0 0 0;}
    .epvideo-video-detail-image { margin:0 0 30px 0;}

}

@media (max-width:767px) {

    .epvideo-video-detail-section { padding:30px 0 30px 0;}
    .epvideo-video-detail-title h1 { font-size:28px;}
    .epvideo-video-detail-title p { margin:16px 0 0 0;}
    .epvideo-video-detail-title .metabox { margin:16px 0 0 0;}
    .epvideo-video-detail-image { margin:0 0 30px 0;}
    .epvideo-video-detail-text h2 { font-size:26px;}
    

    .voa_videodetails_main .epvideo-video-detail-image video {
    height: auto;
    position: relative;

    .share_videoepisode_links {
    justify-content: space-around;
    align-items: start;
}

}

.epvideo-video-detail-image .ratio:before {
    display: none;
}

.epvideo-video-detail-image .fluid_video_wrapper {
    height: auto !important;
    position: relative;
}

.epvideo-video-detail-title .metabox {
    flex-wrap: wrap;
    gap: 10px;
}

}
/* Default-style end*/

/* Globle-style Start*/

/* =============== Video details css=================== */
.epvideo-video-detail-section { width:100%; position:relative; padding:60px 0 60px 0;    background-color: #F4F4F4;}
.epvideo-video-detail-block { width:100%; display:block; margin:0 auto;}
.epvideo-video-detail-title { width:100%; display:block; padding:0 0 30px 0;}
.epvideo-video-detail-title h1 { font-size:var(--heading-size-h1); margin:0; padding:0; font-family: var(--heading-font-h1);}
.epvideo-video-detail-title p { color:var(--light-contrast-70); margin:24px 0 0 0; padding:0; font-family: var(--paragraph-font);}
.epvideo-video-detail-title .metabox { width:100%; margin:10px 0 0 0;}
.epvideo-video-detail-title .metabox ul { display:flex; flex-wrap:wrap; margin:0; padding:0;}
.epvideo-video-detail-title .metabox ul li { width:auto; position:relative; font-size:14px; color:var(--light-contrast-40); line-height:1.2; list-style:none; margin:0 20px 0 0; padding:0 20px 0 0; font-family: var(--body-font);}
.epvideo-video-detail-title .metabox ul li:after { content:""; width:1px; height:18px; background-color:var(--light-contrast-10); position:absolute; top:2px; right:0px; z-index:1;}
.epvideo-video-detail-title .metabox ul li:last-child { margin:0; padding:0;}
.epvideo-video-detail-title .metabox ul li:last-child:after { display:none;}
.epvideo-video-detail-title .metabox ul li a { color:var(--light-contrast-90);}
.epvideo-video-detail-image { width:100%; display:block; margin:0 0 30px 0;}
.epvideo-video-detail-image img { width:100%;}
.epvideo-video-detail-image video,
.epvideo-video-detail-image iframe { width:100%; height:100%; display:block; object-fit:cover; position:absolute; top:0px; left:0px;}
.epvideo-video-detail-image .ratio { width:100%; position:relative;}
.epvideo-video-detail-image .ratio:before { content:""; display:block; padding:44% 0 0 0;}
.epvideo-video-detail-image .fluid_video_wrapper { width:100% !important;  position:absolute; top:0px; left:0px;}
.epvideo-video-detail-text { width:100%; display:block;}
.epvideo-video-detail-text h2 { font-size:30px; margin:0 0 20px 0; padding:0;}
.epvideo-video-detail-text h3,
.epvideo-video-detail-text h4,
.epvideo-video-detail-text h5,
.epvideo-video-detail-text h6 { margin:0 0 20px 0; padding:0;}
.epvideo-video-detail-text { font-family: var(--body-font) }
.epvideo-video-detail-text h1 { font-family: var(--heading-font-h1);}
.epvideo-video-detail-text h2 { font-family: var(--heading-font-h2);}
.epvideo-video-detail-text h3 { font-family: var(--heading-font-h3);}
.epvideo-video-detail-text h4 { font-family: var(--heading-font-h4);}
.epvideo-video-detail-text h5 { font-family: var(--heading-font-h5);}
.epvideo-video-detail-text h6 { font-family: var(--heading-font-h6);}
.epvideo-video-detail-text p { margin:0 0 20px 0; padding:0; font-family: var(--paragraph-font);}
.epvideo-video-detail-text ul,
.epvideo-video-detail-text ol { margin:0 0 20px 0; padding:0 0 0 18px;}
.epvideo-video-detail-text ul li,
.epvideo-video-detail-text ol li { margin:0; padding:0;}
.epvideo-video-detail-text blockquote { background-color:var(--primary-light); border-left:2px solid var(--primary); margin:0 0 24px 0; padding:20px 20px;}
.epvideo-video-detail-text blockquote p { margin:0; padding:0;}
.epvideo-video-detail-text a { color:var(--primary);}
.epvideo-video-detail-text img { max-width:100%; height:auto !important; margin:5px 0 24px 0;}
.epvideo-video-detail-text .label_text { display:block; font-weight:600; line-height:1.2; margin:24px 0 0 0;}
.epvideo-video-detail-text .details_page_tags { width:100%; display:flex; flex-wrap:wrap; align-items:center; margin:12px 0 0 0; padding:0 0 10px 0;}
.epvideo-video-detail-text .details_page_tags a { width:auto; display:inline-flex; align-items:center; justify-content:center; font-family:inherit; font-size:14px; color:var(--primary); font-weight:500; line-height:1.2; background-color:transparent; border:1px solid var(--primary); border-radius:0px; box-shadow:none; outline:none; margin:0 16px 16px 0; padding:8px 14px;}
.epvideo-video-detail-text .details_page_tags a:hover { color:var(--white-text); background-color:var(--primary); border-color:var(--primary);}
.voa_videodetails_main .metabox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.epvideo_title_mainsection {
    margin-bottom: 10px;
}
.voa_videodetails_main .epvideo-video-detail-title .metabox ul li span img {
    width: 24px;
}

.voa_videodetails_main .metabox ul {
    width: 100%;
}

.epvideo-video-detail-title .metabox ul li span svg {
    height: 22px;
    margin-right: 5px;
}

.voa_videodetails_main .epvideo-video-detail-title  .metabox ul li:after {
    background-color: #ccc;
}

.voa_videodetails_main  .epvideo-video-detail-title {
    padding-bottom: 20px;
}

.voa_videodetails_main .epvideo-video-detail-image video {
    border-radius: 20px;
}

.share_videoepisode_links ul {
    list-style: none;
    padding: 0px;
    display: flex;
    gap: 10px;
}

.share_videoepisode_links ul li a {
    border: 1px solid #6C6C6C;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share_videoepisode_links ul li a img {
    width: 18px;
}

.share_videoepisode_links h4 {
    color: var(--light-contrast-70);
    font-size: 16px;
    font-family: var(--heading-font-h4);
}

.share_videoepisode_links {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.topboxdetails_main {
    background-color: rgb(0 0 0 / 16%);
    padding: 4px 10px;
    font-size: 10px;
    color: #4D4D4D;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--body-font);
}

.dateandepisode_main {
    gap: 10px;
    margin-bottom: 10px;
}

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

    .epvideo-video-detail-section { padding:40px 0 40px 0;}
    .epvideo-video-detail-title h1 { font-size:32px;}
    .epvideo-video-detail-title p { margin:16px 0 0 0;}
    .epvideo-video-detail-title .metabox { margin:16px 0 0 0;}
    .epvideo-video-detail-image { margin:0 0 30px 0;}

}

@media (min-width: 768px) and (max-width:991px) {

    .epvideo-video-detail-section { padding:40px 0 40px 0;}
    .epvideo-video-detail-title h1 { font-size:30px;}
    .epvideo-video-detail-title p { margin:16px 0 0 0;}
    .epvideo-video-detail-title .metabox { margin:16px 0 0 0;}
    .epvideo-video-detail-image { margin:0 0 30px 0;}

}

@media (max-width:767px) {

    .epvideo-video-detail-section { padding:30px 0 30px 0;}
    .epvideo-video-detail-title h1 { font-size:28px;}
    .epvideo-video-detail-title p { margin:16px 0 0 0;}
    .epvideo-video-detail-title .metabox { margin:16px 0 0 0;}
    .epvideo-video-detail-image { margin:0 0 30px 0;}
    .epvideo-video-detail-text h2 { font-size:26px;}
    

    .voa_videodetails_main .epvideo-video-detail-image video {
    height: auto;
    position: relative;

    .share_videoepisode_links {
    justify-content: space-around;
    align-items: start;
}

}

.epvideo-video-detail-image .ratio:before {
    display: none;
}

.epvideo-video-detail-image .fluid_video_wrapper {
    height: auto !important;
    position: relative;
}

.epvideo-video-detail-title .metabox {
    flex-wrap: wrap;
    gap: 10px;
}

}
/* Globle-style End*/