/*-------------------------------------+
 | Site: Metropolitan Planning Council |
 | Part: Print styles                  |
 +-------------------------------------*/

/* Hide unnecessary elements
======================================================================*/
.addthis_toolbox,
#admin,
.comment-form,
#content-secondary,
#credit,
embed,
#footer a,
#header-secondary,
#nav,
#nav-secondary,
#nav-tertiary,
.noprint,
.notice,
object,
.page-tools,
.project #footer,
.project .project-managers .thumb,
.related-group,
#subfooter br,
#subfooter-secondary {
    display: none !important;
}


/* Basics
======================================================================*/
body { font-size: 95%; }
img { page-break-inside: avoid; }
h1 { padding: 0; width: auto; }
hr { background: none; border: 1px solid #ccc; }


/* Core layout
======================================================================*/
.blog #content-primary,
.blog #content-secondary,
body,
#body,
#body-wrapper,
.content,
#content-primary,
#content-primary-secondary,
#content-secondary,
#content-tertiary,
#content-wrapper,
#events-feature-primary,
#events-feature-secondary,
#feature-home,
#footer,
#footer .content,
.full.project #content-primary,
#header,
#header-content,
#page,
.section,
#subfooter {
	background: none;
	border: 0;
	box-shadow: none;
	float: none;
	margin: 0;
	max-width: none;
	padding: 0;
	position: static;
	width: auto;
}

/* Content
======================================================================*/

/* Callouts */
.call-l, .call-r { max-width: 50%; }

    /* Project pages */
    .project .call-l, .project .pull-l { margin-left: 0; }
    .project .call-r, .project .pull-r { margin-right: 0; }

/* Comments */
.comments li { background: none; border-color: #aaa; margin-bottom: 1em; padding: 0.75em 0 0.25em; }
.comments .staff { background: none; font-weight: bold; }

/* Covers */
.cover img { height: auto; width: 100%; }
.cover .overlay h1 { font-size: 27px; }

    /* Project pages */
    .project .cover .overlay { max-width: 62.60%; padding-left: 8.57%; padding-right: 8.57%; }
    
    /* Project internal pages */
    .project-internal .cover .overlay { box-shadow: none; max-width: 100%; position: static; }

/* Features */
.features li { float: none; margin-right: 0; overflow: hidden; padding-left: 100px; page-break-inside: avoid; width: auto !important; }
.features .thumb { float: left; margin-left: -100px; width: 80px; }
.feature-wide { margin-bottom: 0; }
.feature-wide .content { padding: 0; }
.feature-wide .image { padding-top: 30%; position: static; }
.feature-wide .overlay { background: #fff; border-bottom: 1px solid #ddd; float: none; max-width: none; padding: 20px 0; position: static; }

/* Footer */
#copyright a { display: inline; }
#footer { font-size: 11px; }
#footer, #footer a, #subfooter, #subfooter a { color: #000; }
#subfooter { border-top: 1px solid #aaa; font-size: 11px; margin-top: 2em; padding-top: 2em; }
#subfooter .adr, #subfooter .fax, #subfooter .org, #subfooter .street-address, #subfooter .tel { display: inline; margin-right: 0.5em; }
#subfooter .org { display: block; font-weight: bold; }
#subfooter .org img { max-width: 200px; }
#subfooter .vcard { margin: 0; }
#subfooter-primary { float: none; width: auto; }

    /* Page URL */
	#url, .url { display: block; font-size: 13px; margin: 0; }
	#url, #url em, .url, .url em { color: #808080; }

/* Goals */
    /* Work overview */
    #work-overview { margin: 15px 0; padding: 0; page-break-inside: avoid; }
    #work-overview .action { font-size: 18px; }
    #work-overview .goals [class *= "mpc"] { font-size: 90px; }

/* Header */
#header { padding: 0; }
#header .url { color: #666; float: right; font-style: italic; padding-top: 20px; }
#logo { margin-bottom: 2em; padding: 0; }

/* Icons */
.icon { background: none !important; padding: 0 !important; }

/* Images with titles overlayed */
.image-title { align-items: center; display: flex; min-height: 0; }
.image-title, .image-title a { color: #000; }
.image-title-image { flex: 0 0 auto; height: 200px; position: static; width: 200px; }

.image-title-overlay {
    background: none;
    color: #000;
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 0 0 20px;
    text-align: left;
}

.image-title-name { color: #000; }

/* Intro */
.intro { font-size: 18px; }

/* News */
.news li { page-break-inside: avoid; }

/* Print only */
.printonly { display: block; }

/* Projects */
.project { font-size: 13px; }
.project #logo img { width: 300px; }

    /* Project managers */
    .project .project-managers { margin-bottom: 30px; }

/* Stretch */
.stretch { margin: 2em 0; }
.stretch .credit { padding-right: 10px; position: static; }
.stretch .content { padding-bottom: 0; }
.stretch .overlay { background: none; padding: 0; position: static; }
.stretch .overlay * { color: #000; }

    /* Flexible (100% height) */
    .stretchflex { background: none !important; display: block; min-height: 0; }
    .stretchflex .credit { display: none; }
    .stretchflex .overlay { padding-top: 0; }

/* Work */
.work { display: block; }
.work > li { float: none !important; margin-right: 0 !important; overflow: hidden; padding-left: 200px; width: auto !important; }
.work .goals { color: #ef681f; line-height: 1; margin: 0; text-shadow: none; }
.work .goals li { margin-bottom: 0; }
.work .thumb .overlay { padding: 0; position: static; }
.work .thumb .thumb-img { float: left; margin-left: -200px; width: 180px !important; }