.mobileBW, .hp_titles, .boxes2aTitle, .boxes2bTitle, .boxes3aTitle, .boxes3bTitle, .boxes3cTitle {
	text-transform: capitalize; 
	font-size: 18px; 
	line-height: 18px; 
	text-align: left; 
	padding: 8px 10px 5px 8px; 
	color: #ffffff; 
	background-color: #606875; 
	width: 100%; 
	/*margin-bottom: 20px;*/
}

#loadStationName {
	font-size: 20px;
	margin-top: 25px;
}

.currentSong {
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	line-height: 30px;
}

.playButton {
	margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
	cursor: pointer;
}

.stopButton {
	margin-top: -3px;
    vertical-align: middle;
    display: none;
	cursor: pointer;
}

#playStation.house {
	background-color: #f7ca6c;
	color: #4185d9;
	font-size: 22px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}

#playStation.praise {
	background-color: #3d4759;
	color: #a98ff7;
	font-size: 22px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}

#playStation.rewind {
	background-color: #ce217f;
	color: #78c9e9;
	font-size: 22px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}

#openPlaylist.house {
	background-color: #f7ca6c;
	color: #4185d9;
	font-size: 22px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}

#openPlaylist.praise {
	background-color: #3d4759;
	color: #a98ff7;
	font-size: 22px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}

#openPlaylist.rewind {
	background-color: #ce217f;
	color: #78c9e9;
	font-size: 22px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}

.footer {
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	width: 100%;
	z-index: 99999;
}

.footerContainer {
	-webkit-box-shadow: 0px -10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px -10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.station {
	background-color: #323948; 
	text-align: center;
	cursor: pointer;
}

.active {
	background-color: #606875;
}

@keyframes pulseGlow {
  0% {
    box-shadow: inset 0 0 6px #ffffff;
  }
  50% {
    box-shadow: inset 0 0 12px #ffffff;
  }
  100% {
    box-shadow: inset 0 0 6px #ffffff;
  }
}

.playing {
  animation: pulseGlow 2s ease-in-out infinite;
}

#curSong.house {
	background-color: #3365a6; 
	color: #ffffff;
	width: calc(100% - 80px);
	line-height: 40px; 
	padding: 0px 8px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 18px;
}

#curSong.praise {
	background-color: #826fbb; 
	color: #ffffff;
	width: calc(100% - 80px);
	line-height: 40px; 
	padding: 0px 8px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 18px;
}

#curSong.rewind {
	background-color: #5a97af; 
	color: #ffffff;
	width: calc(100% - 80px);
	line-height: 40px; 
	padding: 0px 8px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 18px;
}

#curSong a {
	color: #ffffff;
}

#ajax-content {
	padding-top: 135px; 
	padding-bottom: 25px;
	min-height: 100dvh;
	padding-left: 0px;
    padding-right: 0px;
}

/*Player Index*/
.boxes2a {
	padding: 10px 0px;
    line-height: 20px;
	width: 100%;
	display: inline-block;
    max-width: 100%;
    min-width: 100%;
}

.boxes2b {
	padding: 10px 0px;
    line-height: 20px;
	width: 100%;
	display: inline-block;
    max-width: 100%;
    min-width: 100%;
}

.boxes3a {
	padding: 10px 0px;
    line-height: 20px;
	width: 100%;
	display: inline-block;
    max-width: 100%;
    min-width: 100%;
}

.boxes3b {
	padding: 10px 0px;
    line-height: 20px;
	width: 100%;
	display: inline-block;
    max-width: 100%;
    min-width: 100%;
}

.boxes3c {
	padding: 10px 0px;
    line-height: 20px;
	width: 100%;
	display: inline-block;
    max-width: 100%;
    min-width: 100%;
}

.boxes2aSub {
	background-color: #ffffff;
    padding-top: 33%;
    background-position: top center !important;
    background-size: contain;
    background-repeat: no-repeat;
	/*border: 1px solid #ffffff;*/
	border-top: 2px solid #323948;
	background-color: transparent !important;
}

.boxes2bSub {
	background-color: #ffffff;
    padding-top: 33%;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
	/*border: 1px solid #ffffff;*/
	border-top: 2px solid #323948;
}

.boxes3aSub {
	background-color: #ffffff;
    padding-top: 33%;
    background-position: top center !important;
    background-size: contain;
    background-repeat: no-repeat;
	/*border: 1px solid #ffffff;*/
	border-top: 2px solid #323948;
	background-color: transparent !important;
}

.boxes3bSub {
	background-color: #ffffff;
    padding-top: 33%;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
	/*border: 1px solid #ffffff;*/
	border-top: 2px solid #323948;
}

.boxes3cSub {
	background-color: #ffffff;
    padding-top: 33%;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
	/*border: 1px solid #ffffff;*/
	border-top: 2px solid #323948;
}

/*
.boxes3aTitle {
	display: inline-block;
    background-color: #3e5474;
    width: 100%;
    padding: 10px 10px 5px 10px;
	font-size: 18px;
    line-height: 18px;
}

.boxes3bTitle {
	display: inline-block;
    background-color: #3e5474;
    width: 100%;
    padding: 10px 10px 5px 10px;
	font-size: 18px;
    line-height: 18px;
}

.boxes3cTitle {
	display: inline-block;
    background-color: #3e5474;
    width: 100%;
    padding: 10px 10px 5px 10px;
	font-size: 18px;
    line-height: 18px;
}
*/

.boxes1 a, .boxes2 a, .boxes3 a, .boxes4 a {
    color: #ffffff;
}

.hp_tl, .hp_bl, .hp_tr, .hp_br {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.col-xs-12 {
	width: 100%;
	min-width: 100%;
}

#igHeader {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    background-image: url(/wp-content/themes/house2020/images/ig-bg.jpg);
    float: left;
    display: inline-block;
    height: 45px;
    font-size: 30px;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
}

.musicBlog {
    text-align: center;
    padding: 35px 0px 15px 0px;
    padding: 0px;
    /*display: block;*/
	display: none;
}

#bannerJoy {
    display: none;
}

#bannerJoyMobile {
    display: inline-block;
}

#sb_instagram, #sbi_images {
	padding: 0px !important;
}

.sbi_item{
	cursor: pointer !important;
}

#sb_instagram .sbi_type_carousel .fa-clone {
	bottom: 12px !important;
	top: unset !important;
}

.left1580, .right1580 {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
    display: block;
}

.left1580 img, .right1580 img {
	width: 90% !important;
	height: auto;
	-webkit-box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0);
}

/*
.hp_titles {
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    background-color: #323948;
    width: 100%;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	font-size: 18px;
    line-height: 18px;
}
*/

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

#mainContainer {
	background-color: #78c9e9; /*4487de*/
	width: 100%;
	max-width: 496px;
}

.fadeSlick img {
	border-top: 2px solid #323948;
	border-bottom: 2px solid #323948;
	/*-webkit-box-shadow: 0px 0px 15px 5px #ffffff; 
	box-shadow: 0px 0px 15px 5px #ffffff;*/
}

.fadeSlick img {
	margin-top: 20px;
}

.fadeSlick #firstBW { 
	margin-top: 0px;
}

.fadeSlick a {
	text-decoration: none !important;
}

.containerNoTicker {
	margin-bottom: 20px;
}

/*
.hp_tl {
	margin-top: 0px;
}
*/

#curHouse {
	position: absolute;
	top: 110px; 
	left: 0px;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	display: none;
	background-color: #ffffff;
	border: 2px solid #4487de;
	color: #4487de;
	-webkit-box-shadow: 0px 0px 15px 5px #000000; 
	box-shadow: 0px 0px 15px 5px #000000;
	z-index: 9999999;
}

#curPraise {
	position: absolute;
	top: 110px; 
	left: 0px;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	display: none;
	background-color: #ffffff;
	border: 2px solid #3e4659;
	color: #3e4659;
	-webkit-box-shadow: 0px 0px 15px 5px #000000; 
	box-shadow: 0px 0px 15px 5px #000000;
	z-index: 9999999;
}

#curRewind {
	position: absolute;
	top: 110px; 
	left: 0px;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	display: none;
	background-color: #ffffff;
	border: 2px solid #ce217f;
	color: #ce217f;
	-webkit-box-shadow: 0px 0px 15px 5px #000000; 
	box-shadow: 0px 0px 15px 5px #000000;
	z-index: 9999999;
}

#lastPlayedContainer {
	background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	position: fixed;
    z-index: 9999;
    left: 0;
    top: 120px;
    width: 100%;
    height: 100%;
    max-width: 500px;
	left: 50%;
    transform: translateX(-50%);
	display: none;
	border-top: 1px solid #ffffff;
}

#lastPlayedInner a {
	color: #212529;
}

#lastPlayed {
	-webkit-box-shadow: 2px 5px 16px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 2px 5px 16px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	padding: 0px; 
	position: absolute;
	top: 0px; 
	background-color: #c0c0c0; 
	width: 90%; 
	left: 50%;
    transform: translateX(-50%);
}

#lastPlayed li {
	display: inline-block;
	/*font-size: .9vw;*/
	font-size: 15px;
	width: 100%;
	padding: 5px 10px 0px 10px; 
}

#loadingContainer {
	background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 500px;
	left: 50%;
    transform: translateX(-50%);
	display: none;
	text-align: center;
}

#loadingErrorContainer {
	background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 500px;
	left: 50%;
    transform: translateX(-50%);
	display: none;
	text-align: center;
}

#loading {
	padding: 0px; 
	position: absolute;
	top: 0px; 
	background-color: #c0c0c0; 
	width: 90%; 
	left: 50%;
    transform: translateX(-50%);
	text-align: center;
	position: relative;	
}

#loadingInside {
	top: 50%;
    transform: translateY(-50%);
	position: absolute;
	font-size: 42px;
	color: #ffffff;
	width: 100%;
}

#loadingErrorInside {
	top: 50%;
    transform: translateY(-50%);
	position: absolute;
	font-size: 26px;
	color: #ffffff;
	width: 100%;
}

#loadingInside img {
	-webkit-box-shadow: 2px 5px 16px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 2px 5px 16px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.timeAgo {
	/*font-size: .6vw;*/
	font-size: 11px;
	border-bottom: 1px solid #808080;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	/*margin-top: -2px;*/
	text-align: right;
}

#lastPlayedTitle {
	text-align: center;
	width: 100%;
	font-size: 20px;
	padding: 5px 0px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

.lastPlayedTitleSubR {
	color: #ce217f; 
	font-weight: bold;
}

.lastPlayedTitleSubP {
	color: #826fbb; 
	font-weight: bold;
}

.lastPlayedTitleSubH {
	color: #3365a6; 
	font-weight: bold;
}

#playlist.playlistH {
	background-color: #3365a6;
	color: #ffffff;
	display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    margin: 10px 0px 15px 0px;
	cursor: pointer;
}

#playlist.playlistH:hover {
	color: #f7ca6c;
}

#playlist.playlistP {
	background-color: #826fbb;
	color: #ffffff;
	display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    margin: 10px 0px 15px 0px;
	cursor: pointer;
}

#playlist.playlistP:hover {
	color: #ffffff;
}

#playlist.playlistR {
	background-color: #ce217f;
	color: #ffffff;
	display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    margin: 10px 0px 15px 0px;
	cursor: pointer;
}

#playlist.playlistR:hover {
	color: #5a97af;
}

body {
	margin: 0px; 
	padding: 0px; 
	background-color: #c0c0c0;
}

#curVerM {
	display: none; 
	color: #c0c0c0; 
	opacity: 0; 
	position: absolute; 
	left: 30px; 
	bottom: 5px;
	transition: 0.5s;
}

/* The Overlay (background) */

#overlayContainer {
	background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	position: fixed;
    z-index: 9999;
    left: 0;
    top: 120px;
    width: 100%;
    height: 100%;
    max-width: 500px;
	left: 50%;
    transform: translateX(-50%);
	display: none;
	border-top: 1px solid #ffffff;
}

.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 0;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 99998; /* Sit on top */
  left: 0;
  bottom: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  /*overflow-x: hidden;*/
  overflow: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  
  max-width: 500px;
	left: 50%;
    transform: translateX(-50%);
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 1em; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: left; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  margin-left: 0px;
}

.overlayHeader {
    font-size: 2vw;
    color: #ac94f7;
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 10px 8px;
  text-decoration: none;
  /*font-size: 1.8vw;*/
  color: #ffffff;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f8c460;
}

.overlay i {
    color: #4185d9;
    /*padding-right: 10px;*/
	width: 30px;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

	.overlay a {
  		font-size: 1.4em;
	}
	
	.overlay .closebtn {
    	font-size: 40px;
    	top: 15px;
    	right: 35px;
	}
  
  
 .btnFooter {
 	text-align: center; 
	cursor: pointer; 
	color: #ffffff;
	transition: 0.5s;
	padding: 0px 10px;
 }
 
.btnFooter a {
 	color: #ffffff;
	text-decoration: none !important;
 }
 
 .btnFooter.disable {
 	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
	cursor: not-allowed;
	color: #808080;
	pointer-events: none;
 }
 
 #stuckRefresh {
 	display: none;
	color: #ffffff;
	font-size: 20px;
	vertical-align: top;
    margin-top: 15px;
 }
 
 #footerText {
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	text-align: center; 
	left: 0px; 
	font-size: 12px; 
	color: rgba(255,255,255,.5); 
	z-index: 99999;
}

/*Modal*/
/* The Modal (background) */
.ninja {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Modal Content/Box */
.ninja-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 98%; /* Could be more or less, depending on screen size */
  max-width: 500px;
  overflow-y: hidden;
  height: calc(100dvh - 120px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px;
  margin: 0p
}

#ninjaTitle {
	font-family: 'Harmattan', sans-serif; 
	text-transform: uppercase; 
	font-size: 5vw;
	color: #ffffff;
	float: left;
	padding: 10px 20px 5px 20px;
	text-align: center;
	font-weight: bold;
}

#iNinja {
	width: 100%;
    height: 100%;
}

.closeNinja {
	max-width: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.closeNinja .close {
	color: #ffffff;
	opacity: 1;
	position: absolute;
    right: 25px;
    top: 0px;
    font-size: 50px;
}

#portrait, #landscape {
	display: none;
}

@media (orientation: portrait) {
	/*#portrait { display: block; }*/
}

@media (orientation: landscape) {
	/*#landscape { display: block; }*/
	/*.overlay {
		display: none;
	}*/

	body {
		margin: 0px; 
		padding: 0px;
		background-color: #606875;
	}
	
	.titleLandscape {
		width: 100%;
		color: #ffffff;
		display: inline-block;
		font-size: 24px;
	}
	
	.titleLandscape a, .artistLandscape a {
		color: #ffffff;
	}
	
	.artistLandscape {
		width: 100%;
		color: #ffffff;
		display: inline-block;
		font-size: 18px;
	}
	
	.clockLandscape {
		width: 100%;
		color: #ffffff;
		display: none;
		font-size: 22px;
		/*padding-bottom: 50px;*/
	}
	
	.clockFillerLandscape {
		height: 70px;
		color: #ffffff;
	}
	
	.dateFillerLandscape {
		color: #ffffff;
		padding-bottom: 50px;
		display: none;
	}
	
	#topBar.topBarH {
		background-color: #3365a6;
		color: #ffffff;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		padding: 0px;
		z-index: 9999;
	}
	
	#topBar.topBarP {
		background-color: #826fbb;
		color: #ffffff;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		padding: 0px;
		z-index: 9999;
	}
	
	#topBar.topBarR {
		background-color: #ce217f;
		color: #ffffff;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		padding: 0px;
		z-index: 9999;
	}
	
	#bottomBar.bottomBarH {
		background-color: #3365a6;
		color: #ffffff;
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: auto;
		padding: 10px 25px;
		z-index: 9999;
	}
	
	#bottomBar.bottomBarP {
		background-color: #826fbb;
		color: #ffffff;
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: auto;
		padding: 10px 25px;
		z-index: 9999;
	}
	
	#bottomBar.bottomBarR {
		background-color: #ce217f;
		color: #ffffff;
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: auto;
		padding: 10px 25px;
		z-index: 9999;
	}
	
	#clockHide, #unlockScreen, #stopButtonLandscape {
		display: none;
	}
	
	#landscapeTitle a {
		color: #ffffff;
	}
}