/*
Theme Name: Dagac1
Description: Theme WP 
Author: xerodev
URL : https://t.me/@xero
Version: 1.0
*/



body {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    background: #dddddd;
    line-height: 1.6;
    font-family: 'Helvetica', 'Arial', sans-serif;
    background-image: var(--wpr-bg-d3d5fb7a-6086-4474-b188-4e09825f1225);
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
}
body::before {
    content: "";
    background: #000000b3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
* {
        -webkit-transition: background .25s;
        -moz-transition: background .25s;
        -ms-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s;
        box-sizing: border-box;
        font-family: 'Be Vietnam Pro', sans-serif;
}
#main {
        margin-top: 20px;
}


b, strong {
    font-weight: 700;
    
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-x: hidden;
    }

b, strong {
	font-weight: bold; 
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    -webkit-backface-visibility: hidden;
    	color: #CDDC39;
   	 font-weight: bold;
    }

img {
    max-width: 100%;
    height: auto;
    }

iframe,
embed,
object,
video, .wp-caption {
    max-width: 100%;
    }
a, a:visited {
    text-decoration: none;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
    color: yellow;
    }

a:hover {
    text-decoration: none;
    }

a:active,
a:focus {
    outline: none;
    }

.container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

p {
    margin-bottom: 10px;
}
.entry-content, .single-post {
    line-height: 1.6;
}
.w-content ul li {
    list-style: inside;
    margin-bottom: 15px;
    margin-left: 1.5em;
}
/* Header */ 

#header {
    background: #241626;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    /* position: fixed; */
    /* left: 0; */
    /* top: 0; */
    /* -webkit-transform: translate3d(0,0,0); */
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    /* width: 100%; */
    /* z-index: 9000; */
}
body.home.blog.logged-in.admin-bar.wp-custom-logo.customize-support #header {
    top: 32px;
}
h1, h2, h3, h4, h5, h6, button, input, select {
  margin: 0;
  padding: 0;
  font-size: inherit;
  border: none;
  outline: none;
  background: none;
  font-family: inherit;
}

html {
  font-size: 16px; 
  line-height: 1.5;
}

h1 { font-size: 2rem; }  /* 32px */
h2 { font-size: 1.75rem; } /* 28px */
h3 { font-size: 1.5rem; }  /* 24px */
h4 { font-size: 1.25rem; } /* 20px */
h5 { font-size: 1.125rem; } /* 18px */
h6 { font-size: 1rem; }    /* 16px */

button {
  cursor: pointer;
  display: inline-block;
  background: transparent;
  font-size: 1rem;
}

input, select {
  display: inline-block;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
}

input:focus, select:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}

.header-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
        border-bottom: 1px solid rgba(0,0,0,0.2);
}
#top-nav-right span {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    margin-right: 10px;
    padding: 20px 0;
    text-transform: uppercase;
    color: #ffffff;
}
#top-nav-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#top-nav-right a span, #top-nav-right a i {
    font-size: 20px;
    line-height: 1;
    padding: 15px 8px;
}
#social-header a i {
    color: #333;
}
.header-search-icon {
    font-size: 20px !important;
    cursor: pointer;
    color: #333;
}


#primary-menu ul li.menu-item-has-children a {
    padding: 14px 18px 14px 12px;
}
#primary-menu ul li a {
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 14px 12px;
    position: relative;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Be Vietnam Pro', sans-serif;
    border-bottom: 1px solid transparent;
}
.btn-flyout-menu {
    cursor: pointer;
    width: 30px;
    height: 44px;
    position: relative;
}
.btn-flyout-menu.active span:nth-child(4) {
    width: 0px;
}
.btn-flyout-menu.active span:nth-child(1) {
    top: 18.5px;
}
.btn-flyout-menu.active span:nth-child(2), .btn-flyout-menu.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
}
.btn-flyout-menu.active span:nth-child(3), .btn-flyout-menu.active span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 30px;
    top: 20px;
    left: 0;
}

.header-bottom-wrapper {
    display: flex;
    flex-wrap: wrap;
}
div#primary-menu {
    margin-left: 40px;
    flex: 1;
}
.btn-flyout-menu span:nth-child(1) {
    top: 12.5px;
    width: 30px;
    }

.btn-flyout-menu span:nth-child(2),
.btn-flyout-menu span:nth-child(3) {
    top: 20.5px;
    width: 24px;
    }

.btn-flyout-menu span:nth-child(4) {
    top: 28.5px;
    width: 18px;
    }

.btn-flyout-menu  span{
    display: block;
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    height: 3px;
    background: #91bb40;
}


#primary-menu .mega_wrapper {
    background: #fff;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(-999px);
    -moz-transform: translateY(-999px);
    -ms-transform: translateY(-999px);
    -o-transform: translateY(-999px);
    transform: translateY(-999px);
    width: 100%;
    z-index: -4000;

}
#primary-menu .mega_wrapper, #primary-menu .sub-menu {
        -webkit-transition: -webkit-transform 0.25s ease;
    -moz-transition: -moz-transform 0.25s ease;
    -ms-transition: -ms-transform 0.25s ease;
    -o-transition: -o-transform 0.25s ease;
    transition: transform 0.25s ease;
}
.mega_wrapper .item_list {
    display: flex;
    flex-wrap: wrap;
}
.mega_wrapper .item_list li {
    overflow: hidden;
    width: 18.66666666666%;
    margin: 0;
    padding: 0;
}
#primary-menu li.mega-column:hover .mega_wrapper {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.mega_wrapper .item_list li .post-item {
    padding: 10px 5px;
}
#primary-menu ul li.mega-column {
    position: static;
}
.mega_wrapper .item_list li a {
    color: #fe074e;
}
.mega_wrapper .item_list li .post-item a {
    padding: 5px 0 !important;
}
#primary-menu ul li {
    position: relative;
    display: inline-block;
}

.sub-menu {
    background: #fff;
    -webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
    position: absolute;
    top: 44px;
    left: 0;
    max-width: 200px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(-999px);
    -moz-transform: translateY(-999px);
    -ms-transform: translateY(-999px);
    -o-transform: translateY(-999px);
    transform: translateY(-999px);
    width: auto;
    z-index: -1;
    min-width: 160px;
}
#primary-menu ul li:hover > ul.sub-menu {
    overflow: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#primary-menu ul li.menu-item-has-children > a:after {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    content: '';
    position: absolute;
    top: 21px;
    right: 10px;
        border-color: #333333 transparent transparent transparent;
}
#primary-menu ul li ul.sub-menu ul.sub-menu li:hover ul, #primary-menu ul li ul.sub-menu li:hover ul {
    display: block;
}
#primary-menu ul li ul li:hover ul {
    left: 100%;
    top: 0;
}
#primary-menu>ul>li:hover>a {
    border-bottom: 1px solid #CDDC39;
}
.sub-menu li a {
        background: #fff;
        border-top: 1px solid rgba(0,0,0,.1);
        border-bottom: none;
        color: #444 !important;
        float: none !important;
        font-size: 13px !important;
        line-height: 1.15;
        padding: 12px 20px !important;
        text-transform: uppercase;
        width: 160px;
        display: block;
}
.sub-menu li a:hover {
    background: rgba(0,0,0,.1);
    border-bottom: none;
    padding: 12px 20px;
}
.mobile-menu .sub-menu {
    display: none;
}
.overlay {
    display: none;
}
.overlay.active {
    display: block;
    background: #222;
    cursor: pointer;
    opacity: .7;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
.header-mobile {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(-370px,0,0);
    -moz-transform: translate3d(-370px,0,0);
    -ms-transform: translate3d(-370px,0,0);
    -o-transform: translate3d(-370px,0,0);
    transform: translate3d(-370px,0,0);
    width: 370px;
    height: 100%;
    z-index: 999999;
    background: #000000;
    -webkit-transition: -webkit-transform 0.25s ease;
    -moz-transition: -moz-transform 0.25s ease;
    -ms-transition: -ms-transform 0.25s ease;
    -o-transition: -o-transform 0.25s ease;
    transition: transform 0.25s ease;
}
.mobile-menu ul li a {
    border-top: 1px solid rgb(195 195 195 / 10%);
    cursor: pointer;
    position: relative;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1;
    padding: 14px 0;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
    user-select: none;
}

.mobile-menu {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 20px 5.40540540541% 0;
    overflow: hidden;
    width: 89.1891891892%;
}
.header-mobile .logo {
    margin: 0 6.45161290323%;
    text-align: center;
    width: 87.0967741935%;
}
.header-mobile .close-mb {
    position: absolute;
    right: 15px;
    top: 0;
}
.header-mobile.active {
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    -o-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;

}
.mobile-menu ul li.menu-item-has-children:after {
    content: '+';
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.mobile-menu .sub-menu.active {
    display: block;
    position: relative;
    opacity: 1;
        -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    -o-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
}
.mobile-menu ul li.toggled ul, .tog-minus ul {
    display: block;
        -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    -o-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
}
.mobile-menu .sub-menu {
    position: relative;
    top: unset;
    left: unset;
    max-width: 100%;
    box-shadow: none;
    z-index: 1;
    margin-left: 15px;
}
.mobile-menu ul li.toggled:after {
    content: '_';
    right: 4px;
    top: -15px;
}
.mobile-menu>ul>li {
    position: relative;
}
.mobile-menu ul.sub-menu li.toggled:after {
    display: none;
}
.social-mb {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

.social-mb a {
    background: #333;
    border-radius: 99px;
    line-height: 1;
    margin-left: 2px;
    padding-top: 10px;
    text-align: center;
    width: 32px;
    height: 32px;
    color: #fff;
}
.mobile-menu ul li.menu-item-has-children ul li:after {
    display: none;
}
.search-lightbox {
        -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(255,255,255,.94);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    width: 100%;
    height: 100%;
    z-index: 999999;
}
.search-lightbox form {
    margin: -60px 0 0 -300px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
}
#searchform input {
    background: none;
    border: 0;
    border-bottom: 1px solid #444;
    color: #444;
    float: left;
    font-size: 70px;
    font-weight: 400;
    line-height: 100%;
    padding: 20px 0;
    width: 100%;
    height: 70px;
    outline: 0;

}
.close-search {
    position: absolute;
    top: 60px;
    right: 80px;
    width: 60px;
    height: 44px;
    cursor: pointer;
}
.close-search span:nth-child(1), .close-search span:nth-child(2) {
    width: 60px;
}
.close-search span:nth-child(2), .close-search span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    display: block;
    height: 2px;
}
.close-search span {
    background: #333;
    top: 24px;
}

.close-search span:nth-child(3), .close-search span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 30px;
}
.active {
            -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    -o-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    opacity: 1;
}
@media only screen and (max-width: 990px) {
    span.mvp-nav-soc-head, div#social-header, .header-bottom{
    display: none;
}
.header-main-wrapper {
    border: none;
}

}

@media only screen and (min-width: 990px) {
    .menu-btn-mobi {
        display: none;
    }

}
.footer-menu {
        border-top: 1px solid #383535;
        padding: 20px 0 10px;
        width: 100%;
}
.footer-menu ul li {
    display: inline-block;
    margin: 0 0 10px 15px;
}
.footer-menu ul li a {
    color: #ffffff;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1;
}
.text-center {
    text-align: center;
}
.footer-menu {
    text-align: center;
}
.padding {
    background: #241626;
    padding: 30px 2.5%;
}
.blog-template-2 .post-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.blog-template-2 .post-wrapper .article {
    width: calc(100%/4 - 12px);
}
.post-item h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    width: 100%;
    margin-bottom: 10px;
}
.post-image, .image-cover  {
    position: relative;
    padding-top: 56%;
}
.post-image a img, .blog-list .image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.post-item .post-text p {
    color: #ddd;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 7px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.post-item  .posted-by a {
    color: #fe074e;
    font-weight: bold;
}
.post-item .post-meta {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #888;
        font-size: 12px;

}
.post-item .post-meta ul.post-categories a {
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 5px;
    font-family: 'Be Vietnam Pro', sans-serif;
}
.heading-title {
    border-bottom: 1px solid #383838;
    display: flex;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    justify-content: space-between;
}
.heading-title .heading {
    color: #CDDC39;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    bottom: -1px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #CDDC39;
    margin: 0;
}
.heading-title .readmore, .heading-title .readmore a {
    color: #fe074e;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.layout-sidebar {
    display: flex;
    flex-wrap: wrap;
    background: #241626;
}
.sidebar-wrapper {
    width: 330px;
}
.layout-sidebar .left {
    width: calc(100% - 380px);
}
.layout-sidebar .sidebar-wrapper {
    width: 330px;
    flex: 1;
    margin-left: 50px;
}
.blog-list {
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.blog-list .image {
        line-height: 0;
        width: 35%;
}
.blog-list .post-text {
    width: 65%;
    flex: 1;
}
.blog-list h4 {font-size: 20px;}
.blog-list:first-child {
    border-top: 0;
}
.bg-white {
    background: #fff;
}
.post-featured {
    width: 50%;
    height: 243px;
    position: relative;
}
.post-featured:first-child {
    width: 100%;
    height: 437px;
}
.home-featured {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}
.home-featured .post-featured {
    width: 50%;

}
.home-featured .post-featured {
    position: relative;
    overflow: hidden;
}
.home-featured .post-featured:first-child {
    width: 100%;
}
.post-featured .post-text{
    padding: 30px 10% 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.post-featured h4 {
    color: #fff;
    float: left;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    position: relative;
    width: 100%;
    font-size: 3.4rem;
}
.post-featured .post-text:before {
background-image: -moz-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
    background-image: -ms-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
    background-image: -o-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
    background-image: -webkit-linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(17,17,17,0)), to(rgba(17,17,17,1)));
    background-image: linear-gradient(to bottom,rgba(17,17,17,0) 0, rgba(17,17,17,0.7) 50%, rgba(17,17,17,1) 100%);
    content: '';
    display: block;
    opacity: .9;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.post-featured .post-meta ul.post-categories a {
    color: #fff;
    display: inline-block;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 20px;
    text-transform: uppercase;
    background: #fe074e;
    position: relative;
}
.post-featured .post-meta {
    display: block;
}
.post-featured:first-child {
    text-align: center;
}
.post-featured .post-text p {
    color: #fff;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 5px;
    position: relative;
    width: 100%;
        -webkit-line-clamp: 2;

}
.post-featured h4 {
        display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
            font-size: 1.4rem;

}
.post-featured:not(:first-child) p {
    display: none;
}
.post-featured:first-child .post-text h4 {
    font-size: 3.4rem;
    
}
.post-featured {
    text-align: left;
}
.post-featured:hover .post-text:before{
    opacity: 1;
}
section {
    margin-bottom: 20px;
}

.footer-social a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #888 !important;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    line-height: 36px;
}
.footer-social {
    margin-bottom: 30px;
}
.copyright-footer {
    margin: 20px 0;
    width: 100%;
}
.copyright-footer, .copyright-footer a {
    color: #CDDC39;
    font-size: 14px;
}
    .tab {
      display: none;
    }

    .tab.active {
      display: block;
    }

    .tab-header {
      display: flex;
      padding-bottom: 0;
      margin-bottom: 15px;
      width: 100%;
    }

    .tab-header button {
      border: none;
      cursor: pointer;
      font-weight: 700;
      padding: 12px 15px;
      font-family: 'Be Vietnam Pro', sans-serif;
      font-size: 14px;
      color: #fff;
      background: #1c0808;
      white-space: nowrap;
    }

    .tab-header button.active {
      background: #fff;
      color: #222;
    }
.sidebar-list .image {
    line-height: 0;
    margin-right: 0;
    width: 80px;
}
.sidebar-list .image-cover {
    padding-top: 75%;
}
.sidebar-list .blog-list .post-text {
    width: calc(100% - 100px);
}

.sidebar-list .blog-list .post-text h4 {
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    font-size: 14px;
}
.sidebar-list .image-cover:after {
        content: '';
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
}
.sidebar-list .blog-list {
    border: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-template-1 .sidebar-wrapper {
    margin: 30px 30px 0;
}
.sidebar-sticky {
    position: sticky;
    top: 120px;
}
ul.share-item-list li {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    padding-top: 11px;
    position: relative;
    text-align: center;
    width: 42px;
    height: 42px;
    display: block;
}

ul.share-item-list li.share-item-fb {
    background: #3b5998;
    }

ul.share-item-list li.share-item-twit {
    background: #55acee;
    }

ul.share-item-list li.share-item-pin {
    background: #bd081c;
    }

ul.share-item-list li.share-item-email {
    background: #bbb;
    }

ul.share-item-list li.share-item-com {
    background: #fff;
    border: 2px solid #bbb;
    color: #bbb;
    padding-top: 9px;
    width: 38px;
    height: 29px;
    }
    .page-title {
            font-size: 3.1rem;
    margin-bottom: 30px;
    text-align: center;
    }



    .share-item-list {
    position: sticky;
    top: 160px;
}
.entry-content .sidebar-wrapper {
    margin-left: 30px;
}

.entry-title {
    font-weight: bold;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px;
}
.entry-header .post-categories a {
    color: #fff;
    display: inline;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    padding: 5px 20px;
    text-transform: uppercase;
    background: #fe074e;
}
.entry-header .post-meta {
    display: flex;
    align-items: center;
    color: #888;
    margin-bottom: 30px;
    padding: 0 15px;
}
.author-single img {
    border-radius: 99px;
}
.author-single {
    display: flex;
    align-items: center;
    gap: 5px;
}
.author-single a {
    color: yellow;
    font-weight: bold;
}
.author-single {

    margin-right: 15px;
}
.post_tags a {
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #999 !important;
    display: inline-block;
    font-weight: 600;
    margin: 0 5px 5px 0;
    padding: 3px 10px 4px;
}
span.tags-title {
    background: #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    padding: 4px 10px 5px;
    margin-right: 5px;
}
.post_tags {
    margin-top: 30px;
    margin-bottom: 30px;
}
.author-avatar img {
    border-radius: 50%;
    line-height: 0;
    margin-right: 20px;
    width: 120px;
    height: 120px;
}
.author-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.author-name {
   font-weight: bold;
   color: #444;
   
}
.author-social a {
    color: #bbb;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin-right: 5px;
    border-radius: 4px;
}
.author-desc {
    color: #888;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    width: 100%;
    font-size: 14px;
}
.author-box {
    margin-bottom: 30px;
}
h1.archive-title.text-center {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px;
}
.load-more-button {
        background: #241626;
        border: 1px solid #ffffff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        font-size: .8rem;
        font-weight: 600;
        letter-spacing: .02em;
        line-height: 1;
        margin-top: 20px;
        padding: 15px 0;
        text-align: center;
        text-transform: uppercase;
        width: 99.4%;
        cursor: pointer;
}
.author-box-archive img {
}
.author-box-archive .author-meta-details {
    flex: 1;
}
.author-box-archive  .author-social {
    margin-top: 10px;
}
.author-box-archive  .author-social a {
    background: #555;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    padding-top: 11px;
    text-align: center;
    width: 40px;
    height: 40px;
}
.author-box-archive .author-name {
        color: #555;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 15px;
        width: 100%;
}
.author-box-archive .author-desc {
        color: #888;
        font-weight: 400;
        line-height: 150%;
        width: 100%;
}
.hide-pc {
    display: none;
}
.mega_wrapper .post-item .post-image img {
    position: relative;
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.mega_wrapper .post-item .post-image {
    padding-top: 0;
}
.admin-bar #header {
    top: 32px;
}
.site-footer {
    background: #241626;
}
.logo {
    max-width: 200px;
}
.ft-logo {
	max-width: 200px;
	padding: 15px; 
	margin: 0 auto; 
}
.live-wrapper {
    position: relative;
    padding-top: 56%;
}
.live-wrapper #live, #replay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wr {
    display: flex
;  
	flex-wrap: wrap; 
    gap: 5px;
}
.btn-cuoc .btn-item a {
    background: linear-gradient(45deg, #FF9800, #115602);
    position: relative;
    overflow: hidden;
    padding: 8px 15px;
    color: #fff;
    border-radius: 4px;
}

.btn-cuoc .btn-item a::after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    width: 50px;
    z-index: 1;
    animation: btn 3000ms infinite cubic-bezier(0.19, 1, 0.22, 1);
}
.flex {
	display: flex; 
}
.space-beetween {
	justify-content: space-between; 
}
@keyframes btn {
    0% {
        left: -75px;
    }
	50% {
		        left: 120%;

	}

    100% {
        left: -75px;
    }
}
.button {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;

  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;

}
.btn-dg {
  border-color: #f1c40f;
  color: #fff;
  background-image: linear-gradient(45deg, #f1c40f 50%, #83737300 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  margin: 5px;
  padding: 5px 15px;
  border-radius: 4px;
  background-color: #333;
}
.btn-dg:hover, .btn-dg.active {
  background-position: 0;

 }
.blog-template-2 .post-wrapper .article .post-text {
    background: #241626;
    padding: 15px;
    text-align: center;
}
.cat-desc {
	margin: 30px 0; 
}
.live-wrapper .view-count {
    position: absolute;
    z-index: 2324;
    top: 0;
    background: #f00;
    padding: 0 15px;
    font-weight: bold;
    border-radius: 5px;
    right: 0;
}
.flex {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 15px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.flex-video .video {
    width: calc(25% - 15px);
}
.flex-video .post-text {
    text-align: center;
    padding-top: 15px;
}
.flex .w-content {
    flex: 1;
}
.flex-post {
    display: flex;
    gap: 15px
}
@media only screen and (max-width: 990px) {
    .wp-caption {
        width: 100% !important;
    }
    .flex-video .video  {
        width: 100%;
        margin-bottom: 15px;
        max-width: 100%;
    }
    .flex, .flex-post {
        flex-direction: column;
    }
    .layout-sidebar, .layout-sidebar .left, .entry-content {
    display: block;
    width: 100%;
}
.blog-template-2 .post-wrapper .article {
    width: 100%;
}
.blog-template-2 .post-wrapper .article .post-item {
    display: flex;
    background: #241626;
}
.blog-template-2 .post-wrapper .article {
    width: 100%;
    display: flex;
}
.blog-template-1 .sidebar-wrapper, .layout-sidebar .sidebar-wrapper {
    margin: 0;
    width: 100%;
    margin-top: 30px;
}
.blog-template-2 .post-wrapper .article .post-image, .blog-list .image {
    width: 35%;
}

.blog-template-2 .post-wrapper .article .post-text, .blog-list .post-text, .sidebar-list .blog-list .post-text {margin-top: 0;width: 65%;flex: 1;}
.blog-template-2 .post-wrapper .article .posted-by, .blog-template-2 .post-wrapper .article p, .blog-list .post-text p , .blog-list .post-text .posted-by {
    display: none;
}
.blog-template-2 .post-wrapper .article .post-image {
    padding-top: 0;
}
.blog-list h4 {
    font-size: 1.15rem;
}
.blog-list  .image-cover {
    position: relative;
    padding-top: 56%;
}
.home-featured .post-featured {
    width: 100%;
}
.post-featured:first-child .post-text h4, .post-featured .post-text h4 {
    font-size: 1.3rem;
}
.post-featured .post-text {

    padding: 50px 4.1666666666% 15px;
    text-align: left;
}
.post-featured {
    height: auto !important;
}
#main {
        margin-top: 20px;
}
.hide-pc {
    display: block;
}
.single-post .entry-header .post-categories, .single-post .entry-header h1 {
    display: none;
}

.share-post .share-item-list {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    padding: 0 15px;
}
ul.share-item-list li {
    width: 34px;
    height: 34px;
    font-size: 16px;
    vertical-align: middle;
}
.entry-content .sidebar-wrapper {
    width: 100%;
    margin: 0;
}
section.blog-template-1 .container {
}
.search-lightbox form {

    margin: -40px 0 0 -150px;
    top: 50%;
    width: 300px;
}
#searchform input {
    font-size: 30px;
    line-height: 1;
}
.close-search {
    top: 30px;
    right: 0;
}

.entry-header .post-date {
    font-size: 12px;
}
	.entry-content .w-content {
    flex: 1;
    margin: 0;
}
.flex-video {
    flex-direction: column;
}
}

/* CSS cho lịch đá gà */
.calendar {
    max-width: 1200px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    padding: 10px;
    background: #1a1a1a;
    border-radius: 8px;
}

.day {
    background: #2d2d2d;
    border-radius: 5px;
    padding: 10px;
    color: #ffffff;
    transition: all 0.3s ease;
}

.day.today {
    border: 2px solid #00b894;
    background: #3d3d3d;
}

.day.empty-day {
    opacity: 0.6;
}

.day-header {
    padding: 8px;
    background: #404040;
    border-radius: 3px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 1.1em;
}

.day-header span {
    color: #b2bec3;
    font-size: 0.9em;
    font-weight: normal;
}

.event {
    background: #353535;
    padding: 8px;
    margin: 5px 0;
    border-radius: 3px;
    border-left: 3px solid #6e9b32;
    display: flex;
    justify-content: space-between;
}

.arena {
    color: #dfe6e9;
    font-size: 0.95em;
    margin-bottom: 3px;
}

.time {
    color: #00b894;
    font-size: 0.9em;
    font-weight: bold;
}
.top-banner.grid {
    display: grid
;
    gap: 10px;
    padding: 10px 0;
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.author-meta-details {
    flex: 1;
}
/* Responsive cho mobile */
@media (max-width: 768px) {
	.player-btn {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
	.player-btn .wr {
		width: 100% !important;
	}
	.player-btn .btn-item a {
    margin-top: 15px;
    display: block;
		width: 90%; 
		margin: 0 auto; 
}
	.r-btn {
    display: flex
;
    justify-content: center;
    align-items: center;
    width: 100%;
}
	
	.top-banner.grid {
		grid-template-columns: 1fr; 
	}
    .calendar {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 8px;
        padding: 8px;
    }

    .day {
        padding: 8px;
    }

    .day-header {
        font-size: 1em;
        padding: 6px;
    }

    .day-header span {
        display: block;
        font-size: 0.85em;
    }

    .event {
        padding: 6px;
    }

    .arena {
        font-size: 0.9em;
    }

    .time {
        font-size: 0.85em;
    }
}

@media (max-width: 480px) {
    .calendar {
        grid-template-columns: 1fr;
        margin: 10px;
    }

    .day {
        padding: 6px;
    }

    .day-header {
        font-size: 0.95em;
    }
}
.art-video-player{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 auto;z-index:10;width:100%;height:100%;outline:0;zoom:1;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.art-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.art-video-player ::-webkit-scrollbar{width:5px}.art-video-player ::-webkit-scrollbar-thumb{background-color:#666}.art-video-player ::-webkit-scrollbar-thumb:hover{background-color:#ccc}.art-video-player .art-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.5}.art-video-player .art-icon svg{fill:#fff}.art-video-player img{max-width:100%;vertical-align:top}.art-video-player>object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}
.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}
.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}
.art-video-player .art-danmuku{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.art-video-player .art-layers{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}
.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}
.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}
.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}
.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}
.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus{display:-webkit-box;display:-ms-flexbox;display:flex}
.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}
.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}
.art-video-player.art-hide-cursor *{cursor:none!important}
.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
.art-video-player.art-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
.art-video-player .art-pip-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-pip-header .art-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-pip-header .art-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-pip{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-pip .art-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-pip.art-hover .art-pip-header{opacity:1;visibility:visible}.art-video-player.art-pip .art-mask .art-state{position:static}.art-video-player.art-pip .art-bottom,.art-video-player.art-pip .art-contextmenu,.art-video-player.art-pip .art-danmu,.art-video-player.art-pip .art-info,.art-video-player.art-pip .art-layers,.art-video-player.art-pip .art-notice,.art-video-player.art-pip .art-setting,.art-video-player.art-pip .art-subtitle{display:none!important}
.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}