/*
*************************************************

United States Holocaust Memorial Museum
"Basic Page" Responsive Screen Styles

 Author: Russ Sitka

*************************************************

/********************************
*** Global Header Adjustments ***
********************************/


/* ------------------------------------------- */
/* General layout and wrapper */
/* ------------------------------------------- */

.body-wrapper{
	overflow:hidden;
}

#main-wrap {
	background-color:#eee
}

#main-wrap .main-image {
	max-height:490px;
	overflow:hidden;
}

#main-wrap .main-image img {
	margin:0 auto;
	width:100%;
	display:block;
}

#main-content .inline-image.lead-inline {
    width: 88%;
    margin: 0 auto 20px;
}

#main-content .inline-image {
    width: 90%;
    margin: 20px auto 30px;
}

#main-content .inline-image img {
    width: 100%;
}

#main-content .inline-image p.caption span {
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 0.8em;
    line-height: 1.25em;
    color: #555;
    padding: 3px 0 12px;
}

#main-content .inline-image p.caption span.credit {
    font-style: italic;
}

#main-content .inline-image p.caption em {
	color:#777;
	font-size:.8em;
}

#main-content article.no-top-img {
    box-shadow: none;
}

.basic-page-template .wysiwyg {
	max-width:900px;
	margin: 0 auto 24px;
}

.basic-page-template .wysiwyg > p,
.basic-page-template .wysiwyg > a,
.basic-page-template .wysiwyg > ul,
.basic-page-template .wysiwyg > ol {
	/*max-width:750px;*/
	margin: 0 auto 24px;
	font: normal 1.15em/1.72em 'Mercury SSm A', 'Mercury SSm B', 'Palatino', 'Palatino Linotype', Georgia, serif;
    letter-spacing: 0.02em;
    color: #383838;
}


article#page-main .date-line {
	font-family: 'Knockout 50 A','Knockout 50 B',sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #fff;
    margin-bottom:.5em;
}

article#page-main h2 {
    font-size: 2.1em !important;
    text-transform:none;
    margin: 1.2em 0 0.25em;
}

article#page-main h3 {
    font-size: 1.6em !important;
    text-transform: none;
    margin-top: 1.45em;
    line-height:1em;
}

.basic-page-template .wysiwyg .btn-press {
	max-width:330px;
	color:#fff;
	font-family:'Knockout 50 A','Knockout 50 B',sans-serif;
	font-size:1.4em;
	width:95%;
	margin:1em auto;

}

.basic-page-template .wysiwyg .related-links {
	font-size:.9em;
}

/* ------------------------------------------------------ */
/* media collection overrides */
/* ------------------------------------------------------ */

.basic-page-template .mc-embed-center {
	width:100%;
	max-width:inherit;
}

.basic-page-template .mc-wideContent {
    background: #fff;
    color: inherit;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    padding: 2em;
    margin: 1em auto 2.2em;
    width: 100%;
    position: relative;
    border-top: 16px solid #eee;
    border-bottom: 16px solid #eee;
    -moz-box-shadow: inset 0 0 1px #999;
    -webkit-box-shadow: inset 0 0 1px #999;
    box-shadow: inset 0 0 1px #999;
}

.basic-page-template .mc-wideContent .content {
	margin: 0 auto;
	max-width:750px;
}

.basic-page-template .mc-wideContent a:not(.btn), .basic-page-template .mc-wideContent p,
.basic-page-template .mc-wideContent ul, .basic-page-template .mc-wideContent ol {
	font-family: "Mercury SSm A","Mercury SSm B",Georgia,serif;
	font-size:1em;
}

.basic-page-template .mc-wideContent p {
	font-size:1.25em;
}

.basic-page-template .mc-wideContent h3 {
	color:#fff;
	font-size: 2em;
    margin: 6px 0 10px;
}

/* ------------------------------------------------------ */
/* media queries */
/* ------------------------------------------------------ */

@media (min-width: 650px) {

	.basic-page-template .mc-wideContent {
		padding:2em;
		margin:1em auto 2.2em;
		width:110%;
		left:-5%;
		position:relative;
	}

	#main-content article.wider-col .mc-wideContent {
		left: -5%;
		width: 110%;
	}

}

@media (min-width:768px) {

	#main-content article.wider-col .mc-wideContent {
		left:-14%;
		width: 182%;
	}

}

@media (min-width:850px) {

	.basic-page-template .mc-wideContent {
		padding:2em;
		margin:1em auto 2.2em;
		width:160%;
		position:relative;
		left:-30%;
	}

	#main-content article.wider-col .mc-wideContent {
		left: -8%;
		width: 151%;
	}

}

@media (min-width: 992px) {

	#main-content article.wider-col .mc-wideContent {
		left: -2%;
		width: 139%;
	}

}

@media (min-width:1095px) {

    #main-content article.wider-col .mc-wideContent {
		left: -1%;
		width: 138%;
	}

}

@media (min-width:1200px) {


	#main-content article.wider-col .mc-wideContent {
		left: -1%;
		width: 150%;
	}

}