/*
	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 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
	|----------------------------------------------------------------------
	*/
	.addthis_toolbox,
	header,
	.header-section,
	.slideshow-section,
	.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,
	.alphaSort,
	.backLink,
	.showGMap,
	.filterOptions,
	.custom_header_slideshow_interior,
	.addthis_toolbox,
	.listingPagerContainer,
	.book-widget,
	.listingSearch form,
	.searchToolsContainer,
	.footer-section,
	.footer-nav,
	.footer-top,
	.footer-bottom-inner .navCol,
	.pagingFilter,
	.webLink,
	.moreLink,
	.tabs dd.active a span.right,
	.custom_header_slideshow_homepage,
	.socialWrapper,
	.googleTranslate,
	.megawidget,
	.feat-event-links,
	.shared-container .item.shared-list .imageCol img,
	.shared-container .item.shared-list .imageCol .featured,
	.shared-detail .detail-img-cont,
	.shared-detail-top,
	.gMapContainer,
	.search_results img,
	.search_result_item .large-2,
	.search_results_pagination,
	.blogPost img,
	.blogPost .postActions,
	.blogPost .footer,
	.custom_slider{display: none !important;}

	.shared-container li {width: 100% !important; height: auto !important;}
	.search_result_item .large-10{width: 100% !important;}
	.blogPost .header{display: block !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;
	}

	.tripbuilder .shared-container .item.shared-list .thumb,
	.tripbuilder .shared-container .item.shared-list .imageCol {display: block !important;}
	.tripbuilder .shared-container .items > li{width: 33.33333% !important;}
	.tripbuilder .shared-container .item.shared-list .imageCol .thumb{position: relative;}
	.shared-container .item.shared-list .imageCol img{display:none;}


	.tripbuilder .shared-container .items > li {
		page-break-before: always; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    	page-break-after: always; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    	page-break-inside: avoid;
    }



	/*
	|----------------------------------------------------------------------
	| ADJUST THESE
	|----------------------------------------------------------------------
	*/
	.row.listingContainer.shared-container li, .couponContainer.shared-container li{
		width: 200px;
		height: 500px;
	}

	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;}
}