:root {
  --font-body: "Noto Sans Thai Looped", sans-serif;
  --font-title: "Noto Sans Thai", sans-serif;
  --font-awesome: "Font Awesome 5 Free";
  --color-primary: #ea4c01;
  --color-primary-rgb: 41, 98, 255;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  /* --color-black: #4d4d4f; */
   --color-black: #272727;
  --color-black-rgb: 0, 0, 0;
  --color-border: #e5e5e5;
  --color-border-rgb: 229, 229, 229;
  --color-cat-normal: #7a7e83;
  --color-cat-normal-rgb: 122, 126, 131;
  --color-meta-normal: #a5a6aa;
  --color-meta-normal-rgb: 165, 166, 170;
  --color-gray: #f7f7f7;
  --color-gray-rgb: 247, 247, 247;
  /* --color-body: #6c6f72; */
  --color-body: #545456;
  
  --color-body-rgb: 108, 111, 114;
  --color-body-bg: #fff;
  --border-radius-xs: 4px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 15px;
  --border-radius-xl: 20px;
  --color-fb: #1559c2;
  --color-tw: #1ea9e9;
  --color-in: #3f729b;
  --color-vm: #2cc0eb;
  --color-pn: #3b5998;
  --color-wh: #43ce13;
  --color-dr: #f65e97;
  --color-dw: #ff6b10;
  --color-yu: #ed1d25;
}

:root[data-theme=dark] {
  --color-white: #000;
  --color-white-rgb: 0, 0, 0;
  --color-black: #fff;
  --color-black-rgb: 255, 255, 255;
  --color-body: #d7d7d7;
  --color-body-rgb: 215, 215, 215;
  --color-body-bg: #101213;
  --color-border: #222121;
  --color-dark-bg_2: #171818;
}
#banner .carousel-control-next-icon,
#banner .carousel-control-prev-icon{
  width: 4rem;
  height: 4rem;
}


.rt-post-overlay:hover::before{
  content: ' ';
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 70%);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  transition: all linear 0.3;
  -webkit-transition: all linear 0.3;
  -moz-transition: all linear 0.3;
  -ms-transition: all linear 0.3;
  -o-transition: all linear 0.3;
}

#schedule .event-detail:before{
  left:-8px;
}
#schedule .row.active .event-detail::after,
.featured-post-style-5  .row.active .event-detail::after{

  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: rgba(236, 90, 33, 0.6);
  position: absolute;
  left: -8px;
  top: 10px;
  content: "";
  animation: iconanimate 1.3s ease-in-out infinite;
  z-index: 1;
  -webkit-animation: iconanimate 1.3s ease-in-out infinite;
}
.featured-post-style-5  .row.active{
  background-color: antiquewhite;
}
.tv-program-tab .tab-pane.show .row.active{
  background-color: antiquewhite;
}
.featured-post-style-5  .row.active p{
  color: var(--color-primary)
}
.swiper-button-next, .swiper-button-prev{
  color: var(--color-primary)
}

#tvProgramNav {
  border: 0;
  border-bottom: 1px solid var(--color-primary);
}
#tvProgramNav .date-box p.text-left{
  text-align: left !important;
}

#tvProgramNav .date-number {
  font-size: 3rem !important;
  line-height: 0;
  margin-right: 15px !important;
  padding-bottom: 8px;
}

#tvProgramNav .nav-link.active .date-number{
  font-weight: 500;
}

#tvProgramNav .nav-link.active {
  background-color: antiquewhite;
  border-bottom: 3px solid var(--color-primary);
}

#tvProgramNav .swiper-slide{
  min-width: 130px !important;
  height: calc((100% - 28px) / 2) !important;
}

.swiper.swiper-tv-program-nav a.nav-link{
  color: var(--color-black)
}
.swiper.swiper-tv-program-nav a.nav-link .date-number{
  color:var(--color-black)
}
.swiper.swiper-tv-program-nav a.nav-link p {
  font-weight:500;
  color: var(--color-black);
}
.swiper.swiper-tv-program-nav a.nav-link p.text-left{
  font-size: 1rem;
}
.swiper.swiper-tv-program-nav a.nav-link.active .date-number{
  color: var(--color-primary)

}
.swiper.swiper-tv-program-nav .swiper-slide.swiper-slide-active{
  border: 0px;
  border-bottom: 3px solid var(--color-primary);
  /* background-color: antiquewhite !important; */
}
.swiper.swiper-tv-program-nav .swiper-slide.swiper-slide-active a.nav-link .date-number{
  /* color: var(--color-primary) */
}


.bg-antiquewhite {
  background-color: antiquewhite;
}

.swiper.swiper-6-grid {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper.swiper-6-grid .swiper-wrapper {
  display: flex !important; 
  align-items: baseline !important;
  flex-direction: row !important;
}

.swiper.swiper-6-grid .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* height: calc((100% - 30px) / 2) !important; */
  height: auto !important;

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-dark .carousel-indicators [data-bs-target]{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.rt-section-heading{
  text-transform: capitalize;
}

#story-picture .rt-post-overlay.rt-post-overlay-md.layout-6 img{
  height: auto !important;
  min-height: auto;
  aspect-ratio: 4/3;
}

.btn-live {
  height: 42px;
  text-transform: uppercase;
}
.btn-live .live-icon{
  background-color: var(--color-white);
}
.btn-live .live-icon:before{
  background-color: var(--color-white);
  animation: iconanimate 1.5s ease-in-out infinite;
  -webkit-animation: iconanimate 1.5s ease-in-out infinite;
}

.rt-post-grid.position-relative .position-absolute{
  z-index: 2;
  line-height: 1;
  padding: 0.35rem 0.60em 0.4em;
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.75);
}
.footer a {
  color: var(--color-white-rgb)
}
[data-theme=dark] #tv-program-title .post-list .row.active .event-info,
[data-theme=dark] #tv-program-title .post-list .row.active .event-detail h3 a {
  color: var(--color-primary) !important
}
.footer-widget-application img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.rt-post.post-sm.style-4 .post-img{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.related-post-box .rt-post-grid .post-content{
  text-align: left;
}
.related-post-box .rt-post-grid .post-meta ul{
  text-align: left;
}

.text-bg-danger{
  background-color: var(--color-yu);
}
.text-bg-danger .live-icon,
[data-theme=dark] .text-bg-danger .live-icon{
  background-color: #fff;
}
.text-bg-danger .live-icon:before{
  background-color: rgba(255,255,255,.6);
}

[data-theme=dark] .rt-section-heading .rt-section-line{
  border:1px solid #c8c8c8;
}

@media (max-width: 768px) {
  
  #tv-program-title .rt-section-heading{ 
    font-size: 0.95rem;
    line-height: 1.3;
  }
  #live-page-banner.author-banner .rt-section-heading {
    font-size: 1.4rem;
  }
  .event-info span{
    font-size: 12px !important;
    line-height: 2.3;
  }
  .event-detail h3{
    font-size: 1rem;
  }
  .event-detail p {
    font-size: 14px;
  }
  #tvProgramNav .swiper-slide{
    width: 130px !important;

  }
  #banner .carousel-item{
    max-height: 390px;
    height: 390px;

  }
  #banner .carousel-item .banner-item{
    align-items: center;
    height: 390px;
    max-height: 390px;
  }
  #banner .carousel-item .container{
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #banner .container-fluid {  
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #banner .carousel-item img{
    /* aspect-ratio: 1/1; */
  }
  .rt-post-grid.position-relative .position-absolute{
    top: 25px !important;
    left: 25px !important;
  }
}


.player {
  --plyr-color-main: #1ac266;
}