/*
	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
	|----------------------------------------------------------------------
	*/
	.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,
	footer,
	header,
	.main-banner-container, 
	.monterey-video-container,
	.global-subnav-container,
	.columns.medium-4.medium-offset-1,
	#listingSearch,
	.actions-inner,
	.internal-actions,
	.listing-social-share-container,
	.listing-description-container .columns.medium-4,
	.details .slick-arrow,
	.listing-details-carousel-container,
	.eventsSearchForm.shared-filter,
	.couponFilterContainer.shared-filter,
	.sharedPagerContainer,
	.panel_custom_widget_container,
	.columns.medium-4.sidebar-container{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;
	}




	/*
	|----------------------------------------------------------------------
	| ADJUST THESE
	|----------------------------------------------------------------------
	*/
	.item[data-list-item] .listing-block h2 a{
		font-weight: 700;
		line-height: 2rem;
	}
	.columns.medium-7, .columns.medium-8.main-container, .listing-description-container .columns.medium-8{
		width: 100%;
	}

	.details-content-container .inline-list{
		margin-left: 0;
	}

	.postSqueeze .medium-3.large-2.columns{
		width: 16%;
	}

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

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