/*
	This file will be included in header in every page after foundation.
	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],
	div[class*="contentRender_name_plugins_collections_template_custom"],
	[data-quickview-button],
	.layoutjs img,
	.layoutjs .filterPane,
	.layoutjs .settings,
	.layoutjs .pager,
	.contentRender_name_plugins_common_container_social,
	.detail-gallery,
	.tripbuilder,
	.back-share-panel,
	.social-icons,
	.blog-post img,
	.contentRender_name_plugins_common_video_autoplayer_pro,
	.contentRender_name_plugins_common_video_autoplayer,
	.contentRender_name_plugins_common_vguide,
	.contentRender_name_plugins_common_container_navigation_share,
	i,
	.tripadvisor-snippet,
	.share-button,
	.read-more,
	*::before,
	*::after,
	.shared-detail .action-item,
	.shared-detail .map,
	.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 {
		border-bottom: none !important;
	}

	.shared-detail .detail-panes > dl.drawers > dd > .content {
		color: #000 !important;
	}
}