/*
Theme Name: TheTVApp
Theme URI: https://thetvapps.com/
Description: A custom theme for displaying live sports schedule and streams.
Version: 1.0
Author: Sabbir Hasan
Author URI: https://thetvapps.com/
*/


#mainPlayer {
    height: 12rem; 
}


@media (min-width: 640px) {
    #mainPlayer {
       height: 12rem; 
    }
	

}


@media (min-width: 768px) {
    #mainPlayer {
       height: 12rem; 
    }
}


@media (min-width: 1024px) {
    #mainPlayer {
        height: 30.1rem;
    }
}

/* Extra Large Screens (1280px - 1535px) */
@media (min-width: 1280px) {
    #mainPlayer {
        height: 30.1rem;
    }
}


@media (min-width: 1536px) {
    #mainPlayer {
        height: 30.1rem;
    }
}



body {
    background-color: #d2d2d2; 
    color: #111827;
    transition: background-color 0.3s, color 0.3s;
}

html.dark body {
    background-color: #212121;
    color: #f9fafb; 
}

.site-header {
    background-color: #07263d;
    transition: background-color 0.3s;
}

html.dark .site-header {
    background-color: #000; 
}

 .tab-btn.active {
  background-color: #164e7d!important;
  color: #ffffff !important;
}

.game_time.live {
    @apply text-red-600 font-bold;
    animation: blink 1.2s infinite;
}
.game_time.final {
    @apply text-red-600 font-bold;
}
@keyframes blink {
    0% {opacity: 1;} 
    50% {opacity: 0;} 
    100% {opacity: 1;}
}