@import url('jager-fonts-2019.css');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

html
{
	overflow-y:scroll;
}

/*	-> temporary 5yr age-check solution
*/
html.holding-5yr
{
	overflow:hidden;
}
html.holding-5yr body,
html.holding-5yr #page-centered
{
	background-color:#FF4600;
	background-image:none;
}
html.holding-5yr #page-centered > *:not(#age-check)
{
	display:none;
}
/*	<-
*/

html.timeline
{
	overflow-y:hidden;
}
body
{
	margin:0;
	padding:0;
	background-color:#E9E3C7;
	

	font-family:Lato,sans-serif;
	color:#3B5239;
	
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;


}
body *
{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body.no-transition *
{
	transition:none !important;
	-webkit-transition:none !important;
}
.clear:after
{
	content:'';
	display:table;
	clear:both;
}
.dimm
{
	color:#999999;
	font-size:12px;
}
input
{
	font-family:FrutigerLTStd-ExtraBlackCn,arial,sans-serif;
}
::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
  color:rgba(0,0,0,.5);
}
::-moz-placeholder { /* Firefox 19+ */
  color:black;
}
:-ms-input-placeholder { /* IE 10+ */
	color:black;
}
.banner
{
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	
}
#grid.transition .banner
{
	opacity:0;
}

#page-centered
{
	position:relative;
	margin:0 auto;
	width:1023px;
	background-color:#E9E3C7;
}
#profile
{
	display:none; /* removed in 2017/19 design */
}
#article-seo
{
	display:none;
}

.modal
{
	position:fixed;
	left:inherit;
	width:inherit;
	top:0;
	bottom:0;

	background-color:rgba(0,0,0,1);
	z-index:2000;

	transition:background-color .6s linear 0s,opacity .2s linear 0s;
	-webkit-transition:background-color .6s linear 0s,opacity .2s linear 0s;
}
.modal.overlay
{
	background-color:rgba(0,0,0,.7);
}
.modal > .dialog
{
	position:relative;
	width:278px;
	min-height:278px;
	margin:195px auto;
	padding:15px;
	
	background-color:#f4f4f4;
	color:#979797;
	font-size:14px;
	line-height:1.2;
}
.modal > .dialog .title
{
	padding:14px 0 24px 40px;
	border-bottom:1px solid #dddddd;
	font-size:18px;
	background:transparent url(../media/dialog-favorite.svg) no-repeat 0 10px;
}
.modal > .dialog.fav .title
{
	background-image:url(../media/dialog-account.svg);
}
.modal > .dialog .footer
{
	position:absolute;
	left:15px;
	right:15px;
	bottom:0;
	height:42px;
	padding-top:10px;
	border-top:1px solid #dddddd;
}
.modal > .dialog.fav .footer
{
	text-align:center;
}
.modal > .dialog p:nth-child(3)
{
	font-size:12px;
}
.modal > .dialog a.button
{
	display:inline-block;
	padding:0 5px 0 24px;
	border:1px solid #433f40;
	border-radius:4px;
	
	font-family:FrutigerLTStd-ExtraBlackCn;
	font-size:16px;
	line-height:19px;
	text-transform:uppercase;
	color:black;
	text-decoration:none;
	
	background:transparent url(../media/dialog-button.svg) no-repeat 3px 0;
}
.modal > .dialog a.button:hover
{
	color:#989898;
}
.modal > .dialog a.button.cancel
{
	float:right;
}

/*	age check modal
*/ 
#age-check
{
	background-color:#E9E3C7;
}
#age-check .logo
{
	width:156px;
}

#age-check:not(.check)
{
	opacity:0;
}
#age
{
	position:relative;
	width:320px;
	margin:90px auto 0 auto;
}
#age .banner
{
	z-index:-1;
	transform:translate(-70px,30px);
}
#age p:first-of-type
{
	/* margin-top:50px; */
}
#age .inputs
{
	margin:46px 0;
}
#age input
{
	vertical-align:middle;
	border:none;
	-webkit-appearance:none;
}
#age input::placeholder
{
	color: #E9E3C7;
	opacity:1;	
}
#age input[type=text]
{
	margin-right:10px;
	width:87px;
	height:56px;

	background-color:#3B5239;

	font-family:Meister, sans-serif;
	font-size: 31px;
	font-weight:bold;
	color: #E9E3C7;	
	text-align:center;

	box-shadow: 4px 4px 16px 0 rgba(0,0,0,0.15);
}
#age input[type=submit]
{
	width:28px;
	height:32px;
	background:transparent url(../media/arrow-right.svg) no-repeat 50% 50%;
}
#age input[type=submit]:hover
{
	background-image:url(../media/arrow-right-white.svg);
}
#age .divider
{
	margin:0 0 22px 0;
	display:inline-block;
	width:100%;
}
#age .divider:before, #age .divider:after
{
	content:'';
	float:left;
	margin-top:10px;
	width:45%;
	border-bottom:1px solid #000000;
}
#age .divider:after
{
	float:right;
}
#age .note
{
	/* color:white; */
}
#age .center
{
	text-align:center;
}
#age a.fb-login
{
	margin:34px 0;
}

a.fb-login
{
	display:inline-block;
	padding:3px;
	
	background-color:white;
	border:1px solid #CED0D4;
	border-radius:3px;

	font-size:13px;
	line-height:22px;
	font-weight:bold;
	color:#4267B2;
	text-decoration:none;
	text-align:center;
}
a.fb-login:before
{
	content:'';
	display:block;
	float:left;
	vertical-align:middle;
	margin-right:5px;
	
	width:22px;
	height:22px;

	border-radius:3px;
	background:transparent url(../media/FB-icon.svg) no-repeat center;
	background-size:contain;
}
a.fb-login:hover
{	
	color:black;
} 
 
 
/*	page header
*/
#nav
{
	position:relative;
	height:125px;
	padding:0 8px;
	/* background-color:#E9E3C7; */

	font-family:Meister,sans-serif;
	
	transition:transform .25s ease .3s;
	
	/* -webkit-transition:-webkit-transform .2s ease 0s; */
	
	
}
#nav.article
{
	transition:transform .25s ease .20s;
}
#nav.fixed
{
	position:fixed;
	width:inherit;
	max-width:inherit;
	z-index:1002;
	text-align:center;
}
#nav.transition
{
	background-color:#E9E3C7;
	/* background-color:rgba(250,0,0,.2); */
}
#nav.article,
#nav.hide
{
	/* background-color:transparent; */
	transform:translateY(-140px);
}

#nav ul,
#article ul.related,
#profile ul
{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	position:relative;
}
#nav ul li
{
	position:relative;
	float:left;
	margin-right:4px;
	white-space:nowrap;
}
#nav ul li:first-child
{
	margin-left:-8px;
}
#nav ul.main
{
	margin-top:91px;
}
#nav ul.main,
#nav > a.logo,
#nav a.mobile
{
	transition:transform .2s ease .3s;
	-webkit-transition:-webkit-transform .2s ease .3s;
}


#nav a, .modal > a
{
	position:relative;
	display:inline-block;
	padding:2px 8px;
	
	color: #3B5239;

	font-family:Meister,sans-serif;
	font-weight:bold;
	font-size: 26px;
	letter-spacing:-0.04px;
	line-height:19.71px;

	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
}
@-moz-document url-prefix()
{
	/*	firefox line-height corrections */
	#nav a { padding-top:1px; }
	#nav a.article { padding:0 8px }
	#grid .item > a.pin, #article > .header > a.edit { padding-top:0px }
}
#nav > a.logo
{
	position:absolute;
	left:10px;
	top:8px;


	width:156px;
	height:81px;

	background-image:url(../media/jager-music-logo-2019.png);
	background-size:contain;
	z-index:1;
	
	transition:transform .6s ease 0s; /* transition back to grid */
	transition:none; /* transition back to grid */
}
#nav.article > a.logo
{
	transition:transform .25s ease .75s; /* transition from grid to article */

	transform:translateY(80px);/*  scale(.82);	 */
	transform-origin:0 100%;
}
#nav.article.scrolled > a.logo
{
	transform:translateY(80px) scale(.82);
	transition:transform .2s ease 0s;
}
#nav.article:not(.transition) > a.logo.event
{
	width:600px;
	height:67px;
	background-repeat: no-repeat;
	transform:translateY(137px);
	transition:none;
}
#nav.article:not(.transition) > a.logo
{
	background-image:url(../media/jager-music-logo-text-2019.png);
}
#nav li > a:not(.selected):hover
{
	color:#DD5A12;
	/* opacity:.9; */
}
#nav li > a.selected
{
	font-weight:normal;
}
#nav li > a.selected::before
{
	content:'[';
}
#nav li > a.selected::after
{
	content:']';
}

#nav ul.main > li.search
{
	/* display:none; */
	float:right;
	
	margin:3px 10px 0 0;
	padding:0 0 0 16px;
	background:transparent url(../media/search.svg) no-repeat 0 0;
}
#nav ul.main > li.search.selected
{

}
#nav ul.main > li.search > input
{
	width:30px;
	height:18px;
	border:none;
	background-color:black;
	
	
	font-family:FrutigerLTStd-ExtraBlackCn;
	font-size:16px;
	color:#ededed;
	line-height:18px;
	text-transform:uppercase;

	-webkit-appearance:none;
	outline:none;
	margin:0;
	padding:2px;
	border-bottom:1px dotted white;
	border-radius:0;

	transition:width .3s ease .1s;
	-webkit-transition:width .3s ease .1s;
}
#nav ul.main > li.search > a.close
{
	display:none;
	position:absolute;
	margin:0;
	right:0;
	top:4px;
}
#nav ul.main > li.search.selected > input
{
	width:150px;
}
ul.ui-autocomplete
{
	max-width:240px;
	padding:3px 0;
	background-color:black;

	font-family:FrutigerLTStd-ExtraBlackCn;
	font-size:16px;
	color:#989898;
	line-height:18px;
	text-transform:uppercase;
	
	list-style:none;
}
.ui-menu .ui-menu-item
{
	padding:1px 5px !important;
	list-style-image:none !important;
}
.ui-menu .ui-state-focus
{
	margin:0 !important;
	color:#ededed;
}

#nav ul.main > li.social
{
	float:right;
	margin:0 0 0 8px;
	transform: translateY(-83px);
}
#nav ul.main > li.social a
{
	padding:0;
	display:block;
}
#nav ul.main > li.social a:hover
{
	background-color:transparent;
}
#nav ul.main > li.social a:hover svg path:not(.f)
{
	fill:#DD5A12 !important;
}


#nav a.button,
.modal > a.button
{
	position:absolute;
	display:block;
	margin:0;
	right:10px;
	top:9px;

	padding:5px;
	height:auto;
	

	text-align:center;
	
	
	
	font-family:Meister,sans-serif;
/* 
	font-size:26px;
 */
	color:#E9E3C7;
	letter-spacing:-0.04px;
	line-height:19.71px;

	font-size:18px;
	font-weight:normal;
	padding:4px 6px;



	
	background-color: #3B5239;
	box-shadow: 4px 4px 16px 0 rgba(0,0,0,0.15);	
}
#nav a.article
{
	/* display:none; */
	
	transition:none;
	transition:transform .6s ease 0s;
	transform:translateY(-50px);
}
#nav.article a.article
{
	transition: transform .2s ease .75s;
/* 
	transform:translateY(0);
	-webkit-transform:translateY(0);
 */
 	transform:translateY(146px);
}
#nav .socials
{
	display:none;
}


#sub-nav
{
	display:none !important; /*	removed 2017 */

	position:absolute;
	bottom:-34px;
	height:33px;
	width:100%;
	z-index:1000;
	background-color:rgba(51,51,51,.94);
	/* border-bottom:1px solid #757575; */
	/* border-top:1px solid rgb(89,89,89); */
	border-bottom:1px solid rgba(89,89,89,.94);

	transition:opacity .2s ease 0s;
	-webkit-transition:opacity .2s ease 0s;
}
#sub-nav.hide
{
	display:none;
}
#nav.article #sub-nav
{
	opacity:0;
}
#nav ul.sub
{
	padding-left:157px;
}
#nav ul.sub li > a.selected:before
{
	bottom:-8px;
	border-bottom-color:#757575;
}

#nav ul.sub li > a
{
	font-size:16px;
	line-height:31px;
	
	transition:opacity .3s ease 0s;
	-webkit-transition:opacity .3s ease 0s;
}
#nav ul li > a.close
{
	display:inline-block;
	margin-right:5px;
	width:11px;
	height:11px;
	background-image:url(../media/close.svg);
	background-size:11px 22px;
	background-position:0 0;
}
#nav ul li > a.close:hover
{
	background-position:0 100%;
}
#sub-nav li
{
	font-size:16px;
	color:white;
	max-width:200px;
	transition:all .4s ease .25s;
	-webkit-transition:all .4s ease .25s;
}

@media (max-width:1023px)
{
	/*	responsive mobile layout
	*/
	
	#grid .banner
	{
		transform:translate(30px,-200px) !important;
		width:60%;
	}
	
	#page-centered
	{
		width:100%;
		min-height:400px;
		max-width:453px;
	}
	.modal:not(.gallery)
	{
		position:absolute;
		max-width:453px;
	}
	#age-check
	{
		position:fixed;
		background-position:center -130px;
		max-width:453px;
	}
	#age
	{
		margin-top:20px;
	}
	#age input[type=text]
	{
		width:70px;
		padding:5px;
	}
	#age input[type=text][name=year]
	{
		width:90px;
	}
	#jager
	{
		display:none;
	}
	
	#grid > div.item
	{
		box-shadow: none;
		width:100% !important;
		height:auto;
		margin:0 !important;
		background-color:transparent;
	}
	#grid > div.item > .media
	{
		position:relative;
		padding-bottom:calc(9 / 16 * 100%); 
		height:auto;
		background-color: rgba(0,0,0,.15);
		box-shadow: 4px 4px 16px rgba(0,0,0,.15);
	}
	div.item > .caption
	{
		position:relative !important;
		top:0;
		margin-bottom:30px;
	}
	
	div.item > .caption > p
	{
		display:none;
	}
	div.item > .caption > .title
	{
		height:auto !important;
		margin-top:6px;
		font-size: 27.78px !important;
		letter-spacing: -0.06px !important;
		line-height: 24.31px !important;
	}

	#grid > .login
	{
		padding:20px;
		line-height:1.2;
	}
	#grid > .login > .title
	{
		font-family:FrutigerLTStd-ExtraBlackCn;
		text-transform:uppercase;
		font-size:28px;
		line-height:.97;
	}
	#grid > .login > p:last-child
	{
		text-align:center;
	}
	
	#nav 
	{
		padding:0;
		height:60px;
		overflow:hidden;
	}
	#nav.article
	{
		background-color:transparent;
		transform:translateY(-60px);
		overflow:visible;
	}
	#nav.article > ul.main
	{
		display:none;
	}
	
	#nav li a:hover
	{
		color:#3B5239 !important;
	}
	#nav.expanded
	{
		background-color:rgba(233,227,199,.9);
		
		height:100%;
	}
	#nav > a.logo
	{
		top:-53px;
		background-image:url(../media/jager-music-logo-text-2019.png);
		transform:none !important;
		transform-origin:0% 95% !important;
	}
	#nav.article > a.logo
	{
		transform:translateY(60px) scale(.82) !important;
		transition: transform 0s ease .75s;
/* 
		transform:translateY(60px) !important;
		background-size:80%;
		background-position:100% 100%;
		background-repeat:no-repeat;
 */
	}
	#nav.article > a.logo.event
	{
		transform:translateY(80px) scale(.6) !important;
	}	
	
	#nav a.button
	{
		top:5px;
	}

	#nav.article a.article	
	{
		transform:translateY(60px);
	}
	
	#nav > ul.main
	{
		margin-top:62px;
		display:inline-block;
		/* padding-top:60px; */
	}
	#nav > ul.main > li:not(.mobile)
	{
		width:100%;
		/* border-top:1px solid black; */
		margin:0;
	}
	#nav > ul.main > li.search
	{
		padding:8px 10px 5px 26px;
		background-image:url(../media/search-responsive.svg);
		background-position:10px 14px;
	}
	#nav > ul.main > li.search > input
	{
		font-size:22px;
		height:25px;
	}
	#nav > ul.main > li.search.selected > input
	{
		width:100%;
	}
	#nav ul.main > li.search > a.close
	{
		right:9px;
		top:6px;
		width:22px;
		height:22px;
		background-size:22px 44px;
	}
	#nav > ul.main > li.social
	{
		display:none;
	} 
	#nav > ul.main a
	{
		padding:2px 0px 10px 10px;
		height:auto;
		/* line-height:41px; */
	}
	#nav > ul.main a.logout
	{
		display:none;
		
		position:absolute;
		right:10px;
		top:0;
		width:auto;
		
	    font-family:Apercu;
	    font-size:14px;
	    color: #979797;
	    text-transform: none;
	}
	#nav ul.main > li > a:not(.logo):not(:hover):not(.selected):after
	{
/* 
		top:20%;
		height:60%;
 */
	}
	#nav li > a.selected:before
	{
		left:-10px;
		margin-left:0;
		margin-top:-6px;
		top:50%;
		bottom:auto;
		border-bottom-color:rgba(151, 151, 151, 0);
		border-left-color:#535353;
		/* margin-top:6px; */
	}
	#nav.article a.mobile
	{
/* 
		transform:translateY(-50px);
		-webkit-transform:translateY(-50px);
 */
	}
	#nav > ul.main > li > a
	{
		display:block;
	}
	#sub-nav
	{
		display:none;
	}
	
/* 
	#article > .header > .media
	{
		max
	}
 */
	
}
@media (max-width:450px)
{
	#age .banner
	{
		max-width:calc(100% + 70px);
		
	}
	#age-check
	{
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}



/* grid and article view
*/

#grid
{
	position:relative;
	/* padding:105px 8px 0 8px; */
	padding-top:125px;
	padding:125px 8px 0 8px;

	/* background-color:#232020; */
	
	transition:transform .5s ease 0s, opacity .6s ease 0s;
	-webkit-transition:-webkit-transform .5s ease 0s, opacity .6s ease 0s;

	transform-origin:50% 0;
	-webkit-transform-origin:50% 0;
}

#grid .cover
{
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	height:125px;
	background-color:#E9E3C7;
	/* background-color:rgba(250,0,0,.4); */
}
#grid.article .cover
{
	
}

#grid.article, #grid.list.reveal.article
{
	transform:scale(.8);
	-webkit-transform:scale(.8);
	opacity:0;
}
#grid.hide,
#article.hide
{
	display:none;
}

#grid > .msg, #unsupported
{
	width:100%;
	text-align:center;
	margin-top:285px;
	font-size:14px;
	color:black;
}

#article
{
	position:fixed;
	top:105px;
	top:0;

	width:inherit;
	min-height:100%;
	
	
	/*	reset transition */
/* 
	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
 */
}

#article.active
{
	transform:translateY(0) !important;
	-webkit-transform:translateY(0) !important;

/* 
	transition:transform .5s ease .15s;
	-webkit-transition:-webkit-transform .5s ease .15s;
 */
}
#article.transition
{
	/* close */
	transition:transform .5s cubic-bezier(.22,.18,.25,1) 0s;
}
#article.active.transition
{
	/* open */
	transition:transform .5s ease .15s;
}


#article.active.scroll
{
	position:relative;
	top:105px;
	top:0;
}

#article > .header
{
	position:relative;
	width:100%;
	/* max-width:100%; */
	height:575px;
	overflow:hidden;
	
	/* background-color:rgba(59,82,57,.1) */
}
#article > .header > .media
{
	width:1023px;
	max-width:100%;
	margin:auto;
	height:100%;
	background:transparent none no-repeat center;
	background-size:cover;
}
#article.l0 > .header > .media,
#article.l1 > .header > .media,
#article.l2 > .header > .media,
#article.l3 > .header > .media
{
	background-color:rgba(59,82,57,.2);
	box-shadow: 4px 4px 16px 0 rgba(0,0,0,0.15);
}
#article.l0 > .header > .media
{
	transform:translate(-3%,58%) rotate(-45deg) scale(1.1);
}
#article.l1 > .header > .media
{
	transform:translate(19%,26%) rotate(-45deg) scale(1.2);
}
#article.l2 > .header > .media
{
	transform:translate(6%,49%) rotate(45deg) scale(1.2);
}
#article.l3 > .header > .media
{
	transform:rotate(45deg) scale(1.2);
}
#article > .header > .caption
{
	position:absolute;
	right:14px;
	bottom:6px;
	
	font-size:12px;
	color:white;
	text-shadow:0 1px 2px rgba(0,0,0,.8);
}
#article > .header:hover > a.edit
{
	display:block;
}
#article > .header > a.edit:hover
{
	color:#979797;
}


#article > .body
{
	position:relative;
	width:100%;
	padding:35px 25px 20px 25px;
	background-color:#E9E3C7;
}
#article > .side-bar
{
	position:relative;
	width:342;
	float:left;
}
#article > .body > .fav-share
{
	position:absolute;
	top:21px;
	top:33px;
	right:20px;
	z-index:10;
}
#favorite
{
	float:left;
	display:inline-block;
	margin-right:9px;
	width:21px;
	height:21px;
	background:transparent url(../media/star.svg) no-repeat 0 0;
	
	display:none !important;
}
#favorite:hover, #favorite.selected
{
	background-position:0 100%;
}
#share
{
	float:left;
	width:87px;
}
#share  > label
{
	display:inline-block;
	padding:2px 8px 0px 0;
	border-radius:0;
	background-color:black;

	transition:none;
	-webkit-transition:none;

	color:white;
}
#share > label:before
{
	float:left;
	margin:-1px 0 0 8px;
}
#share > label:hover
{
	opacity:1;
	color:#ff4600;
}
#share > label > span
{
	float:left;
	font-family:FrutigerLTStd-ExtraBlackCn;
	font-weight:normal;
	font-size:16px;
}
#share .social.top
{
	margin-top:-71px;
}
#share ul
{
	list-style:none;
	line-height:1;
}

#article .banner
{
	width:509px;
	height:504px;
	background:transparent none no-repeat 50% 50%;
	background-size:contain;
	transform:translate(150px,-150px);
}
#article.l0 .banner,
#article.l1 .banner,
#article.l3 .banner
{
	background-image:url(../media/banner-top-right.svg);
}
#article.l2 .banner
{
	background-image:url(../media/banner-top-left.svg);
}
#article.l3 .banner
{
	transform:translate(220px,-210px) scale(.8)
}
#article.event .banner
{
	width:274px;
	height:268px;
	background-image:url(../media/banner-event.svg);
	transform: translate(190px,-150px) scale(.8);
}

#article .seal
{
	position:absolute;
	left:-73px;
	top:800px;
	width:219px;
}
#article.event .seal
{
	top:400px;
}
#article.transition .seal
{
	display:none;
}
#article .title
{
	position:relative;
	margin:10px 0 0 0;

	font-family:Meister,sans-serif;
	font-weight:bold;
	font-size:64px;
	letter-spacing:-0.13px;
	line-height:59px; 
	text-transform:uppercase;
	word-wrap:break-word;
}
#article h2
{
	margin:34px 0 17px 0;
	font-size:1.9375rem;
	line-height:1.875rem;
	width:65%;
	font-family:Meister,sans-serif;
	text-transform:uppercase;
}
#article h3,
#article .inline-title
{
	margin:34px 0 17px 0;
	font-size:1.25rem;
	line-height:1.125rem;
	width:65%;
	font-family:Meister,sans-serif;
	text-transform:uppercase;
}
#article .inline-title
{
	width:100%;
}
#article blockquote
{
	margin:34px 0;

	padding:0;
	border:none;

	font-size:3.1875rem;
	line-height:2.5625rem;
	width:85%;
	font-family:Meister,sans-serif;
	font-weight:bold;
	font-style:normal;
	
	text-transform:uppercase;
}
#article blockquote p
{
	margin:0;
}
#article .body > .caption
{
	position:relative;
	font-size:14px;
}
#article .divider
{
	margin-bottom:25px;
	height:55px;
	background:transparent url(../media/divider.svg) no-repeat center;
}
#article .sub-header
{
	margin:0 -25px 25px -25px;
	height:383px;
	background:#f3f3f3 none no-repeat center;
	background-size:cover;
}
#article .text
{
	position:relative;
	padding-bottom:60px;

	font-size:16px;
	line-height:19px;
}
#article .text a:not(.slideshow)
{
	color:#3B5239;
}
#article .text > p:first-of-type
/* 
#article p.large
 */
{
	margin:34px 0;
	font-size:24px;
	line-height:29px;
}
#article p:first-of-type > strong
{
	font-weight:normal !important;
}
#article .inline-title
{
	margin:40px 0 0 0;
	font-size:20px;
}
#article .inline-title + p
{
	margin-top:4px;
}
#article .inline-title + .cms-inline-media
{
	margin-top:10px;
}
#article .cms-inline-media + .inline-title
{
	margin-top:60px;
} 


#article iframe.twitter-tweet
{
	width:100% !important;
}
#article .fb-like, #article .fb-comments
{
	max-width:100%;
	overflow:hidden;
}
#article .fb-like 
{
	margin-top:20px;
}
#article .fb-comments iframe
{	
	display:block;
	width:100%;
	margin-top:10px;
}


/*	article media
*/

.cms-inline-media,
.jm_insta_embed
{
	position:relative;
	margin:34px 0px;
	/* padding:6px; */
	/* background-color:white; */
	box-shadow:4px 4px 16px rgba(0,0,0,.15);
	/* line-height:0; */


}
.cms-inline-media.embed
{
	line-height:0;
}
.cms-inline-media.embed iframe
{
	/* height:inherit !important; */
}

.cms-inline-media > .corner
{
	position:absolute;
	right:8px;
	top:8px;
	width:34px;
	height:25px;
	cursor:pointer;
}
.cms-inline-media > .corner:before
{
	position:absolute;
	left:0px;
	bottom:0px;
	content:'';
	width:0;
	height:0;
	
	border-style:solid;
	border-width:0 36px 36px 0;
	border-color:transparent;
	border-bottom-color:#fafafa;
	
	box-shadow:-2px 2px 2px rgba(0,0,0,.13);
}
.cms-inline-media > .caption
{
	position:absolute;
	left:0px;
	bottom:-34px;
	font-size:14px !important;
	/* color:#979797; */
}
.cms-inline-media > .caption a.slideshow
{	
	display:inline-block;
	margin-right:5px;
	padding:3px 6px;

	background-color:#3B5239;	
	color:#E9E3C7;

	font-family:Meister,sans-serif;
	font-size:20px;
	letter-spacing:-0.03px;
	line-height:19px;
	text-transform:uppercase;
	text-decoration:none;
	
	/* box-shadow: 4px 4px 16px 0 rgba(0,0,0,0.15); */
}
.cms-inline-media > .caption img
{
	display:inline-block;
	margin-right:6px;
	vertical-align:bottom;
	cursor:pointer;
}

/*	media
*/

.gallery.modal
{
	position:fixed;
	margin:0;

	left:inherit;
	width:inherit;
	
	left:0;
	width:100%;
	
	top:0;
	bottom:0;

	background-color:#E9E3C7;
	/* background-color:rgba(250,0,0,.5); */
	z-index:2000;

	transition:background-color .6s linear 0s,opacity .2s linear 0s;
	-webkit-transition:background-color .6s linear 0s,opacity .2s linear 0s;
}
.gallery.modal.fade
{
	background-color:transparent;
}
.gallery.modal a.close
{
	z-index:1000;
	
	font-weight:normal;
	
	top:6px;
	right:10px;
	
	
	transition:transform 0.2s ease 0.6s;
	-webkit-transition:-webkit-transform 0.2s ease 0.6s;
}
.gallery.modal a.close.hide
{
	transform:translateY(-55px);
	-webkit-transform:translateY(-55px);

}
.gallery > .button.arrow
{
	position:absolute;
	top:0;
	width:40px;
	height:100%;
	padding:0;
	border:none;

	transition:opacity .2s ease .0s;
	-webkit-transition:opacity .2s ease 0s;
	
	background-color:transparent !important;
	box-shadow:none;
}
.gallery > .button.arrow svg
{
	position:absolute;
	top:50%;
	left:6px
}
.gallery > .button.arrow svg rect
{
	/* fill:white; */
	fill:#3B5239;
}
.gallery > .button.arrow:hover svg rect
{
	/* fill:#ff4600; */
	fill:white;
}
.gallery > .button.arrow.prev
{
	left:-40px;
}
.gallery > .button.arrow.next
{
	right:-40px;
}
.gallery > .button.arrow.fade:not(:hover)
{
	opacity:0;
}
.gallery.modal > .caption
{
	position:absolute;
	left:15px;
	right:15px;
	bottom:8px;
	
	z-index:10;
}
.gallery:not(.modal) > .caption
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.gallery > .media
{
	position:relative;
	width:100%;
	background-color:#eeeeee;
	overflow:hidden;
}
.gallery.modal > .media
{
	background-color:transparent;
	/* background-color:rgba(250,250,0,.5); */
}
.gallery > .media.zoom
{
	position:absolute;
}
.gallery > .media.transition
{
	transform-origin:0 0 0;
	-webkit-transform-origin:0 0 0;
	
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
.gallery > .media > .slide
{
	position:absolute;
	
	/* background-color:#333; */
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    
	border:3px solid #E9E3C7;
	border-top:none;
	border-bottom:none;
	margin-left:-3px;
	
	width:100%;
	height:100%;
	
	background:transparent none no-repeat center;
	background-size:cover;
	
	transform:translateX(0);
	-webkit-transform:translateX(0);
}
.gallery > .media > .slide.play
{
	background-size:53px 39px, cover;
}
.gallery > .media.zoom > .slide
{
	border-color:transparent;
	border-width:10px;
	margin-left:-10px;
	background-size:contain;
}
.gallery > .media > .slide.next
{
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.gallery > .media > .slide.prev
{
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.gallery >.media:not(.swipe) > .slide
{
	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
}
.gallery >.media.fast > .slide
{
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
.gallery >.media.faster > .slide,
.gallery >.media.rset > .slide
{
	transition:transform .1s ease 0s;
	-webkit-transition:-webkit-transform .1s ease 0s;
}


/*	instagram embeds
*/

.jm_insta_embed
{
	/* width:712px; */
	width:100%;
	/* height:362px; */
	margin-bottom:20px;
}
.jm_insta_post
{
	display:none;
	
	float:left;
	width:50%;
	height:100%;
	padding:10px;
	
	background:transparent none no-repeat 50% 50%;
	background-size:cover;
	
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
}
.jm_insta_embed.single .jm_insta_post
{
	text-shadow:none;
}
.jm_insta_post[style*="background"]:hover
{
	opacity:.85;
	cursor:pointer;
}
.jm_insta_post a
{
	display:block;
	margin-top:-6px;
	
	font-size:12px;
	color:white !important;
	text-decoration:none;
}
.jm_insta_post a:before
{
	content:'@';
}
.jm_insta_post p
{
	margin-top:5px;
	/* font-size:14px !important; */
	/* line-height:17px !important; */
	color:white;
}
.jm_insta_embed > div,
.jm_insta_embed.five > div > div
{
	display:block;
}
.jm_insta_embed.single > div:last-child:not(:first-child),
.jm_insta_embed.five > div:last-child > *:not(div),
.jm_insta_embed.five > div > div p
{
	display:none;
}
.jm_insta_embed.single:after
{
	content:'';
	display:block;
	width:50%;
	height:100%;
	float:left;
	background-color:#3B5239;
}
.jm_insta_embed.five > div:last-child
{
	padding:0;
	background-image:none !important;
}
.jm_insta_embed.five > div > div
{
	height:50%;
}


/*	article related
*/

#article .side-bar
{
	display:none; /* removed in 2017/19 design */
	
	/* width:342px; */
	width:272px;
	position:relative;
	/* border-left:1px solid magenta; */
	
	background-color:#E0E0E0;
}
#article .side-bar > .head
{
	width:100%;
	padding:15px 15px 15px 10px;
	font-family:FrutigerLTStd-ExtraBlackCn;
	font-size:28px;
	text-transform: uppercase;
	/* background-color:#e0e0e0; */
}
#article .side-bar li
{
	position:relative;
	display:block;
	overflow:hidden;

	width:100%;
	height:153px;
	margin-top:2px;
	background-color:#e3e3e3;

	font-family:FrutigerLTStd-ExtraBlackCn;
	text-transform:uppercase;
	
	cursor:pointer;
}
#article .side-bar li > .thumb
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:.4;
	background:transparent none no-repeat 50% 50%;
	background-size:cover;
/* 
	transition:transform .1s ease 0s;
	-webkit-transition:-webkit-transform .1s ease 0s;
 */
}
#article .side-bar li:not(:hover) > .thumb
{
	transition:opacity .2s ease 0s;
	-webkit-transition:opacity .2s ease 0s;
}
#article .side-bar li:hover > .thumb
{
	opacity:1;
}
#article .side-bar li > .title
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;

	background-color:rgba(25,1,0,.3);

	font-size:20px;
	line-height:.95;
	color:white;
}
#article .side-bar li > .title > div
{
	position:absolute;
	left:6px;
	bottom:6px;

	width:80%;
	max-height:100%;
	
	overflow:hidden;
	text-overflow:ellipsis;
}
#article .side-bar li:hover > .title
{
	background-color:rgba(25,1,0,.6);
}


/*	event page styling (2017 design)
*/
/* 
#article.event
{
	padding-bottom:50px;
}
#article.event > .header
{
	box-shadow:4px 4px 6px rgba(0,0,0,.3);
}
#article.event > .header:after
{
	position:absolute;
	left:50%;
	bottom:-39px;
	margin-left:-16px;
	content:url(../media/arrow-down.svg);
}
#article.event > .body
{
	background-color:transparent;
	width:350px;
	padding:20px 0;
}
#article.event > .body > .fav-share
{
	display:none;
}
#article.event > .body > .title
{
	margin-top:40px;
	width:100%;
	text-align:center;
}
 */


/*	grid items
*/

#grid .banner
{
	position:absolute;
	left:0;
	top:140px;
	z-index:1000;
	transform:translate(-68px,-77px);
	pointer-events:none;
}
#grid .item .banner
{
	left:-70px;
	top:-40px;
	transform:scale(.6);
	z-index:0;
}
/* 
#grid .banner.secondary
{
	top:500px;
	transform:scale(.8);
}
 */
#grid:not(.article) .banner
{
	transition:opacity .3s ease .05s;
}

#grid > div:not(#timeline),
div.item
{
	position:relative;
	float:left;
	margin-bottom:112px;
}
div.item
{
	min-width:168px;
	min-height:126px;
	margin:0;
	cursor:pointer;

	/* background-color:rgba(0,0,0,.15); */
	background-color:rgba(59,82,57,.075);
	box-shadow:4px 4px 16px rgba(0,0,0,.15);
	
	transition:opacity .2s ease 0s;
}
div.item:hover
{
	opacity:.9;
}

/* 
div.item .banner
{
	position:absolute;
	z-index:1000;
	transform:translate3D(-68px,-77px,10px);
}
 */

div.item > .media
{
	position:absolute;
	width:100%;
	height:100%;
 	background:transparent none no-repeat center;
	background-size:cover;
	z-index:0;
	
	transition:opacity .8s ease 0s;
	-webkit-transition:opacity .8s ease 0s;
}
div.item > .media:first-child
{
	opacity:.3;
}	


div.item:first-child
{	
	width:100%;
	height:575px;
}
div.item:nth-child(3),
div.item:nth-child(5n+3)
{
	margin:0 12px;
}
div.item:nth-child(5n),
div.item:nth-child(5n+6)
{
	/* width:510px; */
	/* width:505px; */
	width:calc((100% - 12px) / 2);
	height:287px;
}
div.item:nth-child(5n)
{
	margin-right:12px;
}
div.item:nth-child(5n+2)
{
	width:225px;
	height:255px;
}
div.item:nth-child(5n+3)
{
	/* width:453px; */
	width:430px;
	height:255px;
}
div.item:nth-child(5n+4)
{
	/* width:339px; */
	/* width:333px; */
	width:calc((100% - 24px) / 3);
	height:255px;
}
div.item:nth-child(2),
div.item:nth-child(3),
div.item:nth-child(4)
{
	/* width:339px; */
	/* width:333px; */
	width:calc((100% - 24px) / 3);
	height:191px;
}

/*	grid with banner
*/

a.banner
{
	position:absolute;
	left:0;
	top:629px;
	margin:3px 0;
	width:100%;
	height:150px;
	background:transparent none no-repeat 100% 0;
	background-size:contain;
}
#grid.banner:not(.list) div.item:first-child
{
	margin-bottom:156px !important;
}
#grid.banner.list.reveal a.banner
{
	display:none;
}


div.item > .caption
{
	position:absolute;
	top:calc(100% + 9px);
	width:100%;
	line-height:19px;
}
div.item > .caption > .title
{
	height:calc(3 * 20px); /* max 3 lines of text */
	overflow:hidden;

	font-family:Meister,sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	text-transform: uppercase;
}
div.item > .caption > .title em
{
	display:none;
}

/* 
div.group > div > .caption > .title
{
	width:95%;	
}
 */
div.item > .caption > .short
{
	display:none;
}

@media (max-width:1023px)
{
	#grid
	{
		padding-top:60px;
	}
	#grid.banner:not(.list) div.item:first-child
	{
		margin-bottom:81px !important;
	}
	#grid .cover
	{
		height:60px;
	}
	a.banner
	{
		top:300px;
		height:75px;
		background-size:cover;
	}

	#profile
	{
		display:none;
	}
	#article
	{
		/* top:60px; */
		/* padding:0 10px; */
		/* width:100%; */
		max-width: 453px;
		max-width:100%;
	}
	#article > .header > .media
	{
		max-width:403px;
	}
	#article .banner
	{
		width:calc(.4 * 509px);
		height:calc(.4 * 504px);
		transform:translate(100px,-100px);
	}

	#article.active.scroll
	{
		/* top:60px; */
	}
	#article > .header
	{
		height:210px;
		
	}
	#article > .header > a.edit
	{
		display:none !important;
	}
	#article > .body
	{
		padding-top:0;
		width:inherit;
	}
	#article .body > .caption
	{
		font-size: 11.11px;
	}
	#article .text
	{
		font-size: 17.36px;
		line-height: 22.57px;	
	}
	
	
	#article .text > p:first-of-type
	{
		font-size: 22.22px;
		line-height: 27.78px;
	}


	#article.event > .body
	{
		width:90%;
		margin:auto;
	}
	#article .title
	{
		width:100%;
		font-size: 27.78px;
		color: #3B5239;
		letter-spacing: -0.06px;
		line-height: 24.31px;
	}
	#article blockquote
	{
		width:100%;
		word-break:break-word;
		font-size:2.5rem;
	}
	#article .sub-header
	{
		height:220px;
	}
	#article > .side-bar, #article > .body > .shadow
	{
		display:none;
	}
	#article > .body > .fav-share
	{
		display:none;
	}
	#mc_embed_signup
	{
		width:100% !important;
	}

	#share > div:last-child
	{
		margin-left:0;
	}
	#favorite:hover
	{
		background-position:0 0;
	}
	#favorite.selected
	{
		background-position:0 100% !important;
	}
	.cms-inline-media > .media
	{
		width:100%;
		/* height:220px; */
	}
	.jm_insta_embed
	{
		width:calc(100% + 12px);
	}
	.jm_insta_embed:not(.single) > .jm_insta_post > p,
	.jm_insta_embed.five > div > div *,
	.jm_insta_post > a
	{
		display:none;
	}
	.jm_insta_embed.single > .jm_insta_post > p
	{
		position:absolute;
		left:50%;
		top:50%;
		margin:0;
		
		width:50%;
		padding:0 16px 0 10px;
		text-align:center;
		
		transform:translateY(-60%);
		-webkit-transform:translateY(-60%);
	}
	.gallery.modal
	{
		left:0;
		width:100%;
	}
	.gallery > .button.arrow
	{
		display:none;
	}
}

@media (min-width:1023px)
{
	/*	main item caption
	*/

	#grid:not(.reveal) > div.item:first-child > .caption .title
	{
		width:520px;
		font-size: 31px;
		letter-spacing: -0.06px;
		line-height: 30px;	
	}
	#grid:not(.reveal) > div.item:first-child > .caption .short
	{
		display:block;
		position:absolute;
		left:534px;
		top:2px;
		height:calc(3 * 19px);
		overflow:hidden;
	}

/*
	#grid:not(.reveal) > div.item:first-child > .caption > p
	{
		position:absolute;
		bottom:0;
		padding:9px;
		font-size:14px;
		line-height:120%;
	}
 */
	#grid .item > a.pin, #article > .header > a.edit
	{
		display:none;
		
		position:absolute;
		right:0;
		top:0;
		height:20px;
		background-color:black;
		padding:2px 5px;
		
		font-size:16px;
		line-height:18px;
		font-weight:bold;
		color:white;
		text-decoration:none;
		text-transform:uppercase;
	}
	#grid .item > a.pin.active
	{
		width:81px;
		height:80px;
		padding:0;
	}
	#grid .item > a.pin > div.head
	{
		height:20px;
		padding:2px 5px;
		text-align:right;
	}
	@-moz-document url-prefix()
	{
		/*	firefox line-height corrections */
		#grid .item > a.pin,
		#article > .header > a.edit,
		#grid .item > a.pin > div.head { padding-top:1px }
	}
	#grid .item.pinned > a.pin > div.head:hover
	{
		color:#979797;
	}
	#grid .item > a.pin > div.zone
	{
		float:left;
		border:1px solid #979797;
	}
	#grid .item > a.pin > div.zone:hover
	{
		background-color:#979797;
	}
	#grid .item > a.pin > div.zone.selected
	{
		background-color:#555555;
	}
	#grid .item > a.pin > div.zone.one
	{
		width:100%;
		height:45px;
		border-bottom:none;
	}
	#grid .item > a.pin > div.zone.two
	{
		width:27px;
		height:16px;
	}
	#grid .item > a.pin > div.zone.two:not(:nth-child(3))
	{
		border-left:none;
	}
	#grid .item:hover > a.pin
	{
		display:block;
	}
	#grid.list, #grid.list.reveal.transition
	{
		transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
	}
	#grid.list.reveal
	{
		padding-top:87px;
		transform:translateX(0);
		-webkit-transform:translateX(0);
		
/* 
		transition:transform 0.1s linear 0s;
		-webkit-transition:-webkit-transform 0.1s linear 0s;
 */
/* 
 		transition:none;
 		-webkit-transition:none;
 */
	}
	#grid.list.reveal div.item
	{
		clear:left;
		margin:0 0 3px 0;
		
		width:339px;
		height:191px;
		
	}
	#grid.list.reveal div.group
	{
		clear:left;
		margin-bottom:0;
		/* background-color:magenta; */
	}
	#grid.list.reveal div.item > .caption
	{
		position:absolute;
		left:339px;
		top:0;
		width:429px;
		height:100%;
		background-color:#1F1D1D;
	}
	#grid.list.reveal > div.item:nth-child(2n) > .caption
	{
		background-color:#282424;
	}
	#grid.list.reveal div.item > .caption > .title
	{
		position:relative;
		bottom:auto;
		padding:8px 10px;
		width:70%;
		max-height:100%;
		font-size: 28px;
		line-height: 97%;
	}
	#grid.list.reveal div.item > .caption > .short
	{
		bottom:auto;
		display:block;
		font-size:14px;
	}
	#grid.list.reveal div.item > .caption > .title em
	{
		display:block;
		font-size:18px;
		line-height:1;
		font-style:normal;
		color:#979797;
	}

/* 
	#nav.article ul.main
	{
		transform:translateY(-150px);
		-webkit-transform:translateY(-150px);
	}
 */
	#nav > a.mobile, #nav li.favorites
	{
		display:none;
	}
	#nav > a.article, .modal > a.article
	{
		right:0;
		top:0;
		
/* 
		right:14px;
		top:13px;
 */
	}

	#sub-nav a.profile
	{
		position:absolute;
		left:0;
		top:0;
	
		padding-left:31px;
		background:transparent url(../media/account.svg) no-repeat 0 5px;
	
		font-family:Apercu;
		font-size:14px;
		color:#979797;
		text-transform:none;
	}
	#sub-nav a.profile:hover
	{
		color:white;
	}
	
	#sub-nav a.mode
	{
		display:block;
		position:absolute;
		top:6px;
		width:19px;
		height:19px;

		background:transparent url(../media/mode.svg) no-repeat 0 0;
	}
	#sub-nav a.mode.grid
	{
		right:32px;
		background-position:0 100%;
	}
	#sub-nav a.mode.list
	{
		right:7px;
		background-position:100% 100%;
	}
	#sub-nav a.mode.grid:hover, #sub-nav a.mode.grid.selected
	{
		background-position:0 0;
	}
	#sub-nav a.mode.list:hover, #sub-nav a.mode.list.selected
	{
		background-position:100% 0;
	}

	#grid.profile, #grid.list.profile
	{
		opacity:.5;
		transform:scale(0.75073313782991);
		-webkit-transform:scale(0.75073313782991);
	}
	#grid.profile.fixed
	{
		position:fixed;
		width:inherit;
	}
 
	#profile
	{
		position:absolute;
		left:0;
		top:0;
		margin-top:55px;

		width:255px;
		padding-top:32px;
		padding:39px 9px 0 9px;
		
		background-color:#232020;
		border-right:1px solid #444444;
		box-shadow:inset -1px 0 0 #000000;
	
		transition:transform .5s ease 0s;
		-webkit-transition:-webkit-transform .5s ease 0s;

		transform:translateX(-255px);
		-webkit-transform:translateX(-255px);
	}
	#profile.active
	{
		transform:translateX(0);
		-webkit-transform:translateX(0);
	}
	#profile.reveal
	{
		position:relative;
	}
	#profile > ul > li
	{
		margin-bottom:1px;
		width:100%;
		height:65px;
		margin-bottom:2px;
		padding:3px;

		transition:transform .2s ease 0s;
		-webkit-transition:-webkit-transform .2s ease 0s;
		
		transform:translateX(-105%);
		-webkit-transform:translateX(-105%);
		
		font-size:14px;
		line-height:1.2;
	}
	#profile > ul.reveal > li
	{
		transform:translateX(0) !important;
		-webkit-transform:translateX(0) !important;
	}
	#profile > ul > li:nth-child(2n+3)
	{
		background-color:#1a1818;
	}
	#profile > ul > li:nth-child(2n+4)
	{
		background-color:#2c2727;
	}
	#profile li.fav
	{
		cursor:pointer;
	}
	#profile li.fav > .thumb
	{
		float:left;
		margin-right:4px;
		width:105px;
		height:59px;
	}
	#profile li.fav > .thumb > div
	{
		width:100%;
		height:100%;
		background:transparent none no-repeat center;
		background-size:cover;
	}
	
	#profile li.fav .title
	{
		font-size:16px;
		line-height:.97;
	}
	#profile li.fav:hover > .thumb
	{
		/* tmp */
		background-color:black;
	}
	
	#profile .title
	{
		display:block;
		font-family:FrutigerLTStd-ExtraBlackCn;
		text-transform:uppercase;
		font-size:28px;
		line-height:.97;
	}
	#profile .dimm
	{
	}
	#profile a
	{
		text-decoration:none;
	}
	#profile a:hover
	{
		color:white;
	}
	#profile > ul > li.login, #profile > ul > li.profile
	{
		margin-bottom:3px;
		height:auto;
		border-bottom:1px solid #444444;
		box-shadow:0 1px 0 black;
	}
	#profile:not(.login) > ul > li.login, #profile.login > ul > li.profile
	{
		display:none;
	}
	#profile > ul > li.login .title
	{
	}
	#profile > ul > li.login p:last-child
	{
		text-align:center;
	}
	#profile > ul > li.profile > img
	{
		float:left;
		margin:0 10px 5px -3px;
		width:72px;
		height:72px;
		border:3px solid white;
		box-shadow:0 2px 3px #000000;
	}

	#sub-nav
	{
		/* overflow:hidden; */
	}	
	
	#timeline
	{
		display:none;
		
		position:absolute;
		right:0;
		top:33px;
		width:255px;
		
		/* display:none; */
		

/* 
		height:600px;
		overflow:hidden;
 */

		background-color:#232020;
		border-left:1px solid #000000;
		box-shadow:inset 1px 0 0 #444444;
		
/* 
		left:auto;
		right:0;
*/
/* 
		transform:translateX(255px);
		-webkit-transform:translateX(255px);
 */

		transition:opacity .2s ease 0s;
		-webkit-transition:opacity .2s ease 0s;

	}
	#timeline.fade
	{
		opacity:0;
	}
	#grid > #timeline
	{
		display:block;
		top:88px;
	}
	#timeline.active
	{
		display:block;
	}
	#nav.article #timeline
	{
		display:none;
	}
	#timeline > .display
	{
		position:relative;
		width:100%;
		height:600px;
		overflow:hidden;
	}
	#timeline > .display.hidden
	{
		visibility:hidden;
	}
	#timeline .fade
	{
		position:absolute;
		left:1px;
		right:0;
		height:60px;
		background-image:linear-gradient(rgba(35,32,32,1),rgba(35,32,32,0));
		
		z-index:11;
	}
	#timeline .fade.top
	{
		top:0;
	}
	#timeline .fade.bottom
	{
		bottom:0;
		background-image:linear-gradient(rgba(35,32,32,0),rgba(35,32,32,1));
	}
	#control
	{
		position:absolute;
		right:0;
		top:0;
		width:62px;
		height:225px;
	}
	#slider
	{
		position:absolute;
		right:10px;
		top:77px;
		margin-top:5px;
		
		width:62px;
		height:25px;
		
		background:transparent url(../media/slider.svg) no-repeat 0 0;
		cursor:pointer;

		z-index:12;
	}
	#slider:hover, #slider.active
	{
		background-position:0 100%;
	}
	#scale
	{
		position:relative;
		padding:100px 33px 0 14px;
		padding-top:0;
	}
	#timeline .month, #timeline .year
	{
		position:relative;
/* 
		padding-bottom:10px;
		margin-bottom:2px;
 */
 		margin-bottom:1px;
 
		border-bottom:1px solid #cccccc;
		color:white;
	}
	#timeline .year
	{


/* 
		padding-bottom:10px;
		margin-bottom:2px;

		color:#a4958d;
		border-color:#a4958d;
 */

		margin-bottom:0;
		border-bottom:none;
	}
	#timeline .label
	{
		
	}
 	#timeline .day
 	{
 		position:relative;
 		border-bottom:1px solid #999;
 		height:12px;
 		margin-right: 36px;
 		
 		/* z-index:10; */
 	}
 	#timeline .day:last-child
 	{
 		border-bottom-color:transparent;
 	}
 	#timeline .day.selected
 	{
 		/* background-color:red; */
 		border-color:white;
 	}
 	#timeline .day.selected:not(:last-child) > span 	
 	{
 		display:inline-block;
 	}
 	#timeline .label
 	{
 		/* display:none; */
		position:absolute;
		left:-2px;
		bottom:-6px;
		padding-right:5px;
 		background-color:#232020;

		font-family:FrutigerLTStd-ExtraBlackCn;
 		font-size:17px;
 		line-height:18px;
 		text-transform:uppercase;
 	}
 	#timeline .day > .label
 	{
 		display:none;

 		top:0;
 		bottom:auto;
 		padding-right:10px;

 		font-family:Apercu;
 		font-size:12px;
 		line-height:20px;
 		text-transform:none;
 	}
	#timeline .month > .label
	{
		z-index:10;
		line-height:12px;
	}

	#article
	{
		width:calc(1023px - 16px);
		margin:0 8px;
		/* box-shadow:4px 4px 6px rgba(0,0,0,.3); */
	}

 
	#article > .body
	{
		padding:0 118px 0 132px;
	}

	
	.jm_insta_embed.single > .jm_insta_post > *
	{
		width:50%;
		text-align:center;
	
		position:absolute;
		left:50%;
		top:50%;
	}
	.jm_insta_embed.single > .jm_insta_post > a
	{
		margin-top:10px;
	}
	.jm_insta_embed.single > .jm_insta_post > p
	{
		padding:0 26px 0 20px;

		font-size:22px !important;
		line-height:26px !important;

		transform:translateY(-100%);
		-webkit-transform:translateY(-100%);
	}
}