@media print and (color) {
	/*this lets some colors be applied*/
	div div, body a{
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   	}
   	body *{
		page-break-before:avoid;
	}


	/*
	|----------------------------------------------------------------------
	| HIDE THESE
	|----------------------------------------------------------------------
	*/
	.detailLink,
	.markerLink,
	.printLink,
	.rssLink,
	.search-container,
	.bookLink,
	.tabs dd,
	.mapTabs,
	.gm-style-cc,
	.couponDetails .listingRow,
	.headerBar,
	.slideshow-container,
	.slideshow-container-interior,
	.nav-side,
	.header,
	.shareButtons,
	.mg .mg-album-browser,
	.photoboxcol:nth-of-type(2),
	.sidebar_container,
	.pagingButtons,
	.pagerContainer,
	.downloadDocument,
	.simpleForm,
	.alphaSort,
	.backLink,
	.showGMap,
	.filterOptions,
	.custom_header_slideshow_interior,
	.addthis_toolbox,
	.listingPagerContainer,
	.book-widget,
	.footer-nav,
	.footer-top,
	.footer-bottom-inner .navCol,
	form,
	.pagingFilter,
	.webLink,
	.moreLink,
	.tabs dd.active a span.right,
	.custom_header_slideshow_homepage,
	.socialWrapper,
	.googleTranslate,
	.header-section,
	.slideshow_container,
	.vguide-cont,
	.footer ul li,
	.footer-cont .footer-content .address .address-inner::before,
	.interior-nav,
	ul.mobile-options,
	.listings-bottom,
	.shared-items .shared-item .contents .actions,
	.shared-map .gMapContainer,
	.shared-map .gMapHolder,
	.shared-map-container .item-list-header,
	.imagebox-grid,
	.feat-event-panel,
	.offers-imagebox-cont,
	.blog-feed-cont,
	.footer_container,
	.homepage-map-cont,
	.parallax-bg,
	.three-col-highlights,
	.imagebox-spotlight,
	.imagegrid,
	[data-sv-spotlight-cont],
	.back-btn-cont,
	.share-cont,
	.shared-top .add-trip,
	.shared-top .links,
	.shared-top .tabs,
	.shared-bottom .gMapContainer,
	.shared-map-container .shared-items .buttons{display: none !important;}


	/*
	|----------------------------------------------------------------------
	| SHOW THESE
	|----------------------------------------------------------------------
	*/
	html body div.hide-for-small-only,
	html body a.hide-for-small-only,
	.tabs dd.active{
		display: block !important;
		background-color: #fff !important;
	}

	.body-section .row,
	.panel-one-col.narrow .row{
		width: 100%;
		max-width: none;
    }

    .body-section {
    	max-width: 1010px;
    	margin: 0 auto;
    }


    .layout-grid .shared-items .shared-item {
     	max-width: none;
    	width: 31%;
    }
    .shared-top {margin-top: 20px;}
    .shared-bottom{padding-top: 0 !important;}
    .results-wrapper,
    .shared-layout.layout-grid,
    .shared-layout.layout-list,
    .shared-layout{
    	border-top: none !important;
    	border-bottom: none !important;
    }

    .shared-items .shared-item.featured .image-container::before,
    .shared-items .shared-item .image-container .image-date-block span.month{
    	color: #fff !important;
    	font-size: 10px !important;
    }


    .shared-items .shared-item .image-container .image-date-block{
    	background: url(/includes/public/assets/images/org-pattern.png) !important;
    }

    .shared-items .shared-item .image-container .image-date-block span.day{
    	color: #fff !important;
    	font-size: 18px !important;
    }

    .shared-map-container .shared-items{
    	position: relative !important;
    	max-width: none !important;
    	height: auto !important;
    }

    .layout-map .shared-items .shared-item .image-container img{
    	position: relative !important;
    	left: auto !important;
    	top: auto !important;
    	transform: none !important;
    }


    .blogPost .header{display: block !important;}

	/*
	|----------------------------------------------------------------------
	| ADJUST THESE
	|----------------------------------------------------------------------
	*/
	a[href]:after {
		content: none !important;
	}
	.print-only.description.print{
		font-size: 14px !important;
		padding: 0 8px;
	}
	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;
		width: 100% !important;
		border: none !important;
	}
	div.content{
		position: relative !important;
		width: 100% !important;
		max-width: 100% !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;
	}
	.footer-logo{
		max-width: 200px;
		position: relative;
	}
	.mg{
		max-height: none !important;
		display: inline-block;
		width: 100%;
	}
	.mg .clearing-assembled{
		border: none;
	}
	.mg .photobox{
		border: none;
		padding: 0 50px !important;
		display: none;
	}
	.mg .clearing-caption{
		text-align: left !important;
		left: auto !important;
		top: 400px !important;
		bottom: auto !important;
		background-color: #fff !important;
		width: 100% !important;
		display: block !important;
		padding: 0px 0px 0px 15px !important;
	}
	.mg .mg-embedded .clearing-blackout{
		height: auto !important;
	}
	.mg .clearing-assembled .clearing-container .visible-img{
		overflow: visible !important;
		height: auto !important;
		display: inline-block !important;
		width: 100% !important;
		max-height: none !important;
		margin-bottom: 100px !important;
	}
	.mg img{
		position: relative !important;
		width: auto !important;
		left: auto !important;
		right: auto !important;
		margin: 0 !important;
		height: auto !important;
		max-height: none !important;
		display: block !important;
		top: auto !important;
		bottom: auto !important;
	}
	.blogContainer .footer.footer-bg{
		padding-left: 0 !important;
	}
	.blogContainer img.avatar{
		max-width: 200px !important;
	}
	div.main_container{
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
	}
	.powered{
		position: absolute;
		right: -60px;
		top: 2px;
	}
	.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;
	}
	.
	.tabs.subtab dd.active{
		border: none !important;
	}
	.tabs.subtab dd.active a{
		padding-top: 0 !important;
		padding-left: 20px !important;
		border-bottom: solid 1px #00a9e0 !important;
		position: relative;
		top: 2px;
	}
	.bottom .bottomInner{
		border: none !important;
	}
	.bottom h3{
		padding: 0 11px !important;
	}
	.blogContainer.single .singlePost{
		border: none;
	}
	.author .imageCol{
		width: 30%;
	}
	.author .contentCol{
		width: 70%;
	}


	/*
	|----------------------------------------------------------------------
	| 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{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-x: visible !important;}
}

