/*
 * Styling for printed pages (hard copy)
 *
 * @author Patrick Jackson <patrick@delappdesign.com>
 */

@media print{

	/*
	 * Global styles
	 */

	.screen-only{
		display: none;
	}
	.print-only{
		display: block;
	}

	/* make header pretty: use dark logo, and remove navigation */

	#header,
	#header #logo-title{
		position: relative;
	}
	
	.mobile .menu-toggle,
	#header #logo a{
		display: none;
	}

	#navigation {
		display: none !important;
	}

	#header #logo a.print-only{
		display: block;
	}

	.headline.img-headline{
		position: relative;
		padding: 0;
		color: #002664;
		text-align: left;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.feature-img.page-banner{
		min-height: auto;
		max-height: none;
	}

	.wp-caption img {
		max-width: 75%;
	}

	/* style other sections globally */

	.postarea,
	.post .postarea,
	.blog-holder .article,
	.archive-holder .article,
	.content{
		padding: 0;
	}

	.content{
		max-width: 75%;
		margin: 0 auto;
	}
	/* only set max-width for top level .content class */
	.content .content{
		max-width: none;
	}

	.sidebar,
	.share-links-container,
	.new-post-meta,
	body:not(.page) .portfolio-wrap,
	.post-meta,
	.post-navigation,
	.gradient{
		display: none;
	}

	.row .columns{
		width: 100%;
		float: none;
	}

	.content.no-thumb, .no-thumb{
		padding-top: 0;
	}

	/* hide site footer */
	.footer{
		display: none;
	}

	/*
	 * Single post styles
	 */

	.single-post .page-banner,
	.single-post .new-post-meta{
		display: none;
	}

	.single-post .content:not(.no-thumb) .postarea,
	.hide-banner .content:not(.no-thumb) .postarea{
		margin-top: 0;
	}

	#header #logo-title #logo{
		float: none;
		position: relative;
		left: 0 !important;
		width: auto;
		margin: 0;

	}

	.single-post h1{
		margin-bottom: 0;
		font-size: 2.5em;
	}

	.page-url{
		margin-bottom: 25px;
		font-size: 13px;
	}
	.page-url img{
		width: 16px;
		height: 16px;
		margin-right: 3px;
		vertical-align: middle;
	}

	/*
	 * Single Bio (isb_people) styles
	 */

	.single-isb_people .isb_people{
		background-image: none;
	}

	.bio-content .tab-content{
		display: block;
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}

	.bio-content .nav-tabs,
	.bio-social-icons-container{
		display: none;
	}

	.bio-content .card-container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;

		margin-top: 0;
		margin-bottom: 1em;
	}

	.card-email .print-only,
	.external-link .print-only{
		display: inline;
	}
	.bio-content .card-phone,
	.bio-content .external-link{
		padding: 0;
		border-left: none;
	}



	/* don't show the featured article on print */
	.single-isb_people #feature-article.tab-content{
		display: none;
	}

	.single-isb_people .postarea{
		margin-bottom: 0;
	}

	/* bio pic */
	.bio-content .align-right{
		margin-bottom: 0;
	}

	.bio-content > header > .row > .content{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	/*
	 * Single research article
	 * isb_research
	 */
	.page-banner{
		background-image: none !important;
	}
	.page-banner img{
		display: none;
	}

}

/* add at-rule for page numbers where supported
/* needs @bottom-right-corner to work, and it's not supported yet (11/2018)
@page {

	counter-increment: page;

	@bottom-right-corner {
		content: counter(page) "/" counter(pages);
	}
}*/