/*:root {
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-body-font-size:1rem;
    --bs-body-font-weight:400;
    --bs-body-line-height:1.5;
}*/

body {
  /*font-family: var(--bs-font-sans-serif)!important;*/
  font-weight: var(--bs-body-font-weight)!important;
  font-size:var(--bs-body-font-size)!important;
  line-height: 1.5;
  color: #444;
  font-family: 'Poppins', sans-serif!important;
  -webkit-font-smoothing: antialiased!important;
  /*-moz-osx-font-smoothing: grayscale!important;*/
}
 /* KGM Header & Footer */
 
 .KGM-header
 {
	height: 170px!important;
	min-height: 170px!important;
    background-color: #1F2427;
 }

 
 .KGM-Header-MOB
 {
	height: 130px!important;
	min-height: 130px!important;
    background-color: #1F2427;
 }
 
 .KGM-Logo-Con-MOB
 {
	height:100px;
	display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
 }
 
 .KGM-Logo-MOB
 {
	height: 100px;
    width: auto;
 }
 
 
 .KGM-CURRNT
{
	font-size:0.75rem;
	color: #e1e1e1;
}
  
 .KGM-NAV{
    background-color: transparent;
    background-image: linear-gradient(90deg, #9D50BB 0%, #0b8793 100%);
	padding-top: 9px!important;
	padding-bottom: 9px!important;
}
 
 .KGM-Logo-Con
 {
	height:130px;
	display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
 }

 @media only screen and (min-width: 992px) {
  .menu-title-nav
 {
		color:white!important;
		font-weight:700!important;
		text-transform: uppercase;
 }
}
 
 @media only screen and (max-width: 992px) {
  .menu-title-nav
  {
	  color: #5e6278;
	  font-weight:700!important;
	text-transform: uppercase;
  }
}
 
 .menu-title
 {
		text-transform: uppercase;
 }
 
 .footer 
 {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
 }
 
 .KGM-wp35
 {
	width:40%;
 }
 
 .KGM-wp30
 {
	width:20%;
 }
 
 .KGM-Logo
 {
	height: 130px;
    width: auto;
	filter: drop-shadow(0px 2px 5px #000);
 }
 
 .KGM-sqr-rnd-130
 {
	width:130px!important;
	height:130px!important;
	border-radius: 20px;
	border-style: solid;
    border-width: 2px;
 }
 
 .KGM-sqr-rnd-75
 {
	width:75x!important;
	height:75px!important;
	border-radius: 10px;
	/*border-style: solid;
    border-width: 2px;*/
 }
 
 .Pulse-red
 {
	 box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
	animation: pulse-red 2s infinite;
 }
 
 @keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  
  70% {
    box-shadow: 0 0 0 15px rgba(255, 82, 82, 0);
  }
  
  100% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}
 
 .KGM-BordP
 {
		border-color:#9D50BB;
 }
 
  .KGM-BordMS
 {
		border-color:#0b8793;
 }
 
 .KGM-Back
 {
	background-image: url("../images/objects/play-bg.png");
	background-size: cover;
 }
 
 .KGM-DJ-IMG {
    width: 75px;
    height: 75px;
	border-radius: 10px;
}

 .KGM-CS-IMG {
    width:130px!important;
	height:130px!important;
	border-radius: 20px;
	border-style: solid;
    border-width: 2px;
	
}

 
 .KGM-DJ-INFO 
 {
    color: white;
}
 
.KGM-ON-AIR 
{
    font-weight: bold;
}

.KGM-ME-15 {
    margin-right: 15px;
}

.KGM-BTN-GRAD {
    color: white!important;
    background-color: transparent;
    background-image: linear-gradient(90deg, #9D50BB 0%, #0b8793 100%);
}

.KGM-CS-ARTIST 
{
    font-weight: normal;
}

.KGM-CS-TITLE 
{
    font-weight: bold;
}



.KGM-Listen-Btn
{
    position: absolute;
    bottom: 0!important;	
}

.KGM-BTN-Rounded {
    border-radius: 30px;
}

.KGM-Grad {
    background-color: transparent!important;
    background-image: linear-gradient(90deg, #9D50BB 0%, #0b8793 100%)!important;
}

.KGM-PD-fix
{
	padding-left:12px!important;
	padding-right:12px!important;
}

.KGM-Dark-BG
{
	background-color: #1F2427;
}



 /* KGM Banner slider */
 
 
.KGM-BANNER
{	
	margin-top: 12px;	
}
 
 
 .carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

@media screen (min-width: 1200px) {
    
	.carousel-inner > .carousel-item {
		min-height: 460px;
		position: relative;
	}

	.carousel-inner img {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
}

@media screen and (min-width: 1200px) {
    
	.carousel-inner > .carousel-item {
		min-height: 460px;
		position: relative;
	}

	.carousel-inner img {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
}





.KGM-TEST
{
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}





/* PAGE TITLE */

.KGM-TITLE
{
		padding: 25px;
		width:100%;
		background-image: url("https://kgmradio.co.uk/assets/images/backgrounds/kgm-title-bg-dark.png");
		background-size: cover;
		color:white;
		
}

.KGM-TITLE-MAIN
{
		color:white;
		
}

.KGM-TITLE-TAG
{
		color:white;
		
}





/* Index previously played */

.KGM-RP-ARTIST
{
font-family: poppins;
    font-size: 18px!important;
    font-weight: 400;
    color: black;
    padding-top: 5px;
}	

.KGM-RP-SONG
{
font-family: poppins;
    font-size: 13px!important;
    font-weight: 400;
    color: black;
    margin-top: -6px;
}

.KGM-RND-10
{
 border-radius: 10px;	
}

.KGM-ALBUM-IMG
{
	width:100%!important;
}

.KGM-MT-35
{
		margin-top: 35px;
}

















  .KGM-header-summer
 {
	height: 170px!important;
	min-height: 170px!important;
    background-color: #1F2427;
	background-image: url("https://kgmradio.co.uk/assets/images/backgrounds/SummerBanner.png");
	background-size: cover;
	background-position:center;
 }

.KGM-DJ-INFO-summer
{
    font-weight: bold;
	color:#606060;
}








/* PLAYER */
.KGM-Grad-Grey
{
	position:relative;
	height:100%;
	width:100%;
	background: linear-gradient(180deg, rgba(211,16,39,0) 60%, rgba(0,0,0,0.4) 90%);
}

.KGM-PresenterPortrait
{
		--bs-gutter-x: 1.5rem;
		position:absolute;
		height:80%;
		width:relative;
		max-width:100%;
		bottom:0;
		padding-left: calc(var(--bs-gutter-x) * 0.5);
		opacity:0.3;
		overflow:hidden;
}

.KGM-artcon
{
	display: flex;
	justify-content: flex-end !important;
}

.KGM-Player-AlbumartCon
{
	position:relative;
	width:50%!important;
	height: relative!important;
}

.KGM-Player-Albumart
{
    border-radius: 20px;
}

.KGM-Homebtn
{	
	background-color: rgba(0, 0, 0, 0.2)!important;
	color:white!important;
	border-radius:2rem!important;
}


.KGM-Player-Albumart-Grad {
  position: absolute;
  top:0;
  background: linear-gradient(180deg, rgba(211,16,39,0) 40%, rgba(0,0,0,0.6) 80%);
  color: #f1f1f1;
  width: 100%;
  height:100%;
  border-radius: 20px;
}

.KGM-Player-Albumart-text {
  position: absolute;
  bottom:0;
  color: #f1f1f1;
  padding:20px;
}

.KGM-Player-Albumart-text-span
{
	width:100%;
}

.KGM-PLR-Title
{
	font-family: poppins;
    font-weight: 600;
	color:white;
	filter: drop-shadow(0px 2px 1px #000);
}

.KGM-PLR-Artist
{
	font-family: poppins;
    font-weight: 400;
	color:white;
	filter: drop-shadow(0px 2px 1px #000);
}

.KGM-Plr-BtmBar
{
	max-height:45px;
	height:45px;
	width:100%;
	background-color: rgba(0, 0, 0, 0.2)!important;
	
}

.KGM-Player-PlayerButton
{
	width:100px;
	height:100px;
}

.KGM-OnAiR-Title
{
	font-family: poppins;
    font-weight: 300;
	font-size:14px;
	color:white;
	filter: drop-shadow(0px 2px 1px #000);
	text-transform: uppercase;
}

.KGM-OnAiR-Presenter
{
	font-family: poppins;
    font-weight: 600;
	font-size:24px;
	color:white;
	filter: drop-shadow(0px 2px 1px #000);
}

.KGM-OnAiR-Time
{
	font-family: poppins;
    font-weight: 400;
	font-size:18px;
	color:white;
	filter: drop-shadow(0px 2px 1px #000);
	text-transform: uppercase;
}


.KGMVOL {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: #c9c9c9;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
  padding:0px;
}



.KGMVOL::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  opacity:1;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0px 0px 10px #444444;
}

.KGMVOL::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}


@media only screen and (max-width: 992px) 
{
  .KGM-Just-Mob
  {  
	justify-content: center !important;
  }
  
  .KGM-artcon
	{
		display: flex;
		justify-content: center !important;
		margin-top: 2rem !important;
	}
  
  .KGM-Player-AlbumartCon
{
	position:relative;
	width:80%!important;
	height: relative!important;
}

.KGM-Pre-Mob
{
		margin-left:auto;
		margin-right:auto;
}
  
}