/***************** SPORT *****************/
a {
    text-decoration: none;
}

.btn-main,  #mlb2-2727893.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button{
    background: linear-gradient(45deg, #f6921e, #f16767);
    border-radius: 10px;
    color: #fff;
}
.owl-dots .owl-dot.active span, .loading .loading-effect .object, #backtotop a, .play-video, .pricing-table-2 .plan.featured .plan-price, .pagination ul li a.current-page, .pagination ul li a.current-page:hover, .layout-switcher a:hover, .layout-switcher a.active, .mm-counter {
    background: #f69021;
}
.play-video {
    background: linear-gradient(45deg, #f6921e, #f16767);
}
.movie-box-1:hover .buttons .play-video:hover, .movie-poster:hover .playBtn {
    -webkit-box-shadow: 0 0 0 10px rgb(242 110 91 / 34%);
    -moz-box-shadow: 0 0 0 10px rgb(242 110 91 / 34%);
    box-shadow: 0 0 0 10px rgb(242 110 91 / 34%);
}

.btn-main, .btn-primary {
    background: linear-gradient(45deg, #f6921e, #f16767);
    border-radius: 10px;
    border: none;

    &.filter-button {
        background: #fff;
        border: 2px solid #f16767;
        color: black;
    }
}

.btn-primary:hover {
    &.filter-button {
        filter: brightness(113%);
        background: linear-gradient(45deg, #f6921e, #f16767);
        color: #fff;
    }
}

.custom-badge {
    background-color: #fff;
    color: #000;
    border: 2px solid #f16767;

    @media screen and (width < 576px) {
        display: flex !important;
    }
}

.dropdown-item.active {
    &.filter-dropdown-item {
        color: black !important;
        text-decoration: none;
        background-color: white !important;
        font-weight: bold !important;
        border: 2px solid #f16767 !important;
    }
}

#selectedFilters {
    @media screen and (width < 576px) {
        display: flex !important;
        flex-direction: column;
        align-items: start !important;
    }
}

#filterDropdownButtons {
    @media screen and (width < 576px) {
        display: flex !important;
    }
}

.filter-button-badge {
    background: #f6921e;
}

.badge .badge-primary {
    background-color: #fff;
    color: #000;
    border: 1px solid linear-gradient(45deg, #f6921e, #f16767);
}
/*a {color: #f26965;}*/
a:hover, [type="checkbox"]:not(:checked)+label:after, [type="checkbox"]:checked+label:after, 
#main-nav .navbar-nav .dropdown-menu>li>a:hover, .signin-wrapper .bottom-links a, 
.signup-wrapper .bottom-links a, .forgetpassword-wrapper .bottom-links a, 
.pricing-table-2 .plan.featured .plan-price:before, .pagination ul li a:hover, 
.icon-box i, .icon-box2 i, .features-tab li a.active .icon-wrapper, 
.features-tab li a:hover .icon-wrapper, .contact-page .details-wrapper ul.contact-details li i, 
.bloglist-post-holder .bloglist-title a:hover, .blog-post .post-content a.read-more {
    color: #f6921e;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    border-bottom: 4px solid #f16a61;
}
#backtotop a{background: #f6921e;}
.bg-gradient {
    background: linear-gradient(45deg, #f6921e, #f16767);
}
.movie-poster .playBtn {
    background: #f26a62;
}
.form-control:focus {
    border-color: #f68e26!important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 0 0 0 0.2rem rgb(245 189 201)!important;
}


.live {
    .movie-box-1 {
        .poster {
            .buttons {
                
    top: calc(50% - 20px);
            }
        }
    }
}
.movie-box-1 {
    .poster {
        padding-top: 0;
        height: auto;
        aspect-ratio: 16 / 9;

        .buttons {
            top: 50%;
        }
    }
}

@media (max-width: 767px) {
    .carousel-inner .video-carousel-item > div {
        display: none;
    }
    .carousel-inner .video-carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .video-carousel-item.active,
.carousel-inner .video-carousel-item-next,
.carousel-inner .video-carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .video-carousel-item-end.active,
    .carousel-inner .video-carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .video-carousel-item-start.active, 
    .carousel-inner .video-carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .video-carousel-item-end,
.carousel-inner .video-carousel-item-start { 
  transform: translateX(0);
}


/***************** SPORT *****************/