@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans-500-webfont.eot');
    src: url('../fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-500-webfont.woff2') format('woff2'),
         url('../fonts/museosans-500-webfont.woff') format('woff'),
         url('../fonts/museosans-500-webfont.ttf') format('truetype'),
         url('../fonts/museosans-500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	background: #fff;
	color: #444;
}
h1, h2, h3, h4, h5, .product-title, .duration, .per-day-price, .tickets .purchase, .trail-count, .from, .dollars, .button, .value-prop-text {
    font-family: 'museo_sans500', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
	
.medium-gray {
	color: #848f94;
}
.row {
  max-width: 100%; 
}


.name img {
	max-width: 100%;
	height: auto;
	display: block;
}
.product-row {
	border-top: 1px solid #DBDBDB;
	padding-top: 1em;
}
.product-row:hover {
	background-color: #E6F3F9;
}
.product-title {
	font-weight: bold;
}
.dollars {
	font-weight: 700;
	font-size: 2em;
	line-height: 1em;
}
.dollars > sup {
	font-size: .75rem;
}
.dollars > .medium-gray {
	font-size: .875rem;
}
.duration {
	text-align: center;
	display: block;
	line-height: 1.25em;
}
.day-count {
	display: block;
	font-weight: 700;
	font-size: 1.25em;
}
.button.orange {
	background-color: #EE7E43;
	font-size: 1rem;
}
.button.purchase {
	text-transform: uppercase;
}
.button.purchase:hover {
	background-color: #F2AA83;
}

.trail-count .inline-list {
	background-color: rgba(255,255,255,.8);
	padding: .25rem;
}
.trail-conditions {
	background-color: rgba(0,0,0,.65);
	padding: 1rem;
	color: #fff;
}
.trail-conditions .inline-list {
	margin-top: 1rem;
}
.operations {
	margin-bottom: .5rem;
}
.ops-value {
	font-weight: 600;
}
.inline-list .markers {
	width: 15%;
	text-align: center
}
.markers img {
	width: auto;
	height: 15px;
	margin: 0 auto;
}


/* NAV */
.logged-in-initials {
	font-size: 30px;
	line-height: 30px;
	  background-color: #5D6B72;
  font-weight: 200;
  display: inline-block;
  height: 1.45em;
  padding: 0em .4em;
  margin-right: .5em;
}

/* SEARCH */
.search-dropdown {
	padding: .5rem;
	background-color: #5D6B72;
}
.search-dropdown input, .search-dropdown select, .search-dropdown .button, .white-button {
	margin: 0;
}
.search-button {
	padding: .64rem 0;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color: #5D6B72;
}

/* RESORT ADDRESS WRAPPER */
.resort-address-wrapper {
	position: relative;
	background: #edeeef;
	}
.resort-address p {
	margin: 0.75rem 0;
	}
.resort-metadata {
	padding: .86rem 0;
	font-size: .825rem;
}
.resort-metadata span {
	display: inline-block;
	margin-right: 1rem;
}

/* TICKETS FROM CTA + WEATHER BUG*/
.tickets-from-cta-hero, .weather-bug-hero {
	right: 1em;
	bottom: 0;
	
	position: absolute;	
}
.tickets-from-cta-hero, .tickets-from-cta, .weather-bug-hero, .weather-bug {
	background-color: #fff;
	padding: 0;
	line-height: 2rem;
}
.tickets-from-cta:hover {
	background-color: #e6f3f9
}
.ticket-cta-wrapper, .weather-bug-wrapper {
	padding: 1rem;
}
.weather-bug-wrapper {
	text-align: center;
}
a.button.purchase, .weather {
	margin: 0;
	font-size: 1rem;
}

/* cover-img */
.cover-img {

	width: 100%;
	background-image: url("../img/a-basin-lift-cover.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;

}
@media only screen and (min-width: 40.0625em) {
	.cover-img {
		height: 275px;
	}
	.find-tickets .cover-img {
		height: 180px;
	}
}
@media only screen and (max-width: 40.0625em) {
	.cover-img {
		background-image: none;
		background-color: #b73235;
	}
}
.cover-img img {
	width: 100%;
	height: auto;
}

.resort-logo {
  padding: .5em;
  margin: 0 1rem 1rem 0;
  width: 120px;
  height: auto;
  display: block;
  background-color: #fff;
  float: left;
}

.resort-title-wrapper ul {
	margin-bottom: 0;
	margin-top: .5rem;
}

.resort-header {

	padding: 0;
}

.resort-header h1, .resort-header a {
	color: #fff;
}

.resort-title-wrapper {
	position: absolute;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b2731+0,1b2731+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(27,39,49,0) 0%, rgba(27,39,49,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,39,49,0)), color-stop(100%,rgba(27,39,49,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(27,39,49,0) 0%,rgba(27,39,49,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(27,39,49,0) 0%,rgba(27,39,49,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(27,39,49,0) 0%,rgba(27,39,49,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(27,39,49,0) 0%,rgba(27,39,49,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b2731', endColorstr='#1b2731',GradientType=0 ); /* IE6-9 */
}
@media only screen and (max-width: 40.0625em) {
	.resort-header {
		left: 0;
	}
	.breadcrumbs {

	}
	.resort-header h1 {
	padding-left: 80px;
	font-size: 1.8rem;
}
	.resort-title-wrapper  {
	  background: none;
	  position: static;
	  min-height: 9rem;
	}
}
/* SUB NAV */
.sub-nav-wrapper {
	padding: 0;
	margin: 0 0 1rem 0;
}



@media only screen and (min-width: 40.0625em) {
h1 {
  line-height: 1.25em;
  font-size: 2.5em;
}

}

.sub-nav {
	padding: 0 0 0 1.4rem;
	margin: 0;
	border-bottom: 2px solid #edeeef;
}
.sub-nav dt {
	margin-left: 0;
	color: #fff;
	padding: .5rem 1rem 0 0;
}
@media only screen and (max-width: 40.0625em) {
	.sub-nav-wrapper {
		position: static;
		padding: .5rem 1rem;
	}
	.resort-logo {
		width: 70px;
		padding: 0;
		position: absolute;
		bottom: 0;
	}
	.cover-img .tickets-from-cta, .cover-img .weather-bug {
	  margin-top: 2rem;
	  right: 2rem;
	  /*position: absolute;*/
	  width: 15rem;
	}
	h1 {
		font-size: 1.7rem;
	}
}

@media only screen and (max-width: 640px) {
      .name img { max-width: 150px;} }
.sub-nav dt, .sub-nav dd, .sub-nav li {
	margin:0;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a, .sub-nav dt a, .sub-nav dd a, .sub-nav li a {
  border-radius: 0;
  padding: .5rem 0;
  margin: 0 1.25rem;
  display: inline-block;
  color: #0085cA;
    border-bottom: 3px solid #fff;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
	background-color: transparent;
	color: #1B2731;
	border-bottom: 3px solid #1B2731;
}
.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover, .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
  background-color: transparent;
  color: #0085cA;
}

/* TODAY TILE */
.today {
	background-color: #D6DADC;
}
.today .row {
  margin: 1rem 0;
}
.highlight {
  font-size: .8rem;
  font-weight: bold;
  padding: .2em;
  margin-bottom: .5em;
  background-color: #fff;
}
.last-updated {
	text-align: right;
	font-size: .825rem;
	padding: .25rem 0;
}

/* PROGRESS METER FIX */
.meter-wrapper {
	padding: .5rem .5rem 0 .5rem;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}
.progress .meter {
  background: #0085cA;
  display: inline-block;
  float: left;
}
.progress .beginner {
	background-color: #22AF60;
}
.progress .intermediate {
	background-color: #0085cA;
}
.progress .advanced {
	background-color: #60686F;
}
.progress .expert-only {
	background-color: #1B2731;
}

/* MARKERS */
.markers-wrapper {
	display: block;
	background-color: #fff;
	
}
.markers {
	color: #444444;
	font-size: 1.7rem;
	border-right:1px solid #f0f0f0;
}
.markers img {
	width: auto;
	height: 20px;
	margin: 0 .5rem 0 0;
	display: inline-block;
	vertical-align: baseline;
}
.trail-count {
	display: inline-block;
}
.marker-label {
	display: block;
	font-size: 1rem;
}

li.markers {
	padding: 1rem 1rem .5rem 1rem;
	border-bottom: 1px solid #f0f0f0;
	}
}

button, .button {
	margin-bottom: 0;
}

/* WEATHER */
.weather-bug {
	text-align: center;
}
.weather {
	display: block;
	text-align: center
}
.weather.icon img {
	max-width: 35px;
}
.weather.day {
	font-size: .8rem;
	font-weight: bold;
	padding: .2em;
	margin-bottom: .5em;
}
.snowfall-container {
	padding: .5em;
	margin-top: 1em;
}
.weather.temp, .weather.snowfall-measure, .weather.base-measure {
	font-size: 1.6rem;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

/* RESORT-STATS */      
.resort-stats {
	background-color: #f0f0f0;
	padding: 1em;
}
    

/* MAINCONTENT CONTAINER */
.main-content {
	padding: .5rem 1rem;
}

.resort-hours {
	display: block;
}
/* BLOCKQUOTE */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 0px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size: .9em;
}
blockquote.positive-review {
	border-left: 10px solid #90D7AF;
}
blockquote.neutral-review {
	border-left: 10px solid #F7BEA1;
}
blockquote.negative-review {
	border-left: 10px solid #C78E8F;
}
.sidebar blockquote {
  background: #fff;
}

/* ABOUT PANEL */
.about-box-container {
	background-color: rgba(0,0,0,.8);
	padding: .8rem;
	color: #fff;
}
.about-box-container h2 {
	color: #fff;
}

.flex-video {
	margin-bottom: 0;
	}

.tile-container.resort-description {
	background-color: #E6F3F9;
	color: #6f6f6f;
	}
	
.resort-about {
	background-color: #CEE7F4;
	}

/* SIDEBAR */
.sidebar-wrapper {
	padding: 3em 1em 1em;
}
.sidebar {
	padding: 1em;
	background-color: #F6F6F7;
}

/* EQUALIER TILES */
.tilescontainer {
	margin: 0;
}
.tile-wrapper {
	margin: 1rem 0 0 0;
}
.tilenested {
	margin: 0;
	padding: 0 1rem;
}
.tile {
	margin: .5rem 0 1.25rem;
	padding: 1rem;
}

button.positioned-bottom-right, button.positioned-top-right {
	position: absolute;
	right: 1em;
}
button.positioned-top-right {
	top: 0;
}
button.positioned-bottom-right {
	bottom: 0;
}

.view-more-link {
	width: 100%;
	background-color: #fff;
	padding: 0;
	text-align: center;
}
.view-more-link a {
	display: block;
	padding: 1rem;
}
.view-more-link a:hover {
	background-color: #0085cA;
	color: #fff;
}
	
.tile {
	padding: 1rem 0;
}
.trailmap {
	background-image:url('../img/abasin-trailmap.jpg');
	background-size: cover;
	  min-height: 32rem;
}
.conditions{
	background-color: #E6F1C3;
}
.about {
	background-color: #f0f0f0;
}
.tickets {
	background-color: #FFF;
	padding: 1em 0 0 0;
}
.tickets h2 {
	padding: 0 1rem;
}
.tickets .product-row {
	padding: 1rem 0;
}
.tickets .padding {
	padding-bottom: 1rem;
}
.reviews {
	background-color: #f0f0f0;
}
.reviews li {
	padding: 0;
}
.reviews-search-box {
	padding: 0;
}
.reviews-search-box .columns {
	padding: 0;
}
/* TALK BUBBLE */
.bubble-left, .bubble-right
{
	position: relative;
	/*width: 250px;
	height: 120px;
	*/padding: 16px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.bubble-left:after, .bubble-right:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
}
.bubble-left:after {
	left: 49px;
}
.bubble-right:after {
	right: 49px;
}
.bubble-right + a {
	text-align: right;
	display: block
}

/* POI MAP TABS */
.poi-map {
	background-color: #fff;
}
.tabs dd > a, .tabs .tab-title > a {
	background-color: transparent;
	color: #0085cA;
}
.tabs dd.active a, .tabs .tab-title.active a {
	background-color: #0085cA;
	color: #fff;
}
.tabs.vertical{
	max-width: 100%;
	width: 100%;
}
.tabs-content img {
	width: 100%;
	height: auto;
}
.tabs-content {
  max-width: 100%;
}
.tabs-content > .content {
	padding: 0;
}
.tabs-content > .content.active {
  border: 4px solid #0085cA;
}


.pictures{
	background-color: #fff;
	padding: 0;
}
.viewalldealsbutton {
	margin: 2em 0 0 0;
}
.map {
	padding: 0;
}
li.quote {
	padding: 1rem 0;
	border-right: 1px solid #CEE7F4;
	}



.tile-container {
    background-color: #f0f0f0;

}
/* RUNS */
.runs {
	margin-right: 2px;
	padding: 1em;
	background-color: #fff;
	}
[class*="block-grid-"] {
	margin: 0 0 1px 0;

}
/* AMENITIES */

.amenities ul li {
	color: #767d83;
	text-decoration: line-through;
	font-weight: 300;
	list-style-type: none;
	margin-bottom: .5rem;
}
.amenities ul li.has-amenity {
	color: #22AF60;
	text-decoration: none;
	font-weight: 500;
	list-style-image: url('../img/checkmark.png');
}


/* TRAILMAP */
#view-trail-map {
	position: absolute;
	right: 1rem;
	bottom: 0;
	}
	
/* ADVERT */
.advert-container {
	background-color: #fff;
	padding: .5em 0 1em 0;
	margin: .2rem;
}
.advert-wrapper-lb {
	margin: 0 auto;
	width: 728px;
	min-width: 728px;
}
.advert-wrapper-300 {
	margin: 0 auto;
	width: 300px;
	min-width: 300px;
}
.advert-wrapper-sky {
	margin: 0 auto;
	width: 160px;
	min-width: 160px;
}
.advert {
	text-transform: uppercase;
	color: #C2C7CA;
	font-size: .825rem;
	display: block;
}

/* REGIONAL AD */
.region-advert-wrapper {
	padding: 0;
}

.regional-ad {
	background-image: url("../img/abasin-1.jpg");
	background-repeat: no-repeat;
	background-size: cover ;
}
.tile.regional-ad {
	padding: 0;
	margin: 0;
}
.regional-ad h2 {
	color: #fff;
}
.regional-overlay {
	background-color: rgba(27, 39, 49, 0.65);
	padding: 1rem 2rem;
}

.regional-copy, .regional-copy h3 {
	color: #fff;
	padding: 0;
	}

.rec-eng-item {
	background-color: #fff
}
.rec-eng-item h5 {
	padding: 0 1rem;
}
.recommendation-eng img {
	width: 100%;
	height: auto;
	padding: 1rem;
}
.recommendation-eng .miles-from {
	color: #fff;
	font-size: .825rem;
	padding-bottom: .5rem;
}
.recommendation-eng li {
	padding: 0 1px 0 0;
	}
	



/* FOOTER */
.footer-desktop {
	background-image: url('../img/footer-bg.jpg');
	background-repeat: repeat-x;
}
.footer-desktop img {
	width: 988px;
	max-width: 988px;
	margin: 0 auto;
	display: block;
}

/* MAKE GOOGLE MAPS RESPONSIVE */
.google-maps {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/**********/

@media only screen and (max-width: 640px) {
      .name img { max-width: 130px;}
}
      
/**********/

@media only screen and (max-width: 40.0625em) {
	body {
		background-color: #E8E9EA;
	}
	.tile, .tile .columns, .tilewrapper.trailmap-page, .tilewrapper.trailmap-page .columns {
		padding: 0;
	}
	.tile.resort-about {
		padding: 1rem;
	}
	.ad {
		margin-top: 2rem;
	}

	h1 {
		line-height: 1.25em;
		font-size: 2.5em;
	}
	
	.recommendation-eng img {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	.recommendation-eng li {
	margin-top: 0.5em;
	}	
	
	.amenities ul {
		margin-bottom: 0;
	}
	
	.regional-ad {
	background-image: none;
	background-color: #0085ca;
	}
	
	.regional-overlay {
	padding: 1rem;
	}
	.trailmap .view-more-link {
	margin-bottom: 1rem;
	}
	
	.regional-deal-card {
	padding: 0;
	}

	.resort-stats {
	padding-bottom: 0;
	}
	.about-box-container {
		margin-bottom: 1rem;
	}
	.trailmap {
		background-image:none;
	}
	
	li.quote {
	padding-bottom: 0;
	border-top: 1px solid #CEE7F4;
	}

	.map-link {
		padding: .1rem .5rem;
		background-color: #0085cA;
		color: #fff;
		margin-left: .5rem;
	}
	.reviews-and-tips {
		margin-top: 1rem;
	}
	input[type="text"].review-search-box {
		margin: 1rem 0 0 0;
	}
	
}