/* Styles for the Rogue Amoeba Home Page */

.home-item {
	padding: 0 0 30px;
	margin: 0;
	overflow: visible;
	text-align: center;
}

.home-item a {
   text-decoration: none;
}

.home-banner img {
   border-radius: 15px;
   margin-bottom: 15px;
   
   box-shadow: 0 0 0 #fff;
   
   -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
  
.home-item h2 {
   color: #333;
   padding: 15px 0 3px;
   line-height: 26px;
   
   margin: 0;
   font-size: 26px;
   font-weight: 700;
   
   -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.home-item h6 {
   color: #333;
   text-transform: none;
   margin: 0 0 0px;
   font-weight: 300;
   
   font-size: 17px;
   line-height: 22px;
   
   -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.home-item a img {
   -webkit-transform: translateZ(0);

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.home-item ul {
   margin: 15px 15px 0;
   padding: 0;
   border-radius: 4px;
   background: #f4f4f4;
}

.home-item ul li {
   display: inline;
   list-style: none;
   margin: 0;
   padding: 0 7px 0;
}

.home-item ul li a {
   color: #333;
   font-size: 14px;
}

.home-item .home-btns {
	opacity: 0;
	pointer-events: none;
	transition: all 300ms ease;
	font-weight: 600;
	font-size: 16px;
	transform: translate(0,-15px);
	border-radius: 10px;
}

@media screen and (prefers-reduced-motion: reduce) {
	.home-item .home-btns {
		transform: translate(0,0);
	}
}

.home-item:hover .home-btns {
	opacity: 1;
	pointer-events: auto;
	transform: translate(0,0);
	transition: all 300ms ease 100ms;
}

/* Pop up navigation buttons */
	
.home-item.airfoil .home-btns {
	background: #e6f9ff;
}

.home-item.audiohijack .home-btns {
	background: #FFEECC;
}

.home-item.farrago .home-btns {
	background: #F0EAFB;
}

.home-item.fission .home-btns {
	background: #fffbdc;
}

.home-item.loopback .home-btns {
	background: #e7f5f5;
}

.home-item.piezo .home-btns {
	background: #FFF3E9;
}

.home-item.soundsource .home-btns {
	background: #C9E5DD;
}

 /* Airfoil */
   .home-item.airfoil a:hover h2, .home-item.airfoil a:hover h6, .home-item.airfoil ul li a:hover {
	   color: #0571a3;
   }
   
	   .home-item.airfoil a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
	   }
	   
	   .home-item.airfoil a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #0571a3);
		   filter: drop-shadow(0px 0px 30px #0571a3);
	   }
	   
	   .more-apps .airfoil a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .airfoil a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #0571a3);
		   filter: drop-shadow(0px 0px 10px #0571a3);
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
	   }

/* Audio Hijack 4 */
   .home-item.audiohijack a:hover h2, .home-item.audiohijack a:hover h6, .home-item.audiohijack ul li a:hover {
	   color: #F9A229;
	   color: color(display-p3 0.976 0.635 0.161);
   }
	   
	   .home-item.audiohijack a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
	   }
	   
	   .home-item.audiohijack a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #F9A229);
		   filter: drop-shadow(0px 0px 30px #F9A229);
		   /* -webkit-filter: drop-shadow(0px 0px 30px color(display-p3 0.976 0.635 0.161));
		   filter: drop-shadow(0px 0px 30px color(display-p3 0.976 0.635 0.161)); */
	   }
	   
	   .more-apps .audiohijack a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .audiohijack a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #F9A229);
		   filter: drop-shadow(0px 0px 10px #F9A229);
		   /* -webkit-filter: drop-shadow(0px 0px 10px color(display-p3 0.976 0.635 0.161));
			  filter: drop-shadow(0px 0px 10px color(display-p3 0.976 0.635 0.161)); */
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
	   }


   /* Farrago */
   .home-item.farrago a:hover h2, .home-item.farrago a:hover h6, .home-item.farrago ul li a:hover {
	   color: #762BF5;
	   color: color(display-p3 0.463 0.169 0.961);
   }
   
		   .home-item.farrago a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
	   }
	   
	   .home-item.farrago a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #762BF5);
		   /* -webkit-filter: drop-shadow(0px 0px 30px color(display-p3 0.463 0.169 0.961)); */
		   filter: drop-shadow(0px 0px 30px #762BF5);
		   /* filter: drop-shadow(0px 0px 30px color(display-p3 0.463 0.169 0.961)); */
	   }
	   
	   .more-apps .farrago a img {
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .farrago a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #762BF5);
			  /* -webkit-filter: drop-shadow(0px 0px 10px color(display-p3 0.463 0.169 0.961)); */
			  filter: drop-shadow(0px 0px 10px #762BF5);
			  /* filter: drop-shadow(0px 0px 10px color(display-p3 0.463 0.169 0.961)); */
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
	   }
	   
   /* Fission */
   .home-item.fission a:hover h2, .home-item.fission a:hover h6, .home-item.fission ul li a:hover {
	   color: #C18831;
   }
   
		   .home-item.fission a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
	   }
	   
	   .home-item.fission a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #C18831);
		   filter: drop-shadow(0px 0px 30px #C18831);
	   }
	   
	   .more-apps .fission a img {
		   -webkit-filter: drop-shadow(0px 0px 0px #fff);
		   filter: drop-shadow(0px 0px 0px #fff);
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .fission a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #C18831);
		   filter: drop-shadow(0px 0px 10px #C18831);
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
	   }
	   
   /* Loopback */
   .home-item.loopback a:hover h2, .home-item.loopback a:hover h6, .home-item.loopback ul li a:hover {
	   color: #3cbfbf;
   }
   
		.home-item.loopback a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
		}
		
		.home-item.loopback a:hover img {
			-webkit-filter: drop-shadow(0px 0px 30px #3cbfbf);
			filter: drop-shadow(0px 0px 30px #3cbfbf);
		}
		
		.more-apps .loopback a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
		}
		
		.more-apps .loopback a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #3cbfbf);
			filter: drop-shadow(0px 0px 10px #3cbfbf);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
		}
   
   /* Nicecast */
   .home-item.nicecast a:hover h2, .home-item.nicecast a:hover h6, .home-item.nicecast ul li a:hover {
	   color: #FB110F;
   }
   
		.home-item.nicecast a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
		}
		
		.home-item.nicecast a:hover img {
			-webkit-filter: drop-shadow(0px 0px 30px #FB110F);
			filter: drop-shadow(0px 0px 30px #FB110F);
		}
		
		.more-apps .nicecast a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
		}
		
		.more-apps .nicecast a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #FB110F);
			filter: drop-shadow(0px 0px 10px #FB110F);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
		}
   
   /* Piezo */
   .home-item.piezo a:hover h2, .home-item.piezo a:hover h6, .home-item.piezo ul li a:hover {
	   color: #C1773E;
   }
   
		.home-item.piezo a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
		}
		
		.home-item.piezo a:hover img {
			-webkit-filter: drop-shadow(0px 0px 20px #C1773E);
			filter: drop-shadow(0px 0px 20px #C1773E);
		}
		
		.more-apps .piezo a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
		}
		
		.more-apps .piezo a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #C1773E);
			filter: drop-shadow(0px 0px 10px #C1773E);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
		}
		
	/* Soundsource */
   .home-item.soundsource a:hover h2, .home-item.soundsource a:hover h6, .home-item.soundsource ul li a:hover {
	   color: #279878;
   }
   
		.home-item.soundsource a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
		}
		
		.home-item.soundsource a:hover img {
			-webkit-filter: drop-shadow(0px 0px 20px #279878);
			filter: drop-shadow(0px 0px 20px #279878);
		}
		
		.more-apps .soundsource a img {
			-webkit-filter: drop-shadow(0px 0px 0px #fff);
			filter: drop-shadow(0px 0px 0px #fff);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
		}
		
		.more-apps .soundsource a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #279878);
			filter: drop-shadow(0px 0px 10px #279878);
			
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
		}
		
 
   
   /* News */
   #news h4 {
	   font-size: 18px;
   }
   
   #news-mod ol, #news-mod ol li {
	   list-style: none;
	   margin: 0;
	   padding: 0;
	   font-size: 18px;
	   line-height: 26px;
   }
   
   #news-mod ol li img {
	   display: none;
   }
   
   #news-mod ol li a {
	   text-decoration: none;
	   font-size: 18px;
	   line-height: 26px;
	   display: block;
	   margin: 0 0 15px;
	   
	   font-weight: 400;
   }
   
   #news-mod ol li em {
	   font-weight: 400;
	   font-style: normal;
	   font-size: 14px;
	   line-height: 18px;
	   display: block;
	   color: #859398;
	   margin: 0;
	   padding: 0;
   }
   
   a.quick-support-link {
	   margin: 15px 0 0px;
	   padding: 0;
	   display: block;
   }
   
   a.quick-support-link p {
		font-size: 18px;
		line-height: 28px;
		font-weight: 400;
   }
   
	  a.quick-support-link img {
	   -webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
   }
   
   a.quick-support-link:hover img {
	   filter: brightness(0.5) saturate(0);
	   -webkit-transition: all 100ms ease;
		-moz-transition: all 100ms ease;
		-o-transition: all 100ms ease;
		transition: all 100ms ease;
   }

@media (max-width: 631px) {
	.home-item h2 { 
		margin: 15px 0 3px;
		font-size: 22px;
		font-weight: 700;
	}


	.home-item h6 { 
		font-size: 16px;
		line-height: 20px;
	}
	
	#news-mod, #about {
		padding: 0;
	}
}

/* ==========================================================================
   Dark Mode
   ========================================================================== */

@media (prefers-color-scheme: dark) {
	.home-item.airfoil a img, .home-item.audiohijack a img, .home-item.farrago a img, .home-item.fission a img, .home-item.loopback a img, .home-item.piezo a img, .home-item.soundsource a img {
		-webkit-filter: drop-shadow(0px 0px 0 #222);
		filter: drop-shadow(0px 0px 0 #222);
		transition: all 0.3s ease-in-out;
	}
	
	/* Airfoil */
	.home-item.airfoil a:hover h2, .home-item.airfoil a:hover h6, .home-item.airfoil ul li a:hover {
   		color: #63BCE3;
		color: color(display-p3 0.388 0.737 0.89);
	}
   	
   	/* .home-item.airfoil a:hover img {
	   	-webkit-filter: drop-shadow(0px 0px 30px #63BCE3);
	   	filter: drop-shadow(0px 0px 30px #63BCE3);
		filter: drop-shadow(0px 0px 30px color(display-p3 0.388 0.737 0.89));
   	}
   	
   	.more-apps .airfoil a:hover img {
	   	/* -webkit-filter: drop-shadow(0px 0px 10px #63BCE3); */
	   	filter: drop-shadow(0px 0px 10px #63BCE3);
		filter: drop-shadow(0px 0px 10px color(display-p3 0.388 0.737 0.89));
   	} */
	   
	/* Farrago */
	.home-item.farrago a:hover h2, .home-item.farrago a:hover h6, .home-item.farrago ul li a:hover {
   		color: #a16cfc;
	}
		   
   .home-item.farrago a:hover img {
	   -webkit-filter: drop-shadow(0px 0px 30px #A16CFC);
	   filter: drop-shadow(0px 0px 30px #A16CFC);
   }
		   
   .more-apps .farrago a:hover img {
	   -webkit-filter: drop-shadow(0px 0px 10px #A16CFC);
  	   filter: drop-shadow(0px 0px 10px #A16CFC);
   }
   
   /* Fission */
	  .home-item.fission a:hover h2, .home-item.fission a:hover h6, .home-item.fission ul li a:hover {
		  color: #D7B85A;
	  }
	  
	  .home-item.fission a:hover img {
		  -webkit-filter: drop-shadow(0px 0px 30px #D7B85A);
		  filter: drop-shadow(0px 0px 30px #D7B85A);
	  }
	  
	  .more-apps .fission a:hover img {
		  -webkit-filter: drop-shadow(0px 0px 10px #D7B85A);
		  filter: drop-shadow(0px 0px 10px #D7B85A);
	  }
	  
	/* Soundsource */
 	.home-item.soundsource a:hover h2, .home-item.soundsource a:hover h6, .home-item.soundsource ul li a:hover {
	 	color: #40bd9a;
 	}
  	
  	.home-item.soundsource a:hover img {
	  	-webkit-filter: drop-shadow(0px 0px 20px #40bd9a);
	  	filter: drop-shadow(0px 0px 20px #40bd9a);
  	}
  	
  	.more-apps .soundsource a:hover img {
	  	-webkit-filter: drop-shadow(0px 0px 10px #40bd9a);
	  	filter: drop-shadow(0px 0px 10px #40bd9a);
  	}
}