/* 2026-11-03 DrumTracks refresh: one shared layer over the old styles (loaded last from header.php).
   Matches the new homepage, /free and contact pages: dark navy + cyan, white content, rounded cards. */

body{background:#0b1118 !important}

/* breadcrumb / page title strip (was a teal grunge image) */
.banner{background:#eef4f7 !important;border-bottom:1px solid #dde9f0}
.banner p,.banner p a{color:#566070 !important;text-decoration:none !important}
.banner p a:hover{color:#0b6f8f !important}
.banner h1{color:#10151f !important;font-weight:800 !important;text-shadow:none !important}
.mid_container_image{background-image:none !important}

/* footer (was light blue) */
.footer{background:#0f1722 !important;color:#9fb6c2 !important}
.footer a{color:#cfe0e8 !important;text-decoration:none !important}
.footer a:hover{color:#03cdff !important}
.footer p,.footer span,.footer li{color:#9fb6c2 !important}

/* join / sign in */
.sign-up-form{background:linear-gradient(135deg,#0f1722 0%,#16303d 100%) !important;border-radius:14px !important}
.sign-up-form h4.table_text{color:#fff !important}
.sign-up-form .login-field{float:none !important;margin-left:auto !important;margin-right:auto !important;text-align:center}
.border_content_box{border:1px solid #dde9f0 !important;border-radius:12px !important;background:#f3f8fb !important}

/* track page sample player (native audio, see track-detail.php) */
audio.dt-sample{display:block;width:100%;max-width:520px;height:44px;margin:4px 0 6px}

@media (max-width:800px){
	/* menu icon lines up with the 16px page edge, like the logo */
	.header-right .mobile_menu > div{right:16px !important;padding-right:0 !important}
	.banner{padding-left:16px !important;padding-right:16px !important}
	.banner > div{padding-left:0 !important}
	audio.dt-sample{max-width:none;height:48px}
}