/* @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; */

/* og black 121212, new - */

/*  small width portrait mode */
@media (max-width: 540px) {
    body {
        font-size:18px !important;
    }


    .gallery-control-container {
    	display: none !important;
    }

    .full-page-content, .content-intro {
    	margin-top: 190px !important;
    }

    .stories.small-screen .full-page-content, .content-intro {
    	margin-top: 140px !important;
    }

} /* end 540 max width */

.ui-loader-default {
	display: none;
}

body {

	background: no-repeat fixed;
	background-color: #333131;
	background-image: url('/media/mw-logo-white-t.png');
	background-position-y: 4px;
	background-size:  81px;

/*	border-left:  1px solid #817d7d;*/
	
	/* border-right:  1px solid #efefef; */
	
	color: #d9d6d6;

	font-family: 'Assistant';
	
	padding: 0 3px;
	position: relative;
	margin-left: 79px;
}

i {
	padding: 3px;
}

@media screen and (min-width: 901px) {

	body {
	 	margin: 0px auto 0 95px;
	}

	body .header-container picture .header-image {
		min-height: 350px !important;
		max-height: 590px !important;
	}
}

body.loading {
	cursor: progress;
}

.hidden {
	display: none !important;
}

body.encounter-page main {
	margin-top: 250px !important;
}


/* default link color -- gold */
a {
	color: #f9d54b;
}

/* h4 override default link color */
h4 a {
	color: #d9d6d6;
	text-decoration: none;
}

h4 a:hover,
.menu-container a:hover {
	text-decoration: underline;
}

.modal-open .menu-container {
	display: none;
}

.menu-container a {
	text-decoration: none;
}

.menu-container {

	position: fixed;
	left: 0px;
	top: 120px;
	width: 94px;
}

.menu-container .menu-item {


}


body.homepage h2,
.subscription-page h2 {
	margin-left: 20px;
	font-size: 27px;
}

body.homepage .encounter-timeline h2 {
	margin-bottom: 1px;
}


/* default header image for non-home pages */
body .header-image {
	background: no-repeat;
	background-image: url('/media/_web3000/ea6316df-8e68-48a8-aad9-90b84f7a04a0.jpg');
	min-height: 220px !important;
	max-height: 390px;
	width: 100%;
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

.header-caption {
  background: rgba(5, 50, 50, 0.6);
  font-size: 26px;
  margin-top: -39px;
  padding: 6px;
  height: 27px;
}

.homepage .header-image,  
.subscription-page .header-image {

	background: no-repeat;
	/* rmnp herd: ea6316df-8e68-48a8-aad9-90b84f7a04a0, st vrain rams: a60d4e41-b2cf-4a68-94a9-0f12dcb13385 */
	background-image: url('/media/_web3000/ea6316df-8e68-48a8-aad9-90b84f7a04a0.jpg'); 
	max-height: 390px;
  background-size:     cover;                      /* contain or cover <------ */
  background-repeat:   no-repeat;
  background-position: 50% 40%;

}



body h1
, body h2
, body h3
, body h4
, body h5 {

	font-family: 'Poiret One', cursive;

}

h1 {
		padding-left: 8px;
}

.left-float {
	float: left;
	margin: 4px;
}

body .image-category i {
	padding-right: 4px;
}

body .image-category .category-label {
	background: rgba(34, 30, 30, 0.6);
	margin-top: 52px;
	display: inline-block;
	width: 102px;
}

body .image-categories {

padding: 10px 3px;
margin-bottom: 30px;

}

body .image-category {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
	border: 1px solid;
	display: inline-block;

	height: 80px;
	font-size: 16px;
	margin: 4px 2px;

	text-align: center;
	text-shadow: 1px 1px black;
	vertical-align: middle;
	width: 115px;
}



body .image-category.wildlife {
	background-image: url('/media/_thumbnails/9987919b-f72d-477d-8c69-75f80704a252.jpg');
}
body .image-category.weasels {
	background-image: url('/media/_thumbnails/edc1533a-bbdf-425e-8b82-5385a16bbc57.jpg');
}
body .image-category.wildhorses {
	background-image: url('/media/_thumbnails/bd4dddd7-ea91-4c6f-81fd-976af252584b.jpg');
}
body .image-category.moose {
	background-image: url('/media/_thumbnails/c984cf65-0b3d-41be-96bd-f110d3033374.jpg');
}
body .image-category.bighorn {
	background-image: url('/media/_thumbnails/2c00af73-130d-42cf-b892-f37c2198fab5.jpg');
}
body .image-category.birds {
	background-image: url('/media/_thumbnails/45ff3b38-16ee-4d78-997f-6657dca35953.jpg');
}
body .image-category.landscapes {
	background-image: url('/media/_thumbnails/f9038b9b-71b8-41ad-ad65-e80651f24012.jpg');
}

.featured-content-filter {
	margin: 20px 20px;
}

.featured-content-filter .image-category,
.featured-content-filter .image-tier {
	cursor: pointer;
}

.featured-content-filter .image-category:hover,
.featured-content-filter .image-tier:hover {
	border: 1px solid #f9d54b	;
}

.featured-content-filter .image-tier {
	font-size: 20px;
	padding: 6px;
}

.ui-help-info {
	margin: 0 20px -8px;
	font-size: 18px;
	max-width: 72%;
}

body.encounter-page .header-container,
body.adventure-page .header-container {
	height: 26%;
	max-height: 255px;
	margin-bottom: 10px;
	overflow: hidden;
}


body.limited-edition .header-container {
	height: 105px;
	margin-bottom: 10px;
	overflow: hidden;
}

.header-top-text {

	background:  rgba(5, 50, 50, 0.7);
	display: block !important;
	height: 50px;
	
	font-family: 'Poiret One', cursive;
	
	font-weight: bold;
	line-height: 55px;
	
	padding: 20px;
	position: relative;
	
	vertical-align: middle;
	width: 100%;
	
	z-index: 500;
}

.header-top-text h1 {
	font-size: 32px;
	margin: 0;
	padding: 0;
}


.header-top-text span {
	padding-left: 10px;
}


/* home */
/* home */

.homepage .about-intro {
	border: none !important;
	display: inline-block;
	width: 16%;
	vertical-align: top;
	font-size: 21px;
	padding: 5px;
}

.homepage .about-intro .large-text  {
	font-size: 24px;
	font-weight: 600;
}

.homepage .about-intro p {
	padding: 0;
	margin: 0;
}

.about-intro h3 {
	margin-bottom: 6px;
	margin-left: 4px;
}

.about-intro h3 span {
	font-size: 18px;
	font-style: italic;
}

.stories .story-container .primary {
	max-width: 88% !important;
}

/* homepage gallery + featured-content-container */

.homepage .featured-content-container {
	display: inline-block;

	position: relative;
	text-align: center;
	vertical-align: top;
	width: 99%;
	z-index: 501;
}



.content-container {
	border: 1px solid #564f4f;
	display: inline-block;
	margin: 7px;
	height: 325px;
	width: 23%;
	vertical-align: top;
}


.homepage .content-container {

	background: no-repeat;
	height: 205px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: -1px 1px 6px 2px lightgray;
  
  width: 20%;

}


.homepage .favorite-images {

	background-image: url('/media/_thumbnails/1afbdae6-eb9f-4ed1-81eb-a4d4ff34013b.jpg');
	

}

.homepage .closest-encounters {

	background-image: url('/media/_thumbnails/084A0600_2.jpg');

}


.homepage .photo-journal {

	background-image: url('/media/digial-journal.png');

}


.homepage .available-prints {

	background-image: url('/media/_thumbnails/f2461570-d859-4faa-a17f-4a1ed9c3f800.jpg');

}


.homepage .image-catalog {

	background-image: url('/media/images/wildlife-gallery-thumbs2.png');

}

.homepage .gallery.landscape-gallery {

	background-image: url('/media/_thumbnails/084A6927.jpg');

}

.homepage .data-catalog {

	background-image: url('/media/trail-map-preview.png');

}


.homepage .wildlife-gallery .gallery-overlay,
.homepage .landscape-gallery .gallery-overlay {
	border: 1px solid #efefef;
}

.gallery-overlay {
	background: rgba(0, 0, 0, 0.68);
	height: 100%;
	float: right;
	width: 100%;
}


.gallery-overlay#all {
	background: none;
}

.homepage .featured-content-container .content-container h3 {
	margin-bottom: 8px;
	margin-top: 75px;
}

.homepage .featured-content-container .content-container h3,
.view-gallery i  {
  width: 100%;
  text-align: center;
  font-size: 31px;
}

/*	.homepage .featured-content-container .content-container h3 {
		font-size: 29px !important;
	}*/


.homepage  .gallery-overlay:hover
, .gallery-overlay#all:hover  {
	color: rgba(5, 50, 50, 1);
	cursor: pointer;
	background: rgba(239, 239, 239, 0.7);
}

.homepage .encounter-timeline {
	clear: both;
	font-size: 20px;
	margin-bottom: 50px;
}

body.photo-journal .encounter-timeline {
	margin-left: 20px;
}

.homepage .encounter-timeline  .encounter,  
.homepage .adventure {
	float: none;
	margin: 0 0.25%;
	display: inline-block;
	zoom: 1;
	padding: 8px 8px;
	vertical-align: top;
	width: 28vw;
	/* max-width: 420px; */

}

.homepage .encounter-timeline h5 {
	font-size: 16px;
	margin: 0 8px 8px;
}

.homepage .see-more {
  border-radius: 0px 10px 0px 0px;
  background-color: #464040;
  display: block;
  margin-left: 12px;
  padding: 8px;
  width: 215px;
  text-align: center;
  font-size: 20px;
  margin-top: 6px;
}

.homepage .trail-maps .see-more {
	background-color: transparent;
	padding: 0 0;
	text-align: left;
	width: auto;
}

.homepage .see-more:hover {
	background-color: #5b5858;
}

.homepage .trail-maps .see-more:hover {
	background-color: transparent;
}

.trail-maps h4 {
	margin-left: 8px;
}

h4 {
	display: inline-block;
	float: left;
	font-size: 19px;
	margin: 8px 0;
	position: relative;
	vertical-align: top;
	
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: calc(99%);
	}

.homepage .days-ago {
	
	display: inline-block;
	background: rgba(50, 50, 50, 0.6);
	
	
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	top: 30px;
	left: 0;
	padding-left: 1%;
	width: 99%;

}

/* end home */
/* end home */


.content-intro {
	margin: 8px;
	padding: 4px;
	font-size: 21px;
	width: 73%; /* was 53. Favorites, */
}


.full-page-content,
.content-intro {
	border-left: 1px solid;
	margin-top: 180px;
	padding: 4px;
	font-size: 21px;
	width: 99%;
}

.full-page-content h2, 
.content-intro h2 {
	margin-left: 20px;
	margin-top: 8px;
}

.full-page-content p, 
.content-intro p {
	margin: 15px 20px;
	max-width: 82%;
}


.full-page-content h3, 
.content-intro h3 {
	float: none;
	margin: 25px 20px 10px;
}

/* favorites */

.favorites-container {

}

.favorites-content {
	margin-left: 20px;
}

.favorites-content .gallery-item-content {
	display: inline-block;
	margin: 4px 4px 14px;
	padding: 4px;
	vertical-align: top;
	max-width: 460px;
	width: 30%;
}

.favorites-content img {
	max-width: 450px;
	width: 100%;
}

.favorite.featured {
	border-bottom: 1px solid #3c3c2b;
	display: inline-block;

	padding: 8px;
	margin-bottom: 2px;
}

.favorites-container .encounter-primary-photo{
	display: inline-block;
	vertical-align: top;
}

.favorites-container .featured .encounter-primary-photo  {
	max-width: 400px;
}


/* end favorites */


/* print inventory overrides - close encounter template */
body.print-inventory .image-comparisons img {
	max-height: 270px;
}

body.print-inventory .close-encounter-container .details-container {
		width: 42%;
}


/* mobile / small screen overrides  */
/* mobile / small screen overrides  */
/* BEGIN SMALL VIEWPORT ADJUSTMENTS --- BEGIN SMALL VIEWPORT ADJUSTMENTS --- BEGIN SMALL VIEWPORT ADJUSTMENTS */
/* BEGIN SMALL VIEWPORT ADJUSTMENTS --- BEGIN SMALL VIEWPORT ADJUSTMENTS --- BEGIN SMALL VIEWPORT ADJUSTMENTS */

@media screen and (max-width: 900px) {

	.jump-to-top {
		display: none !important;
	}

	body {
		/* width: 94% !important; */
		margin-left: 5px !important;
	}

	/* hide image controls */
	.gallery-control-container {
		display: none !important;
	}

.homepage .featured-content-container {

}

body.stories p {
	max-width: 82% !important;
}

	body.homepage .content-container {
		
		margin: 10px;
		width: 90%;
		min-width: 90% !important;

	}

	.homepage .about-intro {
		width: 90% !important;
		height: auto !important;
	}


	.header-top-text {
	
		height: auto;
		margin-top: 0px;
	}
	

	i.icon-control {
	  left: -28px !important;
	  font-size: 21px !important;
	}

  .homepage .encounter-timeline .encounter, .homepage .adventure,
  .gallery-page .gallery-item-content, .encounter-page .gallery-item-content {
  	width: 36vw !important;
  	margin: 2px !important;
  	padding: 3px !important;
  }

  .story-container .pre-secondary, 
  .story-container .post-secondary {
  	display: none !important;
  }

  body.stories  .story-container .primary .gallery-item-content {
  	max-width: 35vw !important;
  	padding: 2px 5px !important;
  }

  .header-top-text {
  	font-size: 20px !important;
  	padding: 5px !important;
  }

  .header-caption .caption-text{
  	font-size: 18px !important;
  	overflow: hidden;
  }

  .homepage .days-ago {
  	display: none !important;
  }

	.full-page-content h2, .content-intro h2 {
	  margin-top: 48px !important;
	}

body.encounter-page .encounter-description.short {
	height: 20px !important;
}

body.encounter-page main {
  margin-top: 150px !important;
}

  body.encounter-page .encounter-description {
  	
  	overflow: hidden;
  	text-overflow: ellipsis;
}

body.encounter-page .encounter-description:after {
	content: '...';
}


  .gallery-container {

  	margin-bottom: 0px !important;
  	padding-bottom: 150px !important;

  }

  .header-container {
  	max-height: 55%;
  }

	.homepage .featured-content-container {
	  
	  margin-top: 10px;
	 
	}

	.homepage .header-caption {
		width: 100% !important;
	}

	.header-top-text h1 {
		font-size: 26;
		max-height: 55px;
		overflow: hidden;
	}

  .gallery-page .header-container {
  		margin-bottom: 20px;
  		overflow: hidden;
  		max-height: 105px;
  		padding: 10px;
  }

  body .header-container .menu-header-tabs {
  	padding: 0;
  }

  .full-page-content, .content-intro {
  	margin-top: 140px;
  }

  .ui-help-info {
  	max-width: 90%;
  }

	.homepage .featured-content-container .content-container h3 {
	  margin-top: 12%;
	}

  .gallery-items .content-text {
  	display: none !important;
  }

	.shop .prints-overview,
	.shop .prints-overview-image {
		width: 98% !important;
	}
	
	.modal-open .header-controls {
		top: auto !important;
		bottom: 0px;
	}

.gps-map {
/*	height: 300px !important;*/
}

.gps-map iframe {
	height: 300px !important;
	width: 95% !important;
}

.data-overview .about-intro,
.data-overview .data-intro {
	width: 90% !important;
	}

.all-encounters .encounter-intro p {
	width: 90% !important;
}

		.all-encounters .date-stats, 
		.all-adventures .date-stats {
			display: none !important;
		}

		.all-encounters .encounter-primary-photo,
		.all-adventures .adventure-primary-photo {
			width: 95% !important;
		}

		.limited-edition .primary-photo {
			width: 95% !important;
			max-width: 95% !important;
			display: block !important;
			position: relative !important;
			top: 0 !important;
			right: 0 !important;
		}

		.all-encounters .encounter-content, 
		.all-adventures .adventure-content {
		  font-size: 18px !important;
		  margin-left: 3px !important;
		  max-height: 250px !important;
		  width: 96% !important;
		  overflow: hidden !important;
		  padding-bottom: 20px !important;
		}

		.all-encounters .days-ago
		, .all-encounters .animal_count
		, .all-encounters .distance {
			display: none !important;
		}

		.encounter-description.short .short-description,
		.adventure-description.short .short-description {
			display: none !important;
		}

		.all-encounters .encounter-content,
		.all-adventures .adventure-content {
			display: block !important;
		}

		.edition-content {
			display: block !important;
			font-size: 19px !important;
			width: 90% !important;
		}

.gallery-videos iframe {
	padding: 4px 10px 10px !important;
	height: 215px !important ;
	width: 90% !important; 
}

body.about-page {
	width: 95% !important;
}



} 
/* END SMALL VIEWPORT ADJUSTMENTS --- END SMALL VIEWPORT ADJUSTMENTS --- END SMALL VIEWPORT ADJUSTMENTS */
/* END SMALL VIEWPORT ADJUSTMENTS --- END SMALL VIEWPORT ADJUSTMENTS --- END SMALL VIEWPORT ADJUSTMENTS */







.adventure-page .header-top-text, 
.encounter-page .header-top-text, 
.gallery-page .header-top-text {

	float: none;

}

.navigation-breadcrumbs {
	padding-left: 10px;
}

.homepage .header-caption,
.subscription-page .header-caption {
	background:  rgba(5, 50, 50, 0.6);
	font-size: 26px;
	margin-top: -39px;
	overflow: hidden;
	padding: 6px 0 6px 6px;
	position: relative;
	height: 27px;
	z-index: 500;
	width: 28%;
}

.header-caption .caption-text {
	color: white;
	font-family: 'Poiret One', cursive;
	font-size: 21px;
}

.header-summary {
	background:  rgba(5, 50, 50, 0.7);
	display: inline-block;
	height: 34px;
	float: left;
	font-size: 20px;
	width: 100%;
}

.header-summary .summary-text {
	margin-left: 6px;
}

img.thumbnail {
	cursor: pointer;
}

.encounter-page  .gallery-item-content img.thumbnail {
	width: 100%;
}

img.video-thumbnail {
	border: 1px solid;
	cursor: pointer;
	max-width: 27vw;
}

img.video-thumbnail:hover {
	border: 1px solid #f9d54b;
}

.shop .header-summary {
	
}

.shop  .limited-edition-details h2 {
	padding: 2%;
	font-size: 30px;
	margin-bottom: 0;
}

.shop .prints-overview {
	display: inline-block;
	padding: 0 2%;
	width: 46%;
	vertical-align: top;
	font-size: 22px;
}

.shop .prints-overview-image {
	display: inline-block;
	padding: 2%;
	width: 42%;
	vertical-align: top;

}

.brief-description {
  max-height: 7.5em;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brief-description:after {
	content: '...';
}



.encounter .timeline-date {

	font-size: 18px;
	font-weight: 700;

}

.navigate-left,
.navigate-right, 
.le-navigate-left,
.le-navigate-right {

  height: 36px;
  background: rgba(5, 50, 50, 0.7);
  padding: 102px 12px;

  position: absolute;
  z-index: 999;

  margin-top: 10px;
}

.navigate-right
, .le-navigate-right {
  float: right;
  margin-right: -4px;
  position: absolute;
  right: 6;
}

.navigate-left,
.le-navigate-left {
  float: left;
  margin-right: 4px;
  position: absolute;
  left: 6;
}

/* https://rgbacolorpicker.com/hex-to-rgba */
.navigate-left:hover, 
.navigate-right:hover,
.le-navigate-left:hover, 
.le-navigate-right:hover {
	color: rgba(5, 50, 50, 1);
	cursor: pointer;
	background: rgba(239, 239, 239, 0.7);
}

.encounter-primary-photo,
.adventure-primary-photo {

	/*border: 1px solid #535050;*/
	display: inline-block;
	/* margin-left: 30%; */
	vertical-align: top;
	position: relative;
	width: 100%;
	/* max-height: 240px; */
}

.encounter-primary-photo img,
.adventure-primary-photo img {
	width: 100%;
}



a.image-link {
	text-decoration: none;
	line-height: 0;
}

.encounter-content, 
.adventure-content {

	display: inline-block;
	font-size: 28px;
	margin-left: 12px;
	vertical-align: top;
	width: 40%;

}


.encounter-content h4 {
	margin-top: 0;
}


.encounter-content .content-more {
	background-color: #4c586e; /* #535050; */
	border:  1px solid #efefef;
	border-radius: 24px 24px 24px 24px;
	padding: 3px;
	text-align: center;
	width: 45%;
}

.encounter-content .content-more a {
	text-decoration: none;
}

.encounter-content .content-more a:hover {
	text-decoration: underline;
}

.encounter-content .content-more.expanded {
	background-color: #535050;
}

.modal {
	background-color: darkgrey;
}

/* all encounters and all-adventures page */
/* all encounters style */
.all-encounters .encounter-content,
.all-adventures .adventure-content {
	display: inline-block;
	font-size: 20px;
	margin-top: 24px;
	vertical-align: top;
	max-height: 300px;
	width: 32%;
	overflow: hidden;
}

.all-encounters .content-text,
.all-adventures .content-text {
	max-height: 239px;
	overflow: hidden;
}

.encounter-content .elipsis {
	float: right;
	margin-top: -29px;
}

body.all-encounters .gallery-overlay {
	height: auto;
	width: auto;
} 



body.all-encounters .encounter-primary-photo img,
body.all-encounters .adventure-primary-photo img
 {
	max-width: 400px;
}

.all-adventures .header-image {
	background: no-repeat;
	background-image: url('/media/_web3000/90dc6263-ddb7-47bc-9374-1a97f5ae78d0.jpg');
	/* background-position: right 0px bottom 200px; */
	height: 400px;
	width: 100%;
    background-size:     cover;                      /* contain or cover <------ */
    background-repeat:   no-repeat;
    background-position: center center; 	
}

.all-encounters .header-caption,
.all-adventures .header-caption {
  background: rgba(5, 50, 50, 0.6);
  font-size: 26px;
  margin-top: -39px;
  padding: 6px;
  height: 27px;
}

.all-encounters .encounter-intro p, 
.all-adventures .encounter-intro p {
	width: 65%;
}

.all-encounters .encounter-intro, 
.all-adventures .encounter-intro {
	margin-bottom: 12px;
	padding: 14px;
}

.all-encounters .full-page-content h4 {
	float: none;
}

.all-encounters .encounter.featured,
.all-encounters .adventure.featured,
.all-adventures .adventure.featured {
	border-bottom: 1px solid #3c3c2b;
	display: block;
	width: 98%;
	padding: 12px 12px 30px;
	margin-bottom: 12px;
}

.all-encounters .encounter.not-featured,
.all-encounters .adventure.not-featured,
.all-adventures .adventure.not-featured {
	border-bottom: 1px solid #3c3c2b;
	display: block;
	width: 98%;
	padding: 8px 8px 20px;
	margin-bottom: 8px;
/*	max-height: 200px;*/
}

.all-encounters .encounter.not-featured .date-stats,
.all-encounters .adventure.not-featured .date-stats,
.all-adventures .adventure.not-featured .date-stats {
	font-size: 17px;
}

.all-encounters .encounter.not-featured .distance,
.all-encounters .encounter.not-featured .days-ago,
.all-adventures .adventure.not-featured .days-ago {
	display: none;
}

/* not-featured and featured*/

.all-encounters .encounter-primary-photo,
.all-encounters .adventure-primary-photo,
.all-adventures .adventure-primary-photo {
	display: inline-block;
	vertical-align: top;
}

.all-encounters .featured .encounter-primary-photo ,
.all-encounters .featured .adventure-primary-photo ,
.all-adventures .featured .adventure-primary-photo {
	max-width: 400px;
}

.video-page .featured .encounter-primary-photo {
	max-width: 440px;
}

.all-encounters .not-featured .encounter-primary-photo,
.all-adventures .not-featured .adventure-primary-photo {
	max-width: 290px;
}

.all-encounters .date-stats,
.all-adventures .date-stats {
	display: inline-block;
	margin-top: 24px;
	position: relative;
	vertical-align: top;

	width: 145px;
}

.all-encounters .date-stats {
	display: inline-block;
	font-weight: normal;
	font-size: 18px;
	margin-right: 8px;
}

.all-encounters .date-stats .days-ago,
.all-encounters .date-stats .distance,
.all-encounters .date-stats .animal_count, 
.all-encounters .date-stats .moose_count,
.all-adventures .date-stats .days-ago,
.all-adventures .date-stats .distance {

	padding: 8px 0 0 0;

}

.all-encounters .encounter-content.coming-soon  {
	height: 50px;
}


.icon-summary {
	padding: 8px 0 0 0;
}

span.encounter-icon-summary {
	padding: 2px 8px 0 0;
}

/* encounter page */


.encounter-page .header-image,
.limited-edition .header-image {
	background: no-repeat;

	/* background-position: right 0px bottom 200px; */
	height: 100%;
	width: 100%;
    background-size:     cover;                      /* contain or cover <------ */
    background-repeat:   no-repeat;
    background-position: center center; 	
}

.encounter-page .header-top-text {
	font-size: 28px;
	margin-top: -75px;
	padding-left: 20px;
}

.encounter-album .encounter-image {
	margin: 6px 0;
	padding: 4px 0;
}

.encounter-thumbstrip {
	float: right;
	margin: 4px;
	width: 225px;
}




	/*  limitd edition page */

body.limited-edition h1, 
body.limited-edition h2 {
	/*border-bottom: 1px solid #efefef;*/
	margin-left: 12px;
	padding-bottom: 4px;
	padding-left: 20px;
	width: 98%;

}


.edition-content {
  display: inline-block;
  font-size: 22px; 
  margin-left: 12px;
  padding: 20px;
  vertical-align: top;

/*  height: 45%;
  overflow: hidden;*/
  width: 45%;
}

body.limited-edition  .primary-photo,
body.gallery-page  .primary-photo {
	display: inline-block;
	margin-left: 12px;
	max-width: 45%;

	position: fixed;
	top: 55px;
	right: 20px;
	vertical-align: top;

}

body.limited-edition .primary-photo img {
	box-shadow: 1px 1px 1px 1px lightgray;
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	margin: 0 auto;
}


body.limited-edition .primary-photo .edition-pricing  {
  /*background: rgba(239, 239, 239, 0.8);*/
  width: 100%;
}


.related-content {
	background: #333131;
	padding-top: 30px;
	
	margin-top: 30px;
	/*position: relative;
	z-index: 14000;*/
}

.related-content .related-encounter {
	padding: 30px;
	margin-bottom: 30px;
}

.related-encounter img {
	border: 1px solid;
	margin: 16px 0;
	padding: 16px 0;
	max-width: 225px;
}

/*body.encounter-page .primary-photo {
	max-width: 99%;
}

body.encounter-page .primary-photo img {
	max-height: 50vh;
}
*/

body.encounter-page .encounter-description.short {
	height: 96px;
}


body.encounter-page .encounter-description {
	font-size: 20px;	
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	max-width: 900px;
	overflow-y: hidden;
}

.description-toggle {

	display: inline-block;
	padding-left: 6px;
	font-size: 17px;
	font-style: italic;
	vertical-align: bottom;

}

.description-toggle:hover {
	cursor: pointer;
	text-decoration: underline;
}

.modal-open .header-controls {
	background: rgba(5, 50, 50, 0.39);
	padding: 4px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 13000;
}

.header-controls .close.control {
	width: 117px;
}

.modal-open .header-controls .close {
	color: rgba(220, 220, 220);
}

.modal-open .helper-text.hidden {
	display: inline-block !important;
	padding: 2px 6px;
}


body.encounter-page h2 {
	max-width: 45%;
	margin-bottom: 6px;
	margin-right: 14px;
}
body.encounter-page span.encounter-date {
	font-size: 18px;
	line-height: 30px;
	font-style: italic;
}


.header-top-text .encounter-navigation {
	float: right;
	margin-right: 18px;
}

.footer-text .encounter-navigation {
	
	
}

.next-encounter {
	display: inline-block;
	padding: 0 2px;
	font-size: 17px;
}

/*body.limited-edition .edition-pricing table {
	border: solid thin; 
	width: 100%;
}

body.limited-edition .edition-pricing table, 
body.limited-edition .edition-pricing table tbody td {
	
	color: lightgrey;
}


body.limited-edition .edition-pricing table thead th,
body.limited-edition .edition-pricing table tbody td {
	text-align: center;
  border: solid thin;
  padding: 0.5rem 2rem;
	
	margin-bottom: 0px;
}*/

body.limited-edition table {
	border: 2px solid rgba(239, 239, 239, 0.2);
  border-collapse: separate;
  /*box-shadow: inset 0 1px 0 #fff;*/
  font-size: 16px;
  line-height: 24px;
  margin: 30px auto;
  text-align: center;
  width: 100%;
} 

body.limited-edition table tbody, 
body.limited-edition table thead {
	background: #f5f5f5;
}

body.limited-edition th {
  background: linear-gradient(#777, #444);
  border-left: 1px solid #555;
  border-right: 1px solid #777;
  border-top: 1px solid #555;
  border-bottom: 1px solid #333;
  box-shadow: inset 0 1px 0 #999;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  /*text-shadow: 0 1px 0 #000;  */
}

body.limited-edition th:after {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
  content: '';
  display: block;
  height: 25%;
  left: 0;
  margin: 1px 0 0 0;
  position: absolute;
  top: 25%;
  width: 100%;
}

body.limited-edition th:first-child {
  border-left: 1px solid #777;  
  box-shadow: inset 1px 1px 0 #999;
}

body.limited-edition th:last-child {
  box-shadow: inset -1px 1px 0 #999;
}

body.limited-edition td {
/*  border-right: 1px solid #fff;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;*/
  padding: 10px 15px;

}

body.limited-edition td:first-child {
  box-shadow: inset 1px 0 0 #fff;
} 


body.limited-edition tr:nth-child(odd) td {
  background: #f1f1f1 ; 
}

body.limited-edition tr:last-of-type td {
  box-shadow: inset 0 -1px 0 #fff; 
}

body.limited-edition tr:last-of-type td:first-child {
  box-shadow: inset 1px -1px 0 #fff;
} 

body.limited-edition tr:last-of-type td:last-child {
  box-shadow: inset -1px -1px 0 #fff;
} 

body.limited-edition tbody td {
  color: transparent;
  /*text-shadow: 0 0 3px #aaa;*/
}

body.limited-edition tbody tr td {
  color: #444;
  /*text-shadow: 0 1px 0 #fff;*/
}

body.limited-edition td.blank {
	background: #333131 !important;
	border: none !important;
	box-shadow: none !important;
}

body.limited-edition td.buynow {
	background: linear-gradient(rebeccapurple, mediumpurple) !important;;
	
	color:  whitesmoke;
	box-shadow: none !important;
	font-weight: bold;
}


/* dedicated gallery page */
body.gallery-page {
	
}

  body.gallery-page .header-container .navigation {
  	margin-top: -5px;
  }

form#image_tags {
	display: inline-block;
}

.primary-photo img
, .zoomed {
  /*touch-action: none;
      user-select: none;
      -moz-user-select: none;  
      -webkit-user-select: none;  
      -ms-user-select: none; */
}



.navigation {
	display: inline-block;
	margin: 11px 0 0 11px;
	padding: 4px;
	vertical-align: top;
}

.top.navigation {
	margin-top: 0px;
	padding-top: 0px;
}

.gallery-page .gallery-container, 
.encounter-page .gallery-container  {
	border-left: 1px solid;
		bottom: 0px;
		display: inline-block;
		margin-bottom: 20px;
    vertical-align: top;
    white-space: wrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;	

}

  .gallery-filters {
  	padding-left: 6px;
  }

  .gallery-filters p {
  	margin-left: 6px;
  	font-size: 18px;
  	max-width: 720px;
  }


.gallery-page .gallery-images {

}

.gallery-page .gallery-images h3 {
	
	margin: 36px 0 0 8px;

}

.gallery-page .gallery-filter-controls {
	
	border: 1px solid;

	padding: 8px;
	margin: 8px;

}

.gallery-page .gallery-filter-controls .filter-container {
	
	border: 1px solid;
	display: inline-block;
	min-width: 200px;
	width: auto;
	max-width: 300px;
	margin: 12px;
	padding: 12px;
	vertical-align: top;
}

.gallery-page .gallery-filter-controls h4 {
	float: none;

}

.gallery-page .gallery-filter-controls .filter-ui-control {
	cursor: pointer;
	display: block;
	margin-left: 6px;
	padding: 3px;
}


.gallery-page .gallery-filter-controls .filter-ui-control:hover {

	background: #efefef;
	color: black;

}

.gallery-page .gallery-filter-controls .filter-ui-control.active {

	font-weight: bold;
	background: #efefef;
	color: black;

}

.gallery-page .gallery-item-content
, .encounter-page  .gallery-item-content {
/*	border-right: 1px solid rgba(239, 239, 239, 0.3);*/
	display: inline-block;
	
	margin: 2px 6px;
	padding: 2px;
	vertical-align: top;
	width: 29vw;
}

.gallery-page .gallery-item-content img {
	border: 1px solid #736969;
	cursor: pointer;
	margin: 0 auto; 
	width: 100%;
	
}

.gallery-page .primary-photo {
/*	position: fixed;
	top: 12%;
	right: 1%;*/
}

/* .encounter-page .encounter-description */
/*.gallery-page .primary-photo  {
	display: inline-block;

	
	vertical-align: top;
}

.gallery-page .primary-photo-img {
	height: 50vh;
}

.gallery-page .primary-photo img {
	margin: 0 auto;
	max-height: 50vh;
	box-shadow: 1px -1px 1px 1px rgba(239, 239, 239, 0.3);
}
*/
.thumbnail-container {
	position: relative;
}

/*  https://www.w3schools.com/howto/howto_css_loader.asp */ 
.loader {
  margin: 20px;
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;

	display: inline-block;
	position: absolute;
	left: 4px;
	top: 4px;
  width: 10px;
  height: 10px;
  
}

.zoomed .loader {
	z-index: 11000;
  border: 12px solid #f3f3f3; /* Light grey */
  border-top: 12px solid #3498db; /* Blue */
  
  width: 140px;
  height: 140px;
}

.loader.hidden {
	display: none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.zoom-info {
  
  font-size: 15px;
  font-style: italic;
  margin: 3px 0;
  text-align: right;
  width: 95%;
}



.limited-edition .zoom-info {
	display: block;
}


.gallery-page .image-metadata {
	margin: 6px 0;
}

.img-enlargeable {
	cursor: zoom-in;
}

.gallery-container .content-text {
	margin-bottom: 3px;
	margin-top: 6px;
	height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(95%);
}

/* gallery and manager */

.image-manager .primary-photo img {	
	max-width: 65%;
}

.gallery-item-content.focus {
/*	border: 1px solid;*/
}


/* about-page */
body.about-page p {
	font-size: 20px;
	width: 58%;

}




/* imu */

.admin-control-container {

	border: 1px solid #efefef;

	margin: 12px;

	padding: 24px;

	width: 30%;
}

.ms-container {
	margin: 10px 0;
}

.apply-tag {
	border: 1px solid #efefef;
	display: inline-block;
	margin-left: 20px;
	padding: 10px;
	height: 40px;
}


.apply-tag:hover {
	background: white;
	color: black;
	cursor: pointer;
}

.image-selected {
	border: 1px solid yellow;
}

form.image-metadata {
	margin: 10px 0;
	padding: 10px 0;
}

form.image-metadata label {
	display: inline-block;
	margin: 2px 4px;
	width: 200px;
}

form.image-metadata input {
	min-width: 100px;
}

.image_id {
	width: 300px;
}

.zoomed {
	background-size: contain;
	
	background-color: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000;
	top: 0%;
	left: 0%;
	cursor: zoom-out;
}


/* subscription-page */

.subscription-page {
	max-width: 980px;
}


.subscription-page .subscription {
	display: inline-block;
	vertical-align: top;
	width: 32%;
}

.subscription-page .subscription h2
, .subscription-page .subscription h3 {

	text-align: center;
}


.subscription-page .subscription h3  {
  background: linear-gradient(#777, #444);
  border-left: 1px solid #555;
  border-right: 1px solid #777;
  border-top: 1px solid #555;
  border-bottom: 1px solid #333;
  box-shadow: inset 0 1px 0 #999;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  text-shadow: 0 1px 0 #000;
}

.subscription-page .subscription.community  h3 {
	background: linear-gradient(rebeccapurple, violet);
}

.subscription-page .subscription.private  h3 {
	background: linear-gradient(olivedrab, darkseagreen);
}

.subscription-page .subscription.platinum  h3 {
	background: linear-gradient(#222, #777);
}


.subscription-page .subscription .signup {

	margin-top: 8px;
	padding: 2px;
	text-align: center;
	width: 120px;
}

.subscription-page .subscription.community .signup {
	background-color: rebeccapurple;
}

.subscription-page .subscription.private .signup {
	background: linear-gradient(olivedrab, darkseagreen);
	color: black;
}

.subscription-page .subscription.platinum .signup {
	background: linear-gradient(#222, #777);
}



/* controls, icons, section spacing */

.audio-control,
.encounter-description {
	padding: 20px;
	margin-bottom: 10px;
	margin-left: 8px;
}

.gallery-items {
	padding: 10px 0;
	margin-bottom: 10px;
	margin-left: 4px;
}

i.icon-control {
  position: absolute;
  left: -45px;
  font-size: 24px;
}

.control-headers h5 {
	margin: 0 0 4px 0;
}

.header-controls .control {
	border-radius: 4px 4px 4px 4px;
	border: 1px solid;
	display: inline-block;
	min-width: 80px;
	margin: 5px 3px 5px 0;
	padding: 2px 4px;
	text-align: center;
	vertical-align: top;
}

.header-controls .related-images {
	font-size: 18px;
	line-height: 35px;
	margin-left: 12px;
}

.header-controls .control:hover {
	cursor: pointer;
	background: rgba(220, 220, 220, 0.5);
}

body.modal-open .gallery-control-container .jump-to-top {
	display: none;
}

.gallery-control-container {
	margin-bottom: 10px;
	margin-left: 28px;
}

.gallery-control-container i {
	padding: 3px;
}

.gallery-control-container .control.play-slideshow {
	width: 152px;
}

.gallery-control-container .header-controls a {
	color:#a99b52;
	padding: 1px;
}

.gallery-control-container .header-controls a:hover {
	background-color: rgba(11, 17, 10, 0.3);
}

/* gps-map iframe */

.gps-map iframe {
	height: 500px;
	width: 100%;
}

.gps-map {
  border-top: 1px solid;
  padding: 8px 0;
  border-bottom: 1px solid;
  margin-bottom: 12px;
}

.trail-maps h5 {
	display: block;
	width: 35%;
}


/* the-data page */

.the-data .header-image {
	background: no-repeat;
	background-image: url('/media/images/fall_moose_2200.jpg');
	/* background-position: right 0px bottom 200px; */
	height: 220px;
	width: 100%;
    background-size:     cover;                      /* contain or cover <------ */
    background-repeat:   no-repeat;
    background-position: center center; 	
}


.the-data .header-caption {
  background: rgba(5, 50, 50, 0.6);
  font-size: 26px;
  margin-top: -39px;
  padding: 6px;
  height: 27px;
}

body.the-data {

}

body.the-data .activities-container {
	
}

body.the-data .activity {
	
}

.data-overview .about-intro {
	display: inline-block;
	padding: 0 22px;
	width: 30%;
	vertical-align: top;
}

.data-overview .data-intro {
	display: inline-block;
	width: 64%;
	vertical-align: top;
}

.map-tumbnail {
	border: 1px solid;
	padding: 2px;
}


.data-summaries-container {
	margin: 20px;
}

.data-summaries-container h4 {
	float: none;
}


/* footer footer-container */
.footer-container {
	background: #333131;
	margin-top: 45px;
	padding: 20px 0 0px 20px;
	position: relative;
	z-index: 14000;
}

.footer-container .footer-summary {
	padding: 20px 0;
	text-align: center;
	width: 99%;
}

.footer-summary .navigation {
	margin-left: 0px;
	padding-bottom: 20px;
}

.modal-open .footer-container {
	z-index: -1;
}

.social-media {
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	font-size: 22px;
}

.gallery-videos iframe {
	padding: 10px 30px 30px;
	height: 315;
	width: 560px;
}

.encounter-navigation {
	padding: 0 0 0 20px;
}

.encounter-navigation a {
	padding: 0 2px;
}


body.about-page {
	max-width: 1250px;
}

/* contact-page and similar pages */
.contact-page .header-image ,
.shop .header-image,
.about-page .header-image,
.subscription-page .header-image {
	background: no-repeat;
	background-image: url('/media/_web3000/2c41bca4-421f-4dca-9da8-5b95963b1856.jpg');
	height: 320px;
	width: 99%;
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: left center; 	

}


.contact-page .header-summary,
.shop .header-summary,
.about-page .header-summary, 
.subscription-page .header-summary {
	position: relative;
	float: none;
	padding-bottom: 4px;
	top: -38px;
}



.contact-page .contact-container, 
.subscription-page .subscriptions-container {
	font-size: 19px;
	padding: 12px;
}

.subscription-overview {
	font-size: 20px;
	padding: 8px;
}

.contact-page .contact-container p.intro {
	font-size: 22px;
}

.contact-page form,
.subscription-page form {
	width: 65%;
}

.contact-page form label {
	display: block;
	padding: 4px;
}

.subscription-page form label {
	display: inline-block;
	padding: 4px;
	vertical-align: top;
}

.contact-page form input {
margin: 30px;
	padding: 10px;
	width: 95%;
	max-width: 450px;
}

.subscription-page form input {
  margin: 12px;
	padding: 8px;
}

.subscription-page #email_address {
	width: 320px;
}

.subscription-page  #submit-button {
	background: #f9d54b;
	border-radius: 6px 6px 6px 6px;
	color: darkmagenta;
	font-size: 19px;
	text-align: center;
	padding: 6px;
	margin: 6px;
	width: 300px;
}

.radio:hover {
	cursor: pointer;
}

.contact-page form textarea.message   {
	height: 125px;
	padding: 4px;
	margin: 25px;
	width: 450px;
	word-break: break-all;
}

.contact-page .message-confirmation {
	padding: 12px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.contact-page .message-confirmation p {
	font-size: 26px;
	padding: 20px;
	text-align: center;
}

#submit-button {
	cursor: pointer;
	display: block;
}

.show-more,
.show-less {
	color: #f9d54b;
	font-weight: bold;
}

.jump-to-top {
	border: 1px solid;
	border-radius: 10px;
	position: fixed;
	font-size: 22px;
	bottom: 30px;
	left:24px;
	padding: 6px 10px;

}

.jump-to-top:hover {

	background-color: #efefef;
	cursor: pointer;
}

.jump-to-top i {
	transform: rotate(0deg) scaleX(-1);
}

/*  new data dashboard */

body.dashboard {

}



.dashboard .header-image {
	background: no-repeat;
	background-image: url('/media/images/fall_moose_2200.jpg');
	/* background-position: right 0px bottom 200px; */
	height: 220px;
	width: 100%;
    background-size:     cover;                      /* contain or cover <------ */
    background-repeat:   no-repeat;
    background-position: center center; 	
}


.dashboard .header-caption {
  background: rgba(5, 50, 50, 0.6);
  font-size: 26px;
  margin-top: -39px;
  padding: 6px;
  height: 27px;
}


.dashboard .content-intro {
	width: 90%;
}

.dashboard .data-overview .about-intro {
	display: inline-block;
	padding: 0 22px;
	width: 30%;
	vertical-align: top;
}

.dashboard .data-overview .data-intro {
	display: inline-block;
	width: 64%;
	vertical-align: top;
}

.map-tumbnail {
	border: 1px solid;
	padding: 2px;
}


.dashboard .data-summaries-container {

}


.dashboard .data-summaries-container h4 {
	float: none;
}

.dashboard .data-summaries-container .main-metric {
	margin: 10px;
	padding: 10px;
	font-size: 32px;

	display: inline-block;
	max-width: 29%;
	min-width: 25%;

	text-align: center;

	vertical-align: top;
}

.dashboard .data-summaries-container .main-metric .measure-unit {
	font-size: 19px;
}


.dashboard .data-summaries-container .secondary-metric {

	border: 1px solid;

	display: inline-block;

	min-width: 90%;
	max-width: 95%;

	min-height: 445px;

	margin: 10px;
	padding: 10px;

	text-align: center;
	vertical-align: top;
}



.dashboard .data-summaries-container .activity-table-container {

	padding: 20px;
	width: 100%;

}

.dashboard .data-summaries-container .activity-table-container h4 {
}

.dashboard .data-summaries-container .activity-table-container table {
	width: 100%;
}

.dashboard .data-summaries-container .activity-table-container table td {
	text-align: center;
}

/* special size for mobile / small / portrait mode*/
body.portrait-orientation.small-screen.gallery-page  .gallery-item-content {

	width: 72w !important;

}
.landscape-orientation.small-screen {

}

.buy-now {
  background: #f9d54b;
  padding: 18px;
  margin: 0 auto;
  width: 250px;
  border-radius: 30px;
  height: 45px;
}

.buy-now h3 {
	margin-top: 10px;
}

.buy-now h3 a {
	color: #efefef;
	font-weight: 700;
}

/* stories */
.stories .story-container .primary {

	 display: inline-block;
	 max-width: 70%;
	 vertical-align: top;
	 

}


body .header-container {
	background: rgba(5, 50, 50, 0.95);
	border-left: 1px solid;
	border-bottom: 1px solid #efefef40;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5000;
}

body .header-container .header-top-text span {
	font-size: 28px;
}

body .header-container .menu-header-tabs {
	
  padding: 0 0 10px 30px;

}

body .header-container .menu-header-tabs a h2.header-tab {
	margin: 4px 20px 4px 0;
	padding: 4px 20px 4px 20px;
}

body .header-container .menu-header-tabs h2.header-tab {

	border-right: 1px solid;

	color: #b7b70f;
	cursor: pointer;

	display: inline-block;

	font-size: 22px;
	margin: 4px 20px 4px 0;
	padding: 4px 20px 4px 20px;
	text-align: center;

}

body .header-container .menu-header-tabs h2.header-tab a {
	text-decoration: none;
	color: #b7b70f;
}

body .header-container .menu-header-tabs h2.header-tab:hover {
	background: rgba(135, 153, 153, 0.7);
	color: #f9d54b;

}

body .header-container .menu-header-tabs h2.header-tab.active {
	text-decoration: underline;
	color: #f9d54b;
}

body .header-container .menu-header-tabs h2.header-tab:last-child {
	border-right: none;
}

.stories .story-container {

/*	display: block;
	max-height: 350px;
	padding: 40px;
	width: 100%;*/
	border-bottom: 1px solid;
   display: flex;
   align-items: center; 
   justify-content: left;
   margin: 30px 0;
   padding-bottom: 30px;

}

body .gallery-images,
body .about-container {

	margin-top: 180px;

}

body .gallery-images h2 {
	margin-left: 20px;
}

body .about-container {
	padding-left: 30px;
	border-left: 1px solid;
}

body.encounter-page main {
	margin-top: 300px;
}

body.stories .gallery-images,
body.encounter-page .gallery-images {
	margin-top: 40px; /* 180 margin handled by content intro */
}

body.stories .gallery-images h3 {
	margin: 4px auto 4px 28px;
	font-size: 30px;
}

.stories h5.story-date {
	font-size: 15px;
	margin: 4px auto 40px 28px;
}

body.stories p {
	font-size: 18px;
	margin: 4px auto 10px 28px;
	max-width: 63%;
}

body.stories p .more-details,
.stories .story-container .show-more-container .more-details {

	color: #f9d54b;
	cursor: pointer;
	text-decoration: underline;
	

}

body.stories .content-intro {
	border-left: none;
}

.stories .story-container .primary {
	text-align: center;
}

.stories .story-container .pre-secondary,
.stories .story-container .post-secondary {
	
	display: inline-block;
	vertical-align: top;
	max-width: 14%;
	
}

.stories .story-container .gallery-item-content {
	width: auto;
}

.stories .story-container .primary .gallery-item-content {
	width: 47%;
}

.pre-secondary {
	text-align: right;
}

.stories .gallery-item-content.pre-secondary .thumbnail-container,
.stories .gallery-item-content.post-secondary .thumbnail-container {
	
}


.stories .story-container .show-more-container {
	margin-top: 50px;
}

body.stories .footer-container {
	margin: 0;
	padding: 0;
	
	width: 80%;
}