/*
* @created		07/07/2017
* @updated		07/07/2017
* @author		Trevor Morris / Surface
* @project		Family Heritage Search - Responsive
* --------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 960px) {
	html, body {
		min-width: 0px;
	}
	#container {
		background-position: 0 0;
	}
	#container div.inner {
		width: auto;
	}
	#header div.inner {
		height: auto;
		width: auto;
	}
	#header-contact {
		display: none;
	}
	#content .inner {
		width: auto;
	}
	#content-primary,
	#content-secondary {
		float: none;
		width: auto;
		padding-left: 30px; padding-right: 30px;
	}
	#content-secondary {
		padding-top: 25px; margin-top: 25px;
		border-top: 1px solid #ccc;
	}
	#content-secondary-archive {
		padding: 0;
	}
	#content-secondary-archive h3 {
		width: auto;
	}
	body.page-template-page-map-php #content #content-primary,
	body.page-template-page-map-php #content #content-primary #map,
	body.page-template-page-map-php #content #content-primary div.hentry {
		float: none;
		width: auto;
	}
	body.page-template-page-map-php #content #content-primary #map {
		margin-right: -20px; margin-left: -20px;
	}
	body.page-template-page-map-php #content #content-primary #map .map {
		width: auto !important;
	}
	form div.text input, form div textarea {
		width: 100%; max-width: 560px;
	}
	
	#nav div.inner {
		overflow: hidden;
		padding: 10px 15px 3px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAC70lEQVR4AR1JhWFbSRAdXPiSIVzx9XNNpJmwLX3aHQgMPMTP//9XUl0sYXlAZ1pGrDppb+DzXukZdFoCZtvWr+yVpQgpAI6xyxNVILrtZnCuRSgPJNjhLINY2yDz02JaFyrUkzmIJgIB1MdOIbSKYbkuTbk+F8WrNZrmYxIIIhAJUwUIhvZXFzYbrRefRsnJGyANlwvnkdnv8gfhJAcjOk5ORtFBmcAdmD0LAA7XCLHZCs/A1yh6nCftt0U/+uNDo9fiPqGBWcd6ONWwiRDhxP7r9aVUEigyt4kzCaKlJMnpseZO6U/cL4zfhMOPvspZcyRVGa0DhJz+SzTiNE+EcPozqo2cWgZyHvwrvTuuGYstp0vP2Dnbdp+lSI63Esct0rEwAgZCcFJ4E0B9GutcZe/wQfoweBLbnB/NYfqJ0YNeZJBxk8uibM3dB+FgA0af0ecB0WZ7sXEt8KKj7Q+ZxQIV6wudlRqwqiZhUgIDCKIw/5FxwtKvbSJIwFeZseI33FdzCSDm59ZZePDAvPnGLsgUBALKw8zb2RO9ENwl3qDmsbbiloiNn47tB8VVBqol+YBqKYVO1ZDmdNoFl33e/W7ptaTS8szuz8vY93EcnveHq1AUp/NGTu7zYJZV09YDf/B5BudTvT5QbXCZiUNVZvLI9++laF+3Gy2sWBWbFCHf9z0sgZqp3V9lGkVyks/IQFJBlUNjv3stcKlPdLOTPRoKPBdr0JHqYE+5qFDG3AalIiizJtA+zrf9zY43n00YpTNnFccUQAmbQuRRpnib6RaBl6KeiUyFBEKdZj/bkGPFKh5GVPFfrSyeYdPJkJaKjkDuFGaOBowA5rPAbHF10iPEKHRYnvlTjadhZsMKz8vP21dJlACzgcKttMLFLA6P6pvzu+ghmrmBFWpLUiP5yYcjSFpxFfAmMuaGKePw4ImObYTJNWUAdJFLkXs2EC+1MlwSOukK8Ynfri8/CgUitktbxwiPzLwu7wLu2wnB/hv6DheyPrsBTwAAAABJRU5ErkJggg==) repeat 0 0;
	}
	#nav #nav-social {
		right: 15px; top: 15px;
	}
	body.home #content #content-secondary img {
		float: none;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 830px) {
	#container {
		background-position: 0 0;
	}
	#nav ul {
		float: none;
		text-align: center;
	}
	#nav ul li {
		float: none;
		display: inline-block;
	}
	#nav #nav-social {
		position: relative; top: auto; right: auto; overflow: hidden;
		width: 100px;
		margin: 0 auto 10px;
	}
	#content .alignnone {
		max-width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 720px) {
	#footer .inner {
		text-align: center;
	}
	#footer ul li {
		display: inline-block;
		float: none;
	}
	#footer-friend {
		display: none;
	}
}
@media only screen and (max-width: 690px) {
	#content #content-primary {
		background-size: 100% auto;
	}
}
@media only screen and (max-width: 500px) {
	#container {
		background-size: 1070px auto;
	}
	#content #content-primary {
		padding-top: 90px;
	}
	#header h1 {
		float: none;
		display: block;
		margin: 0 auto;
	}
	#footer {
		background: #fff none;
	}
	#footer div.inner {
		height: auto;
		padding-bottom: 10px;
	}
	#footer #footer-friend {
		position: relative; top: 0; left: 0;
		display: block;
		margin: 10px auto 0;
	}
}

/*
html, body {
	min-width: auto;
	background: #000 url(img/layout/bg.jpg) no-repeat 50% 0;
}
#container {
	background: url(img/layout/header.jpg) no-repeat 50% 0;
}
	#container div.inner {
		max-width: 960px;
	}

#header div.inner {
		width: auto;
	}
	#header h1,
	#header h1 a {
		width: 330px;
		background-size: 100% auto;
	}

#header-contact {
	width: 310px;
	background-size: auto;
}
	#header-contact #header-contact-email,
	#header-contact #header-contact-email a {
		width: 270px;
		background-size: 100% auto;
	}

#nav div.inner {
	width: auto;
}

#content {}
	#content div.inner {
		width: auto;
	}
#content-primary {
	width: 595px;
	padding: 135px 15px 0 40px;
	background-size: 100% auto;
}
#content-secondary,
body.page-template-page-map-php #content #content-primary div.hentry {
	width: 285px;
}

body.page-template-page-map-php #content #content-primary {
	width: auto;
}
body.page-template-page-map-php #content #content-primary #map {
	width: 50%;
}

form div.text input,
form div textarea {
	width: 270px;
}
#search,
#search fieldset {
	width: 250px;
}
#search div.text {
	width: 185px;
}
#search div.text input {
	width: 145px;
}
*/