body { background: #fff; color: #fff;}
#header .banner {margin-top: 10px;}
#main {	border-top-color: #fff;}
#left {	background: #FF9B31;}
#shows, #info { color: #FFF0E0; background: #FF9B31;}
#shows span { color: #FFDCB7;}
#shows h1 a, #shows div.ph a { background-image: url(header_shows.png);}
#info h1 a, #info div.ph a { background-image: url(header_info.png);}
#now { background: #1D7B03;}
#messages {background: #0FB5F1;}
#messages textarea { background: #4BC8F5; border-color: #2795D1; color: #fff;}
#messages input { background: url(button_send_message.png) no-repeat;}
#footer {border-top-color: #fff;}

/* Phone (custom-popup-responsive.css): no header image under the LIVE24 bar; under now playing the station block of the custom mobile page (logo, contact, description) */
.m-station {display: none;}
@media (max-width: 767px) {
	html body #header {display: none;}
	html body #info > p {display: none;}
	html body #info .m-station {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 16px;}
	html body #info .m-station img {flex: 0 0 117px; width: 117px; height: auto;}
	html body #info .m-contact {flex: 1 1 0; min-width: 0; overflow-wrap: anywhere;}
	html body #info .m-contact h4 {margin: 0 0 6px; font-size: 24px; line-height: 1.2; font-weight: 700; color: #333;}
	html body #info .m-desc {flex: 0 0 100%; margin-top: 16px; padding-top: 16px; border-top: 1px solid #dee2e6; color: #555;}
}