/*
	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 {
	size: letter landscape;
	@page { margin: 0.5cm; }

	body {height: auto;}
   	body * {page-break-before:avoid;}
	body div {position: relative;}
	
	/*this lets some colors be applied*/
	body div, div div, body a {
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
   	}

	a[href]:after { content: "" !important; }
	p,
	span,
	img {display:block; page-break-inside: avoid;}
	a {text-decoration: none !important;}
	.panel_page {
		width: 100%;
		margin: 0;
		float: none;
	}
	.slideshow-section,
	.footer-section,
	.panel_custom_header .section-search,
	.panel_custom_header .section-top-nav,
	.panel_custom_header .section-weather,
	.panel_custom_header .section-social-links,
	.panel_custom_header .bottom,
	.blogSearchForm,
	.blogPost .footer,
	.blogSingle .primaryImg,
	.relatedPosts,
	.booking,
	.rssLink,
	.nav-side,
	.eventsFormContainer,
	.sidebar_container,
	.gMapContainer,
	.eventPagerTop,
	.listings .links,
	#listings #listingSearch,
	.content-box,
	.nav-pager,
	.imagebox,
	.showGMap,
	.sharedPagerContainer,
	form,
	.addthis_toolbox,
	.image-panel {
		display: none;
	}
	.events-widget li .date {
		bottom: -25px;
	}

	/*blog print css*/
	.blogPost .primaryImg {
		width: 275px;
		height: 100px;
	}
	.blogPost {
		width: 100%;
		margin: 5px;
		float: left;
	}
	.blogPost .postContent,
	.blogPost .header .subHead
	{
		margin: 0px;
	}
	.blog_core_panel img {
		width: 50%;
	}

	/*list print css*/
	.listings .items {
		width: 30.33%;
		float: left;
		margin: 5px;
	}
	.listings .catHeading {
		clear: both;
	}
	.contact,
	.panel_custom_three_col_even .row {
		display: flex;
		justify-content: space-around;
		flex-grow: 1 1 1;
	}
	.detailTop,
	.panel_custom_two_col_even_split .row {
		display: flex;
		justify-content: space-around;
		flex-grow: 1 1;
	}
	.imageCol {
		width: 50%;
	}

}

