@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 960px) {

/* --------------------==================== HEADER ====================------------------- */
	
	header {
		height: 65px;
	}
	
	#fump-logo {
		margin: 0px 10px 5px;
	}
	
	#divider {
		height: 5px;
	}
	
	#login-area {
		display: none;
	}
	
	#mobile-nav-button {
		display: block;
		position: absolute;
		right: 0px;
		bottom: 10px;
		width: 75px;
		height: 50px;
		background-image: url(/assets/images/icons/mobile-nav-open.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
		#mobile-nav-button.open {
			background-image: url(/assets/images/icons/mobile-nav-close.svg);
		}
	
	nav {
		display: block;
		right: auto;
		bottom: auto;
		left: 0px;
		width: 100%;
		height: 0;
		overflow: hidden;
		z-index: 25;
	}
		#mobile-nav-button.open + nav {
			height: auto;
		}
		
	
		nav a {
			display: block;
			width: 100%;
			border-radius: 0;
			margin: -1px 0;
			padding: 14px 0;
			text-align: center;
			font-size: 18px;
			line-height: 18px;
		}
			nav a.active {
				border: 0;
				border-top: 2px solid #0000c5;
				border-bottom: 2px solid #a5c0f6;
			}
	
	#admin-nav {
		display: none;
	}
	
	a.undertab {
		padding: 14px 0;
		border-radius: 0;
	}
	
	#loader {
		background-image: url("../images/backgrounds/loading-screen-mobile.png");
	}
	
/* --------------------==================== MAIN PAGE ====================------------------- */

	h1 {
		font-size: 24px;
		line-height: 28px;
	}

	h2 {
		font-size: 13px;
	}
	
	h3 {
		font-size: 18px;
		line-height: 20px;
	}
	
	p, li {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	a {
		font-size: 14px;
		line-height: 18px;
	}
	
	iframe {
		width: 100%;
		height: auto;
	}
		.banner-container-mobile iframe {
			width: 300px;
			height: 37px;
			overflow: hidden;
		}
		section.calendar iframe {
			width: 320px;
			height: 320px;
		}

	#page-content {
		display: block;
	}
	
	div.search {
		float: none;
	}
	
	.inner-content {
		width: auto;
		padding: 10px;
	}
	
	.content-box {
		padding: 10px;
		padding-bottom: 50px;
	}
	.content-box.last {
		padding: 10px;
	}
	
	div.banner-container {
		display: none;
	}
	
	div.banner-container-mobile {
		display: block;
		height: 37px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	div.song-content, div.song-content-2 {
		display: block;
	}
	
	div.notes-area {
		display: block;
	}
	
	div.notes-area iframe {
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	div.artist-title {
		margin-bottom: 15px;
	}
	
	div.audio-buttons {
		justify-content: center;
	}
		/*div.audio-buttons > div {
			width: 100%;
		}*/
	
	div.play.button {
		min-width: auto;
	}
	
	div.play a.button {
		margin-left: 0;
	}
	
	div.content-box a.button, div.button input[type=submit] {
		margin: 0;
	}
	
	div.artist-info {
		min-width: 100px;
	}
	
	img.artist-icon {
		width: 90px;
		height: 90px;
	}
	
	.button-label {
		display: none;
	}
	
	input[type=submit], a.button, input[type=reset] {
		font-size: 12px;
	}
	
	textarea {
		width: 98%;
	}
	
	footer p, footer p a {
		font-size: 12px;
		line-height: 14px;
		margin: 0;
	}
	
	img.available-thumbnail {
		width: 75px;
		margin-right: 10px;
	}
	
	section {
		margin-bottom: 25px;
	}
	
	div.video-row {
		display: block;
	}
		div.video-box {
			width: auto;
			margin: 0 0 20px;
		}
		
		div.video-box div.credits {
			min-height: auto;
		}
		
	.artist-box {
		width: 45%;
		margin: 0 5px 20px;
	}
	
	div.merch-preview {
		width: 48%;
	}
	
	.submission-explanation {
		display: block;
	}
		.submission-explanation > div {
			width: auto;
			margin-bottom: 30px;
		}
		
	#sideshow-agree:after {
		width: 180px;
	}
	
	#subscription-chart {
		display: block;
	}
		#subscription-chart > div {
			width: auto;
			margin-bottom: 30px;
		}
		
	div.flex {
		display: block;
	}
		div.flex > div {
			width: auto;
			margin-bottom: 20px;
		}
		
	img.mobile-full {
		width: 100%;
		height: auto;
	}
	
/* --------------------==================== STATIC PLAYER ====================------------------- */
	#player-container {
		height: 70px;
		z-index: 100;
	}
	
	#player-album-cover {
		width: 70px;
		height: 70px;
		margin: 0px;
	}
	
	#player-area h4 {
		font-size: 12px;
		line-height: 14px;
		margin-top: 3px;
		width: auto;
		height: auto;
		overflow: auto;
	}
	#player-area h5, #player-area h5 a {
		font-size: 12px;
		line-height: 10px;
		margin: 0px;
	}
	
	#progress-bar {
		left: 70px;
		right: 15px;
		bottom: 7px;
	}
	
	#player-prefs {
		z-index: 10;
		height: 70px;
		right: -115px;
		transition: right 350ms;
	}
		#player-prefs.open {
			right: 0px;
		}
		#player-prefs > div {
			height: 15px;
		}
		#player-prefs input[type=radio], #player-prefs input[type=checkbox] {
			margin: 0 2px;
		}
		#player-prefs > div.form-divider {
			height: 1px;
			margin: 2px 4px;
		}
		
	#player-prefs-button {
		display: block;
		position: absolute;
		width: 16px;
		height: 35px;
		top: 20px;
		left: -16px;
		background-image: url(/assets/images/icons/prefs-button.svg);
		background-size: 100%;
		background-position: center;
	}
	
	#player-buttons {
		right: 15px;
		top: 35px;
	}
	
	#song-info-btn a, #play-pause, #next-song a {
		font-size: 12px;
		line-height: 16px;
		/*padding: 2px 10px 2px 7px;*/
	}
	
	#song-info {
		max-width: 75%;
		max-height: 32px;
		overflow: hidden;
	}
	
	#song-info-btn, #play-pause, #next-song {
		padding: 0px 7px 2px 7px;
	}
		#song-info-btn {
			background-size: 12px;
			background-position: bottom right 4px;
			padding-right: 15px;
		}
		
		#next-song {
			background-size: 10px;
			background-position: right 5px center;
			padding-right: 18px;
		}
		
		#play-pause {
			background-size: 10px;
			background-position: right 5px center;
			padding: 2px 20px 2px 8px;
		}
	
	.content-box .show-content img {
		max-width: 25vw;
		margin-right: 4vw;
	}
	
	p.time-of-show {
		font-size: 16px;
		line-height: 19px;
	}
	
	.show-content h4.inline {
		display: block;
	}

		
/* --------------------==================== BLUE COLUMN ====================------------------- */
	
	#blue-column {
		width: auto;
		padding-bottom: 162px;
	}
	
	#fumpcast-banner h2, #live-shows-callout h2, #radio-program-banner h2, #podcast-program-banner h2 {
		margin-right: 80px;
	}
	
	
/* --------------------==================== STORE ====================------------------- */
	a.button.desktop-only {
		display: none;
	}
	
	a.mobile-only, div.mobile-only {
		display: block;
	}
	
	a.button.mobile-only {
		display: inline-block;
	}
	
	#mobile-cart-button {
		width: 24px;
		height: 20px;
		background-image: url(/assets/images/icons/shopping-cart.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 40%;
	}
	
	.album-thumbnail {
		width: 40%;
	}
	
		.album-thumbnail h3 {
			font-size: 14px;
			line-height: 16px;
		}
		
		.album-thumbnail p, .album-thumbnail a {
			font-size: 12px;
			line-height: 14px;
		}
		
	h1.albumTitle {
		font-size: 22px;
		line-height: 24px;
	}
	
	div.release-info {
		display: block;
	}
	
	img.large-cover {
		width: 100%;
		max-width: none;
	}
	
	a.large-cover-zoom {
		display: none;
	}
	
	div.store-nav {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	div.item-row {
		flex-wrap: wrap;
		width: 100%;
	}
	div.item-row div.item {
		width: 100%;
	}
	div.item-row div.item-options {
		display: flex;
		width: 100%;
	}
	div.item-row div.item-options.desktop-only {
		display: none;
	}
	
	#store-content-area {
		display: block;
	}
	
	#store-filter {
		width: auto;
		margin: 0;
	}
	
	#store-content {
		width: auto;
		margin: 0;
		margin-top: 5vw;
	}
	
	label {
		font-size: 14px;
		line-height: 18px;
	}
	#shipping-table label {
		font-size: 14px;
		line-height: 18px;
		margin-right: 10px;
	}
	
 	
}