/**
* Print stylesheet
* @version         1.0
* @lastmodified    2019.09.06
*/

@media print {
	
	html {
		font-size: 14px;
	}
	
	body {
		font: 13pt;
		line-height: 1.3;
		background: #fff !important;
		color: #000;
	}
	
	/* Defining all page breaks */
	a {
		page-break-inside: avoid;
		text-decoration: underline !important;
		text-shadow: none !important;
	}
	
	.content p a { background-image: none !important;}
	
	blockquote, .gallery {
		page-break-inside: avoid;
	}
	h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
		 page-break-inside:avoid; }
	img { page-break-inside:avoid; 
		 page-break-after:avoid; }
	table, pre { page-break-inside:avoid; }
	ul, ol, dl { page-break-before:avoid; }
	.widget-ads {page-break-inside: avoid; page-break-after:avoid;}
	
	.contentWrapper {border-top:none;margin: 0 auto 0;padding: 0;top: 0;}
	.contentWrapper:before, .contentWrapper:after {
	  content: "";
	  position: absolute;
	  background-image: none;
	}
	
	#logoWrapper {
		display: block;
		position: relative;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		top: 0; 
		background-color:unset !important;
	}
	.home #logoWrapper {position:absolute; top: 90px;}
	
	#logoWrapper.nav-up {
		top: 0;
	}
	
	#wrapper .main {
		-webkit-box-shadow:none !important;
		-moz-box-shadow: none  !important;
		box-shadow: none  !important;
	}
	
	.intro, .leftPage .intro, .rightPage .intro {
		max-height: 30vh !important;
		max-width: 42rem;
		background-repeat: no-repeat;
		margin: 1rem auto;
		padding:0;
	}
	
	.noFeature .intro { display:none !important;}
	
	.home .intro, .home .leftPage .intro, .home .rightPage .intro, .home .intro.video {
		position: relative;
		border-top: none;
		margin-top: -6rem;
		min-height: 55vh;
		height: 85vh;
		max-width: 100%;
	}
	
	.featuredHomeImage {
		position: absolute;
		background-size: cover;
		background-position: 50% 20%;
		height: calc(85vh - 150px);
		width: 100%;
		margin-right: 30%;
		z-index: 0;
		right: -15%;
		top: 150px;
		-webkit-box-shadow: 0px 5px 28px -7px rgba(0,0,0,0.8);
		-moz-box-shadow: 0px 5px 28px -7px rgba(0,0,0,0.8);
		box-shadow: 0px 5px 28px -7px rgba(0,0,0,0.8);
	}
	
	.intro .content {
		display: table-cell;
		vertical-align: bottom;
		padding-bottom: 0; 
		z-index: -1;
	}
	
	.intro .content .toolTipWrapper .toolTip {
		position: relative;
		display: block;
		bottom: 0;
		padding: .5rem;
		background: rgba(0,0,0,.5);
		width: auto;
		margin: 0 auto;
	}
	
	.intro .content .toolTipWrapper .toolTip p {font-size: .8rem;}
	
	.intro .content .toolTipWrapper .featuredCredit {
		margin-bottom: 0;
	}
	
	section {border-top: none;}
	
	.categoryTitle {
		position: relative;
		top: 0;
		color: #9c0000;
		background-color: #fff !important;
		border: solid;
		text-decoration: none !important;
		margin-bottom: 1rem !important;
	}
	
	.page .featuredStories {display:inline !important;}
	.page .content {width: auto !important;}
	
	/* Displaying link color and link behaviour */
	
	.content a[href^=http]:after {
      content:" < " attr(href) "> ";
	}
	$a:after > img {content: "";}
	
	.featuredStory > a:first-of-type:after {content: "";}
	.featuredStory > a {min-height: 15rem;}

	.content a[href^="#"]:after, .content .tagSection a:after, .content .categorySection a:after, .content .categoryWrapper a:after, .content a.features:after, .content a.readMore:after{
	   content: "";
	}

	a:not(:local-link):after {
	   content:" < " attr(href) "> ";
	}

	.tagSection a {
		text-decoration:none !important;
	}
	
	.hideFeature .intro {
		visibility: hidden;
		display: table !important;
		height: 6rem;
	}

	
	/* Adding custom messages before and after the content */
	.contentWrapper .content:after {
	display:block;
	content: "\ ©WITF ";
	color: #999 !important;
	font-size: 1em;
	padding-top: 30px;
	text-align: center;
	}
	
	
	
	/* Hiding unnecessary elements for the print */

	header, footer, .persistentPlayer, progress, .intro.noThumb, .menu-header-social-media-container, .menu-social-media-container, .infoCircleWrapper, .contentFooterWidget3, .editors-picks-title, .editors-picks-wrapper, .upNext, .expandCircle, #menu-mainnav {
	display: none !important;
	}
	
}