/*
 * Mobile theming for things in hymnary.css
 */

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.content p {
		padding:  0 1em;
	}
	
	input#search-box {
		width: 160px;
	}

	div#search-front-container {
		margin: auto;
		margin-top: 2em;
		border: none;
		width: 250px;
	}

	div#myhymnary-link-container {
		font-size: 1.1em;
	}

	img#myhymnary-logo {
		height: 25px;
		top: 6px;
	}

	div#homeLinkContainer {
		width: 250px;
		border: none;
	}

	table.homeLinkTable {
		float: none;
		margin: 7px auto;
		height: 240px;
	}

	table.emailListButton, table.donateButton {
		height: auto;
	}

	table.homeLinkTable td {
		vertical-align: top;
	}

	tr.homeLinkImage {
		height: 118px;
	}
	.emailListButton tr.homeLinkImage, .donateButton tr.homeLinkImage {
		height: auto;
	}

	img.homeLinkImg.browseLink {
		width: 120px;
		height: 120px;
	}
	.homeLinkTable.browseLink td {
		width: 120px;
	}

	h1.front-page-title {
		display: none;
	}

	.hymn-searchresult-hook {
		display: none;
	}
	
	#instance_embedded_media, #instance_product_list {
		display: none;
	}
	
	.hymnpage, .shadow {
		top: 0;
		left: 0;
	}
	
	.hymnpage {
		margin: 3px;
		padding: 2px;
	}
	
	div.hy_column {
		width: 100%;
		min-width: 0;
	}

	div.fb-like {
		display: none;
	}	
}

/* Display with non-grid layout when there is less horizontal space. */
@media only screen and (max-width: 1130px) {
	body:not(.hamburger-closed) .browsepage {
		display: block;
	}
}
@media only screen and (max-width: 900px) {
	.browsepage {
		display: block;
	}
}