/* FONTS */
#timeline_item > h1 > .date { font-family: 'schmutz', monospace; }
.timeline-item time { font-family:'museo_med', sans-serif; }
.timeline-item .title, .year_header { font-family: 'anodyne', sans-serif; }

/* FONT SIZES */
#timeline_item > h1 > .date { font-size:24px; }
.timeline-item .title { font-size:32px; }
.year_header { font-size:48px; }


/* TEXT ELEMENTS */
.timeline:not(body) { position:absolute;background-color:#f6fafb;z-index:600; }

/* COLORS */
#timeline_menu li, #timeline_menu a:link, #timeline_menu a:visited { color:#f6fafb; }
#timeline_menu a:hover { color:#9ff0f4; }


/* SHADOWS */
.timeline-item .item { box-shadow:0px 0px 6px 1px #020107; }
.timeline-item h1, #tourdates li .cancelled { text-shadow:1px 1px 2px #020107; }


/* TIMELINE */
#timeline_main { padding-bottom:50px; }
#timeline_main, .page-template-template-timeline, .single-timeline #container { box-shadow:1px 1px 81px 31px rgba(2,1,7,0.5) inset;background:url('../images/background_darktexture_alt2_lg.jpg') repeat fixed transparent; }

#timeline_main .timeline_filler { background-color: #f6fafb;height: 3px;position: absolute;left: 50%;top: 0;width: calc(50% + 3px);z-index: 600; }

#timeline_main > h1 { height:21px;padding:0!important;width:calc(50% - 7px);text-align:right;text-shadow:2px 2px 1px rgba(2, 1, 7, 0.5);font-size:48px;font-weight:normal;font-family:'Anodyne', sans-serif; }
#timeline_main .timeline { height:calc(100% - 100px)!important; }
#timeline_main .timeline-item:not(.year_header_container) { max-width:450px;box-shadow:1px 1px 12px 5px rgba(2,1,7,0.8); }

.timeline_container { position: relative;overflow: auto;width: 100%;padding-bottom:50px; }
.timeline_container::before { content: '';position: absolute;top: 0;left: 50%;margin: 0 auto;height:100%;width: 3px;background-color: #f6fafb;box-shadow:2px 1px 2px 1px rgba(2, 1, 7, 0.3); }
.timeline_container .year_header { background: transparent url("../images/XX_timeline.png") no-repeat scroll center top / 100% auto;color: #f6fafb;display: block;height:48px;margin:30px auto 10px auto;padding:20px 0;position: relative;text-align: center;text-shadow: -2px 1px 4px #020107;width: 150px;z-index: 700; }
.loadmore { color:#020107;width: 176px;text-align: center;margin:0 auto;position: relative;background-color: #f6fafb;padding: 12px 12px 8px;font-family: schmutz;font-size: 24px;cursor: pointer; }
.loadmore::after { content: url("../images/background_45shadow_sm.png");height:99px;left:0px;position: absolute;top: 0;width: 264px;z-index:-1; }
.timeline_container .timeline-items { list-style-type: none;overflow: hidden;padding-left: 0; }
#timeline_main .timeline_container .timeline-items .timeline-item:not(.year_header_container) { left: calc(5% - 31px);width:30%!important; }
#timeline_main .timeline-item:not(.inverted) .timeline-item-title { padding:18px 50px 8px 0!important;font-size:20px!important;}
#timeline_main .timeline-item.inverted .timeline-item-title { padding:18px 0 8px 50px!important;font-size:20px!important;}
#timeline_main .timeline_container .timeline-items .timeline-item:not(.year_header_container) { left:calc(50% - 600px); }

.timeline_container .timeline-items .timeline-item.is-hidden { visibility: hidden; }
.timeline_container .timeline-items .timeline-item::before { content: '';width: 0;height: 0;position: absolute;right: -1em;top: 0; }
.timeline_container .timeline-items .timeline-item::after { content: '';width: 30px;height: 30px;position: absolute;top: -15px;border-radius: 100%;left: calc(100% + 10.4%); }

/* TIMELINE MENU */
#timeline_menu { padding-top:74px;padding-bottom:30px; }
#timeline_menu li { display: inline-block;font-size: 18px;margin: 0 6px;text-align: center;vertical-align: top;text-shadow:2px 2px 1px rgba(2, 1, 7, 0.5); }
#timeline_menu li:hover { cursor:pointer; }
#timeline_menu li::after { content: url("../images/x_sm_white_half.png");left: 6px;position: relative;top: -1px; }
#timeline_menu { max-width:815px;margin:0 auto; }

/* TIMELINE YEAR HEADER */
.timeline-item.year_header_container { width:100%; }

/* TIMELINE ITEM */
.timeline-item 						{ position:relative;z-index:100;width:45%; }
.timeline-item:not(.year_header_container) { background-color:#ccd5dd; }
.timeline-item:not(.year_header_container):hover { cursor:pointer; }
.timeline-item:not(.year_header_container):hover .timeline-item-title { background-color:#E9EFF1!important; }
.timeline-item.year_header_container:hover { cursor:default; }

.timeline-item::after 				{ clear: both; }

.timeline-item.inverted 			{ left: calc(50% + 150px)!important; }
.timeline-item.inverted::before 	{ content: '';width: 0;height: 0;position: absolute;left: -1em;top: 0; }
.timeline-item.inverted::after 		{ content: '';width: 30px;height: 30px;position: absolute;top: -15px;border-radius: 100%;left: calc(-8.78% - 13px); }

.timeline-item.centered::before 	{ content: '';width: 0;height: 0;position: absolute;left: calc(50% - 4px);top: -12px; }
.timeline-item.centered::after 		{ display: none; }

.timeline-item-time 				{ position:absolute;background-color:#f6fafb;color:#3a373b;font-family:"schmutz", sans-serif;height:14px;padding:10px 0 14px;text-transform:uppercase;top:calc(50% - 10px);width:194px;text-align:center;box-shadow:1px 1px 12px 5px rgba(2,1,7,0.8); }
.timeline-item:not(.inverted) .timeline-item-time	{ right:-251.5px; }
.timeline-item.inverted .timeline-item-time 		{ left:-251.5px; }

.timeline-item:not(.inverted) .timeline-item-time::before 		{ position:absolute;top:calc(50% - 14px);left:-50px;content:url('../images/timeline_left.png'); }
.timeline-item.inverted .timeline-item-time::before 			{ position:absolute;top:calc(50% - 14px);right:-50px;content:url('../images/timeline_right.png'); }

.timeline-item-media 				{ text-align:center;position:relative;z-index:200;background-color:#39373c; }
.timeline-item-media img 			{ width:100%;vertical-align:bottom; }
.timeline-item-media iframe 		{ vertical-align:bottom; }
.timeline-item-title {
    box-shadow: 0 1px 2px 0 rgba(25, 26, 33, 0.2);
    color: #39373c;
    font-family: "Anodyne",sans-serif;
    font-size: 28px;
    line-height: 1;
    min-height: 27px;
    overflow: hidden;
    padding: 16px 50px 8px;
    position: relative;
    text-align: center;
    z-index: 300;
	transition:all ease 500ms;
}
.timeline-item-title span::after	{ content: url("../images/xx_sm_dark_half.png");position: relative;right: -4px;top: -4px; }
.timeline-item-title span::before	{ content: url("../images/xx_sm_dark_half.png");position: relative;right: 4px;top: -4px; }

.timeline-item:not(.inverted) .timeline-item-title { background:url('../images/timeline-title-right.png') no-repeat top right #f6fafb; }
.timeline-item.inverted .timeline-item-title {background:url('../images/timeline-title-left.png') no-repeat top left #f6fafb; }

/*.timeline-item-title-accent 		{ width:50px;height:50px;right:-50px;border-top:50px solid rgba(159,240,244,1);border-left:50px solid transparent;position: absolute;top:0; }*/

.timeline-item-description { transition:all ease 500ms;box-shadow:0 3px 6px 0px rgba(26, 25, 33, 0.3);color:#39373c;padding: 12px;position: relative;z-index: 250;background-color:#f6fafb;min-height:26px; }

.timeline-item.inverted .timeline-item-actionList { margin-left:auto;box-shadow: 0 -3px 6px 0px rgba(26, 25, 33, 0.3); }
.timeline-item:not(.inverted) .timeline-item-actionList { margin-right:auto;box-shadow: 0 3px 6px 0px rgba(26, 25, 33, 0.3); }
.timeline-item-actionList {
    height: 50px;
    position: relative;
    z-index: 150;
	width:102px;
}
.timeline-item-likes, .timeline-item-comments {
    border-left: 1px solid rgba(26, 25, 33, 0.1);
    display: inline-block;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
    width: 50px;
	color:#39373c;
	text-shadow:0 1px 3px rgba(26,25,33,0.3);
	background-color:#9ff0f4;
}
.timeline-item-actionList i { color:#39373c;margin-right:3px; }


/* TIMELINE ITEM PAGE */
#timeline_item { color: #f6fafb;margin: 0 auto;max-width:1000px;padding-bottom: 50px;padding-top: 74px;position:relative; }
#timeline_item .timeline_filler { position:absolute;left:-65px;top:90px;height:calc(100% - 90px);width:3px;background-color:#f6fafb; }
#timeline_item > .gallery { 
	-moz-column-count: 2;
	-moz-column-gap: 12px;
	-webkit-column-count: 2;
	-webkit-column-gap: 12px;
	column-count: 2;
	column-gap: 12px;
	width: 1000px;
}
#timeline_item .media { margin-bottom:12px;position:relative; }
#timeline_item .media::after {
    content: url("../images/background_45shadow.png");
    height: 300px;
    position: absolute;
    right: -300px;
    top: 0;
    width: 300px;
}

#timeline_item .media iframe { width:100%;max-width:1000px;min-height:265.64px; }
#timeline_item > .description, #timeline_item .media { background-color:#f6fafb;color:#020706;padding:12px; }
#timeline_item > .description {  margin:12px 0; }
#timeline_item h1 { line-height:40px; position:relative; }
#timeline_item h1 > .date { position:absolute;bottom:0;right:0; }
#timeline_item h1::before { content: url("../images/timeline_right.png");left:-65px;position: absolute;top:-5px; }
#timeline_item .comments { margin-top:74px; }