/*
	This file will be included in header in every page after reboot.
	It should be used for content that relates
	to your site as a whole, it should not be used for
	plugin-specific css
*/

@media print {
	
	@page { 
		size: letter landscape;
		margin: 0.5cm; 
	}
	
	header,
	footer,
	.panel-header,
	.panel-footer,
	.top-bar, 
	#sv_adminBar, 
	.homepage-slideshow,
	.interior-slideshow,
	.featured-footer:before,
	.custom_imagebox,
	.play-btn,
	.social-links,
	.rssLink,
	.searchToolsContainer,
	.sharedPagerContainer,
	.shared-filter,
	.listing-detail .detailPanes .tabs,
	.columns .panel_tabs .tabs
	.listing-detail #tab-social,
	.mapTabs,
	.showGMap,
	.couponDetailContainer .topButtons,
	.gMapContainer,
	.search_results .resultForm,
	.search_results .search_results_filters,
	.search_results .search_results_above,
	.search_results .search_results_pagination,
	.widget_left_container iframe,
	.widget_right_container iframe,
	.blogContainer .blogSearchForm,
	.blogContainer .pagingButtons,
	.blogContainer .postActions,
	.blogContainer .downloadDocument,
	.blogContainer .postComments,
	.nearby,
	.showMoreContainer,
	.loadmore,
	.contentRender_name_plugins_nav_side,
	.custom_header_slideshow_homepage,
	.custom_header_slideshow_interior,
	[id^=sv_adminBar],
	[data-sv-addthis],
	.layoutjs .settings,
	.layoutjs .pager-section,
	.layoutjs .content .item .image,
	.layoutjs i,
	.shared-detail .detail-gallery,
	.shared-detail .bottom-actions,
	.shared-detail .top-actions,
	.shared-detail i,
	.youmayalsolike,
	.shared-detail button:not(#drawer_descriptionTab),
	.shared-detail .detail-drawers dd > div:not(#descriptionTab),
	.layoutjs .filterPane,
	.hero-slider,
	.ccl-widget,
	.text-intro .button-row,
	.custom-preview-slider,
	.no-print {display: none!important;}

	/* remove url's from printing in chrome */
	a, a:visited {
		text-decoration: none !important;
	}
	a[href]:after {
		content: "" !important;
	}
	
	/* In order for page-break-inside: avoid!important; to work, both parent and child element must be position: relative; */
	section, .content, img {
		display: block !important;
		page-break-inside: avoid;
	}

	.layoutjs .content .item .info h4,
	.layoutjs .content .item .info h4 a,
	.shared-detail .detail-top h1,
	.shared-detail .detail-drawers .drawer-button,
	.shared-detail a,
	.text-intro .title {
		color: var(--black) !important;
	}

	.layoutjs .content .item .info,
	.shared-detail .detail-info-bar {
		background-color: transparent !important;
	}

	.shared-detail .detail-top,
	.text-intro .title .title-highlight {
		background: transparent !important;
	}

	.shared-detail .detail-drawers dd {
		border: none !important;
	}

	.shared-detail .detail-info-bar {
		margin-bottom: 0 !important;
	}

	.shared-detail .detail-top .info-section {
		padding-bottom: 0 !important;
	}

	.layoutjs * {
		position: static !important;
		display: block !important;
	}

}