/*
Theme Name: Twenty Fourteen - Gain Child
Description: Child theme for Gain Financial Services with a responsive header image map.
Author: Gain Financial Services, Inc.
Template: twentyfourteen
Version: 1.0.4
Text Domain: twentyfourteen-gain-child
*/

/* Keep the mapped header responsive while preserving the source aspect ratio. */
#site-header .gain-header-map-image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}


/*
 * Gain site layout adjustments.
 * Twenty Fourteen is intentionally capped at 1260px and paints a black
 * desktop sidebar rail. This site does not use that magazine-style rail,
 * so allow the layout to use the supplied 2033px header artwork and remove
 * the unused sidebar reservation.
 */
body {
	background: #fff;
}

.site,
.site-header {
	width: 100%;
	max-width: 2033px;
}

.site {
	margin-right: auto;
	margin-left: auto;
}

#site-header {
	width: 100%;
}

/* Twenty Fourteen reserves a right-side content column from 673px upward. */
@media screen and (min-width: 673px) {
	.site-content {
		margin-right: 0;
	}
}

/* Remove Twenty Fourteen's unused black left sidebar rail on desktop. */
@media screen and (min-width: 1008px) {
	.site:before {
		display: none;
	}

	#secondary {
		display: none;
	}

	.site-content,
	.site-main .widecolumn {
		margin-right: 0;
		margin-left: 0;
	}

	.search-box-wrapper,
	.featured-content {
		padding-left: 0;
	}
}


/* Widen and center the main text column for a more modern reading width. */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Prevent Twenty Fourteen from shifting content on wide screens. */
@media screen and (min-width: 1218px) {
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta,
	.page-content {
		margin-left: auto;
		margin-right: auto;
	}
}