html {

	background-color: black;
	background-image: url('../shared/images/background.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	min-height: 100%;

}	

body{
	font-family: Sukhumvit , Arial; 
	background-color: transparent;
	min-height: 100%;
	color: white;
}

@font-face { 
	font-family: Sukhumvit; 
	src: url('../shared/sukhumvit.ttf'); 
} 

/* @media (min-width: 1900px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1820px;
	}
} */

#background-images {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1;
    }

#bImg1 {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 3; 
    background: black;
    }

#bImg2 {
    display: none;
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 2; 
    
    }

.btn-primary {
	background-color:rgb(var(--bs-warning-rgb));
	border-color:rgb(var(--bs-warning-rgb));
	color: white;
}

.btn-primary:hover {
	background-color:rgba(var(--bs-warning-rgb), 0.8);
	border-color:rgba(var(--bs-warning-rgb), 0.8);
	color: white;
}

.bg-primary {
	background-color:rgb(var(--bs-warning-rgb)) !important;
}

a {
	color:rgb(var(--bs-warning-rgb));
	text-decoration: none;
}

a:hover {
	color:rgba(var(--bs-warning-rgb));
	text-decoration: none;
}

.list-group-item-primary {
	color: white;
	background-color: rgb(var(--bs-warning-rgb));
}

.list-group-item-primary:hover {
	background-color: rgba(var(--bs-warning-rgb), 0.8);
}

.list-group-item-primary a {
	color: white;
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    color: rgb(var(--bs-warning-rgb));
}

.channel-icon {
	border-radius: 5px;
	background-color:white;
	transition-duration: 200ms;
}

.channel-icon:hover {
	opacity:0.8;
	transition-duration: 200ms;
}

.schedule-emblem {
	height: 25px;
}

.breadcrumb-item.active {
	color: whitesmoke;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: whitesmoke;
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #189AB4 url(images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	border-radius: 50%;
	z-index: 2000;
  }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
  }
  .cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
  }
  .no-touch .cd-top:hover {
	background-color: #1ba6c2;
	opacity: 1;
  }
  
   .cd-top {
	 height: 60px;
	 width: 60px;
	 right: 30px;
	 bottom: 30px;
  }