/* Homepage styles extracted from index.php inline blocks */

.city-area a.title-14:after { border-bottom: 0px solid #222; }
.slider-area .top-img img {
    object-fit: unset !important;
    height: auto;
    width: 868px;
    max-width: 100%;
}
.slider-area .carousel-indicators .item { width: 33%; }
@media only screen and (max-width: 767px) {
    .slider-area .slider-cap { min-height: 140px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .right-img img { width: 100px; height: 100px; }
    .right-news .right-cap a { font-size: 13px; }
    .right-single { margin-bottom: 15px; }
    .right-news, .right-cap { padding-left: 10px; }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .right-img img { width: 90px; height: 90px; }
    .right-single { margin-bottom: 10px; }
    .right-news, .right-cap { padding-left: 10px; }
}
@media (max-width: 767px) {
    .carousel-control-prev { display: none; }
    .carousel-inner { display: none; }
    #carouselExampleDark .carousel-inner { display: block !important; }
    .trending-single .trending-caption { padding-top: 0px; }
}
@media (min-width: 768px) { .mobiletop { display: none; } }

.hot-week { overflow: hidden; width: 100%; max-width: 100%; }
.hot-week .container { overflow: hidden; max-width: 100%; }
.hot-week .section-tittle { overflow: visible; margin-top: 5px; }

#carouselExampleDark { overflow: hidden; width: 100%; max-width: 100%; position: relative; }
#carouselExampleDark .carousel-inner { width: 100%; max-width: 100%; overflow: hidden; }
#carouselExampleDark .carousel-item { display: flex !important; flex-wrap: nowrap; width: 100%; max-width: 100%; overflow: hidden; }
#carouselExampleDark .carousel-item:not(.active) { display: none !important; }
#carouselExampleDark .hot-slide { flex: 0 0 auto; width: 25% !important; max-width: 25% !important; overflow: hidden; box-sizing: border-box; }
#carouselExampleDark .hot-slide.col-md-4 { width: 25% !important; max-width: 25% !important; flex: 0 0 25% !important; }
@media (max-width: 991px) {
    #carouselExampleDark .hot-slide { width: 33.333%; max-width: 33.333%; }
}
@media (max-width: 767px) {
    #carouselExampleDark .carousel-item { display: flex !important; flex-wrap: nowrap !important; }
    #carouselExampleDark .hot-slide { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; min-width: 50% !important; }
    #carouselExampleDark .hot-slide.col-md-4 { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; min-width: 50% !important; }
}
#carouselExampleDark .hot-slide img { max-width: 100%; height: auto; }

/* Trending strip */
.trending-strip-wrap { position: relative; padding: 0 40px; }
.trending-strip {
    display: flex; gap: 30px;
    overflow-x: auto; scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; -ms-overflow-style: none;
}
.trending-strip::-webkit-scrollbar { display: none; }
.trending-strip > .trend-slide {
    flex: 0 0 calc((100% - 150px) / 6);
    scroll-snap-align: start;
    text-align: center; font-size: 12px;
}
.trending-strip > .trend-slide img { display: block; width: 100%; height: 100px; object-fit: cover; }
.trend-nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 32px; height: 32px; border: 0; background: transparent;
    color: #b20223; font-size: 28px; line-height: 1; cursor: pointer; padding: 0;
    z-index: 2;
}
.trend-nav[disabled] { opacity: 0; pointer-events: none; }
.trend-prev { left: 0; }
.trend-next { right: 0; }
.right-news, .right-news .right-cap { padding-left: 15px; }
.right-news .right-cap a { font-size: 15px; }
@media (max-width: 1250px) { .trend-nav { display: none; } }
@media (max-width: 1023px) {
    .trending-strip { gap: 20px; }
    .trending-strip-wrap { padding: 0 20px; }
    .trending-strip > .trend-slide { flex: 0 0 calc((100% - 60px) / 4); }
}
@media (max-width: 639px) {
    .trending-strip { gap: 15px; }
    .trending-strip-wrap { padding: 0 15px; }
    .trending-strip > .trend-slide { flex: 0 0 38%; }
}
@media (max-width: 600px) {
    .view-all { margin-top: -10px; margin-bottom: 15px; }
    .trending-strip-wrap { display: none; }
}

/* Tab headers */
.tab-header { cursor: pointer; display: inline-block; padding: 10px 15px; margin-right: 10px; background-color: #f1f1f1; font-weight: normal; font-size: 12px; line-height: 1.4; text-transform: uppercase; color: #000; text-decoration: none; border-radius: 4px 4px 0 0; transition: background-color 0.3s, color 0.3s; }
.tab-header:hover { background-color: #e1e1e1; }
.tab-header.active-tab-header { background-color: #f1f1f1; color: #b20223; }
.tab-content { display: none; padding: 0px; border-radius: 4px; }
.tab-content.active { display: block; }
@media (max-width: 767px) { .trending-img > a { display: contents; } }

/* Ticket Central */
.ticket-caption a:after { margin-top: -10px !important; }
.ticket-caption { background: #222222; text-align: center; cursor: pointer; padding: 10px 10px 10px 5px; }
.ticket-single { margin-top: 10px; }

/* Video row responsive */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .col-lg-8.pr-0.pl-20.video-row { padding-left: 40px; }
    .video-100 img { max-width: 100%; }
}
@media only screen and (min-width: 800px) and (max-width: 1200px) {
    .col-lg-8.pr-0.pl-20.video-row { padding-left: 50px; }
    .video-100 img { max-width: 100%; height: auto; }
}