@media print and (color) {
   	body{
   		height: auto;
   	}
   	body *{
		page-break-before:avoid;
		overflow: visible !important;
	}
	body div{
		overflow: visible !important;
		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;
   	}

	/*
	|----------------------------------------------------------------------
	| HIDE THESE
	|----------------------------------------------------------------------
	*/
	.detailLink,
	.markerLink,
	.printLink,
	.rssLink,
	.search-container,
	.bookLink,
	.tabs dd,
	.mapTabs,
	.gm-style-cc,
	.mg .mg-album-browser,
	.photoboxcol:nth-of-type(2),
	.sidebar_container,
	.pagingButtons,
	.pagerContainer,
	.downloadDocument,
	.simpleForm,
	.alphaSort,
	.backLink,
	.showGMap,
	.filterOptions,
	.addthis_toolbox,
	.listingPagerContainer,
	.book-widget,
	form,
	.pagingFilter,
	.webLink,
	.moreLink,
	.tabs dd.active a span,
	.blogContainer .blogPost h3,
	.postComments,
	.weather-container,
	#sv-headContainer,
	.slideshowContainer,
	.button,
	iframe,
	.iBox,
	.footMap,
	.footSiteMap,
	.enews-container,
	.footerLogoCol > div:nth-child(1),
	.footerNav,
	.footTop,
	.large-pull-8.large-4.columns.contentTopLeft,
	.contentRender_name_plugins_addthis_addthis,
	.detailGallery .text,
	.search_results_above,
	.search_results_pagination,
	.mg .item.slick-slide,
	.mg .navImage,
	.slick-slider i.fa,
	.mobiledtnbanner,
	.dtnbanner{display: none !important;}


	/*
	|----------------------------------------------------------------------
	| SHOW THESE
	|----------------------------------------------------------------------
	*/
	html body div.hide-for-small-only,
	html body a.hide-for-small-only,
	.blogPost .header,
	.blogPost .header h3,
	.tabs dd.active{
		display: block !important;
		background-color: #fff !important;
	}



	/*
	|----------------------------------------------------------------------
	| ADJUST THESE
	|----------------------------------------------------------------------
	*/
	a[href]:after {
		content: none !important;
	}
	h1{
		font-weight: bold !important;
		font-size: 24px !important;
		text-align: left !important;
	}
	h2{
		font-weight: bold !important;
		font-size: 22px !important;
		text-align: left !important;
	}
	h3{
		font-weight: bold !important;
		font-size: 20px !important;
		text-align: left !important;
	}
	h4{
		font-weight: bold !important;
		font-size: 18px !important;
		text-align: left !important;
	}
	h5{
		font-weight: bold !important;
		font-size: 16px !important;
		text-align: left !important;
	}
	h6{
		font-weight: bold !important;
		font-size: 14px !important;
		text-align: left !important;
	}
	div p{
		font-size: 14px !important;
		line-height: 22px !important;
		text-align: left !important;
	}
	ul li{
		font-size: 14px !important;
		line-height: 22px !important;
		text-align: left !important;
	}
	ul.detail-info{
		text-align: left !important;
	}
	.tabs dd.active{
		text-align: left !important;
		float: left;
	}
	div.gMapContainer{
		position: relative !important;
		max-width: 100% !important;	
		border: none !important;
		overflow: hidden !important;
		width: 665px !important;
	}
	div.gMapContainer div{
		float: none !important;
		width: 100% !important;
	}
	div.content{
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	div.listings{
		margin-bottom: 0 !important;
	}
	.listing-detail{
		margin-top: -30px !important;
	}
	.listing-detail .rightCol{
		width: 100%;
		float: left;
		text-align: left;
	}
	.eventDetails .rightCol{
		width: 100%;
		float: left;
		text-align: left;
	}
	.content h5{
		border-left: solid 1px #e1d6c9 !important;
		border-right: solid 1px #e1d6c9 !important;
		border-bottom: solid 1px #e1d6c9 !important;
	}
	.couponDetails{
		margin-top: -30px !important;
	}
	.couponDetails .detailGallery{
		max-width: 250px;
	}
	.couponDetails .detailGallery img{
		width: 100% !important;
	}
	div .contentTopLeft{
		display: block !important;
		width: 100% !important;
	}
	div .contentTopRight{
		display: block !important;
		width: 100% !important;
	}
	.large-push-4.large-8.columns.contentTopRight{
		left: 0 !important;
		width: 100% !important;
		margin-bottom: -40px !important;
	}
	div .feat-events{
		width: 100% !important;
		max-width: none !important;
	}
	div .feat-coupons{
		width: 100% !important;
		max-width: none !important;
	}
	.footerAddress span{
		display: block !important;
		width: 100% !important;
	}
	.footerAddress span:nth-child(1){
		font-weight: bold;
	}
	.detailInfo ul{
		list-style-type: none !important;
	}
	.mg .thoverlay{
		position: relative !important;
		display: block !important;
		width: 100% !important;
	}
	.mg .row.gallery .th{
		vertical-align: top !important;
	}
	.mg .item.slick-slide.slick-active{
		width: 650px !important;
		display: block !important;
		left: 485px !important;
		margin-bottom: 30px !important;
	}
	.mg .item.slick-slide.slick-active img{
		width: 100% !important;
	}
	.mg .text-center{
		margin-top: 30px !important;
		display: block !important;
	}
	.mg .text-center h4{
		font-weight: normal !important;
	}
	.highlight-container{
		overflow: hidden !important;
	}
	.blogContainer .footer.footer-bg{
		padding-left: 0 !important;
	}
	.blogContainer img.avatar{
		max-width: 200px !important; 
	}
	.blogContainer .blogPost{
		text-align: left;
	}
	.blogContainer .blogPost  img{
		display: none;
	}
	.blogContainer .blogPost.blogSingle  img{
		display: block !important;
		margin: 10px !important;
		max-width: none !important;
	}
	div.main_container{
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
	}
	
	div dl.tabs{
		width: 100% !important;
		max-width: none !important;
		display: block !important;
		margin-bottom: 50px !important;
	}
	.tabs dd.active a{
		background-color: #fff !important;
		color: #000 !important;
		padding-left: 0 !important;
		padding-top: 20px !important;
	}
	.detailPanes .tabs-content{
		margin-top: 45px !important;
	}
	div .tabs.subtab{
		border: solid 1px #d9d4c8 !important;
	}
	.tabs.subtab dd.active{
		border: none !important;
	}
	.tabs.subtab dd.active a{
		padding-top: 0 !important;
		padding-left: 20px !important;
		border-bottom: solid 1px #d9d4c8 !important;
		position: relative;
		top: 2px;
	}
	.bottom .bottomInner{
		border: none !important;
	}
	.detailPanes.bottom{
		margin-top: -30px;
	}
	.bottom h3{
		padding: 0 11px !important;
	}
	.blogContainer.single .singlePost{
		border: none;
	}
	.author .imageCol{
		width: 30%;
	}
	.author .contentCol{
		width: 70%;
	}
	.content-middle .columns.large-3:nth-of-type(4){
		float: left;
	}
	

	/*
	|----------------------------------------------------------------------
	| NO PAGE BREAK ON THESE (this doesnt seem to work in chrome nowadays, 
							  certain versions this will work)
	|----------------------------------------------------------------------
	*/
	h1,h2,h3,h4,h5,h6,
	div [data-sv-item], div .item,
	div.gMapContainer,
	div.content,
	.footer-bottom{page-break-inside: avoid !important;}

	div.footer-section{
		page-break-inside: always;
	}



	/*
	|----------------------------------------------------------------------
	| FOUNDATION STYLES ( so column rules are still applied)
	|----------------------------------------------------------------------
	*/
	  .large-push-0 {
	    position: relative;
	    left: 0%;
	    right: auto; }

	  .large-pull-0 {
	    position: relative;
	    right: 0%;
	    left: auto; }


	  .large-push-1 {
	    position: relative;
	    left: 8.33333%;
	    right: auto; }

	 
	  .large-pull-1 {
	    position: relative;
	    right: 8.33333%;
	    left: auto; }

	  .large-push-2 {
	    position: relative;
	    left: 16.66667%;
	    right: auto; }

	  .large-pull-2 {
	    position: relative;
	    right: 16.66667%;
	    left: auto; 
	  }

	  .large-push-3 {
	    position: relative;
	    left: 25%;
	    right: auto; }

	  .large-pull-3 {
	    position: relative;
	    right: 25%;
	    left: auto; }

	  .large-push-4 {
	    position: relative;
	    left: 33.33333%;
	    right: auto; }

	  .large-pull-4 {
	    position: relative;
	    right: 33.33333%;
	    left: auto; }

	  .large-push-5 {
	    position: relative;
	    left: 41.66667%;
	    right: auto; }

	  .large-pull-5 {
	    position: relative;
	    right: 41.66667%;
	    left: auto; }

	  .large-push-6 {
	    position: relative;
	    left: 50%;
	    right: auto; }

	  .large-pull-6 {
	    position: relative;
	    right: 50%;
	    left: auto; }

	  .large-push-7 {
	    position: relative;
	    left: 58.33333%;
	    right: auto; }

	  .large-pull-7 {
	    position: relative;
	    right: 58.33333%;
	    left: auto; }

	  .large-push-8 {
	    position: relative;
	    left: 66.66667%;
	    right: auto; }

	  .large-pull-8 {
	    position: relative;
	    right: 66.66667%;
	    left: auto; }

	  .large-push-9 {
	    position: relative;
	    left: 75%;
	    right: auto; }

	  .large-pull-9 {
	    position: relative;
	    right: 75%;
	    left: auto; }

	  .large-push-10 {
	    position: relative;
	    left: 83.33333%;
	    right: auto; }

	  .large-pull-10 {
	    position: relative;
	    right: 83.33333%;
	    left: auto; }

	  .large-push-11 {
	    position: relative;
	    left: 91.66667%;
	    right: auto; }

	  .large-pull-11 {
	    position: relative;
	    right: 91.66667%;
	    left: auto; }

	  .column,
	  .columns {
	    position: relative;
	    padding-left: 0.9375rem;
	    padding-right: 0.9375rem;
	    float: left; }

	  .medium-1,
	  .large-1 {
	    width: 8.33333%; }

	  .medium-2,
	  .large-2 
	  {
	    width: 16.66667%; }

	  .medium-3,
	  .large-3 
	  {
	    width: 25%; }

	  .medium-4,
	  .large-4 
	  {
	    width: 33.33333%; }

	  .medium-5,
	  .large-5 
	  {
	    width: 41.66667%; }

	  .medium-6,
	  .large-6 
	  {
	    width: 50%; }

	  .medium-7,
	  .large-7 
	  {
	    width: 58.33333%; }

	  .medium-8,
	  .large-8 
	  {
	    width: 66.66667%; }

	  .medium-9,
	  .large-9 
	  {
	    width: 75%; }

	  .medium-10,
	  .large-10 
	  {
	    width: 83.33333%; }

	  .medium-11,
	  .large-11 
	  {
	    width: 91.66667%; }

	  .medium-12,
	  .large-12 
	  {
	    width: 100%; }

	  .large-offset-0 {
	    margin-left: 0% !important; }

	  .large-offset-1 {
	    margin-left: 8.33333% !important; }

	  .large-offset-2 {
	    margin-left: 16.66667% !important; }

	  .large-offset-3 {
	    margin-left: 25% !important; }

	  .large-offset-4 {
	    margin-left: 33.33333% !important; }

	  .large-offset-5 {
	    margin-left: 41.66667% !important; }

	  .large-offset-6 {
	    margin-left: 50% !important; }

	  .large-offset-7 {
	    margin-left: 58.33333% !important; }

	  .large-offset-8 {
	    margin-left: 66.66667% !important; }

	  .large-offset-9 {
	    margin-left: 75% !important; }

	  .large-offset-10 {
	    margin-left: 83.33333% !important; }

	  .large-offset-11 {
	    margin-left: 91.66667% !important; }
	  html,body {overflow: visible !important;}
}

