/*
	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],
	.slideshow-container,
	[class*="contentRender_name_plugins_collections"],
	.layoutjs .settings,
	.contentRender_name_plugins_common_container_navigation_share,
	button,
	input,
	textarea,
	select,
	.button-default,
	.button-wrapper,
	.layoutjs .settings,
	.layoutjs .content .item .tripbuilder,
	.layoutjs .content .item .image .featured,
	.layoutjs .content .item .image,
	.layoutjs .pager,
	.header-container,
	.footer-container,
	.rfpForm,
	.contentRender_name_plugins_common_tabs,
	.shared-detail .detail-top .detail-gallery img,
	.shared-detail .detail-top .detail-gallery,
	.shared-detail .detail-top .info-section .top-actions,
	.shared-detail .detail-top .info-section .bottom-actions,
	.custom-blog-detail-hero,
	.blog-container img,
	.leisure-blog .blog-container .related-posts,
	.shared-detail .detail-top .detail-gallery .info-section .back-button,
	.shared-detail .detail-info-bar .content .top-actions,
	.social-feeds,
	#mapTab .content,
	.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;
	}

	#main-content, .content, .root-panel {
		background-color: white !important;
	}

	.shared-detail .detail-top,
	.shared-detail {
		background: none;
		border: none;
	}

	.shared-detail .detail-top .info-section > :not(.top-actions) {
		padding: 0 !important;
	}

	.shared-detail .detail-top,
	.shared-detail .detail-info-bar,
	.shared-detail .detail-drawers,
	.shared-detail .detail-top {
		max-width: 1000px !important;
	}

	.shared-detail .detail-top .info-section {
		border: none;
		background-color: white;
		padding: 62px;
		border-bottom: 2px solid var(--primary-color-900);
	}

	.shared-detail .detail-top .info-section h1, .shared-detail .detail-top dt, .shared-detail .detail-top dd {
		color: var(--primary-color-900);
	}

	.shared-detail .detail-info-bar {
		background-image: none;
		background-color: white;
		padding-top: 42px;
	} 

	.shared-detail .detail-info-bar .content .split-pane .info-list li, .shared-detail .detail-info-bar .content .split-pane .info-list a {
		color: var(--primary-color-900);
	}

	.layoutjs {
		background-color: white !important;
		margin-left: 30px !important;
	}

	.layoutjs .content.grid .item {
		box-shadow: none !important;
	}

	.shared-detail .meta-label {
		background: none;
	}
	
	.layoutjs .content .item.hasWebsite {
		padding-bottom: 0;
	}

	.layoutjs .layout-container {
		width: 100vw;
	}

	.layoutjs .content .item {
		box-shadow: none !important;
		padding: 0 !important;
		margin: var(--space-4) 0 !important;
		border-bottom: 1px solid rgb(224, 224, 224) !important;
		page-break-inside: avoid;
	}

	.layoutjs .content .item:last-child,
	.layoutjs .content .item:first-child {
		margin-top: 0 !important;
		padding-top: 0 !important;
		min-height: 0;
	}

	.layoutjs .content .item .top-info,
	.layoutjs .content .item .info {
		padding: 0 !important;
		min-height: 0;
		background-color: white;
	}

	.shared-detail .detail-top {
		grid-template: auto / 1fr;
		max-width: var(--width-base);
		margin: 0 auto;
	}

	.shared-detail .detail-drawers .drawers #descriptionTab > button[title="Overview"], .shared-detail .detail-drawers > dl.drawers > #descriptionTab .content, .shared-detail .detail-drawers > dl.drawers > #amenitiesTab button[title="Amenities"] {
		display: block !important;
		background-color: white;
	}

	.shared-detail .subtab {
		display: grid;
		gap: var(--space-5);
	}

	.shared-detail .detail-drawers ul.amen-subtab li {
		background-color: white !important;
	}

}