.filterbar .navbar-form { border:0; margin-left:0; margin-right:0; padding:0 10px; margin-bottom:2px; }
.filterbar .form-control { margin-bottom:5px; }
.filterbar .btn { margin-bottom:5px; }
/*
@media (min-width: 768px) {
	.filterbar .form-control { margin-bottom:0; }
}
*/

/* ******* */
/* PAGES */
.element_pagetypes ul li .list-group-item-image { float:left; margin-right:20px; display:block; }
.element_pagetypes ul li .list-group-item-text { overflow:hidden; zoom:1; }

/* ******* */
/* POSTS */

.permalink { word-wrap: break-word; border: 1px solid #ccc; padding: 10px 15px; background: #f7f7f7; margin-top: 10px; }

.plugin_youtube { margin:15px 0; }

.post-image { margin: 0 12px 8px 0; width: 45%; }
.post-image img { border-radius: 6px; width: 100%; height:auto; }
.post-image-modal { border-radius: 0; top:10%; }
.post-image-modal img { width: 100%; display:block; }

.posttypelayout_list table .recordListImage .no-image {
	display: inline-block;
	border-bottom: 16px solid #ccc;
	vertical-align: middle;
	width: 100%;
}

@media (max-width: 640px) {
	.post-image { float: none; margin: 12px 0; width: 100%; }
}

@media (min-width: 768px) {
	.post-image-modal img { max-width: 764px; margin:0 auto; }
}

/* temp fix for post inline images */
article.post div.content > img, article.post div.content > p > img { border-radius: 6px; clear: both; display: block; margin: .5em ; }

/* LINKS */
.links-layout-buttons ul li { margin-bottom:11px; }
.links-layout-buttons ul li .btn { text-align:left; padding:0 15px; line-height:2.5; }

/* TEXTBLOCKS */

/* VIDEOS */
.mejs-container { margin:0 auto; }

/* CALENDAR */
.calendar { margin: 1.33em 0 }
/* header */
/*table.cal-header { font-size: 0.8em; line-height: 1.25em; width: 100%; }_NO__DOTCOMMA__AFTER__*/
.calendar th, .calendar td { /*padding: 0;*/ vertical-align: top; }
/*.cal-header-steps, .cal-header-layouts { width: 25%; }_NO__DOTCOMMA__AFTER__*/
/*.cal-header-steps table { float: left; }_NO__DOTCOMMA__AFTER__*/
.cal-header-title { font-size: 20px; line-height: 33px; margin:0; padding: 0; text-align: center; white-space: nowrap; }
@media (min-width:641px) {
	.cal-header { position:relative; }
	.cal-header-title { position:absolute; top:0; left:0; right:0; }
}
/*.cal-header-title table { margin: 0 auto; }_NO__DOTCOMMA__AFTER__*/
/*.cal-header-title { margin: 0; padding: 0.25em 0; }_NO__DOTCOMMA__AFTER__*/
/*.cal-header-layouts table { float: right; }_NO__DOTCOMMA__AFTER__*/
/* .cal-header-title, .cal-header-steps, .cal-header-layouts { margin-left:-15px; margin-right:-15px; } */

.cal-header-space { padding-left: 10px }
/* buttons */
.cal-header .cal-state-default, .cal-header .ui-state-default { margin-bottom: 1em; cursor: pointer; }
.cal-header .cal-state-default { border-width: 1px 0; padding: 0 1px; }
.cal-header .cal-state-default, .cal-header .cal-state-default a { border-style: solid }
.cal-header .cal-state-default a { display: block; border-width: 0 1px; margin: 0 -1px; width: 100%; text-decoration: none; }
.cal-header .cal-state-default span { display: block; border-style: solid; border-width: 1px 0 1px 1px; height: 1.25em; padding: 3px 5px; }
.cal-header .ui-state-default { padding: 4px 6px }
.cal-header .cal-state-default span, .cal-header .ui-state-default span { white-space: nowrap }
.cal-header .cal-no-right { padding-right: 0 }
.cal-header .cal-no-right a { margin-right: 0; border-right: 0; }
.cal-header .ui-no-right { border-right: 0 }
.cal-header .cal-corner-left { margin-left: 1px; padding-left: 0; }
.cal-header .cal-corner-right { margin-right: 1px; padding-right: 0; }
.cal-header .cal-state-default, .cal-header .cal-state-default a { border-color: #777; /* outer border */ color: #333; }
.cal-header .cal-state-default span { border-color: #fff #fff #d1d1d1; /* inner border */ background: #e8e8e8; }
.cal-header .cal-state-active a { color: #fff }
.cal-header .cal-state-down span, .cal-header .cal-state-active span { background: #888; border-color: #808080 #808080 #909090; /* inner border */ }
.cal-header .cal-state-disabled a { color: #999; cursor: default; }
.cal-header .cal-state-disabled, .cal-header .cal-state-disabled a { border-color: #ccc; /* outer border */ }
.cal-header .cal-state-disabled span { border-color: #fff #fff #f0f0f0; /* inner border */ background: #f0f0f0; }
.calendar .recordList { padding: 0.5em 0; width: 100%; }
.calendar table.recordList { padding: 0.5em 1em }
/* calendar layout */
.cal-month table { background-color: #ccc; border-collapse: separate; border-spacing: 1px; table-layout:fixed; word-wrap: break-word; font-size: 75%; line-height: 1.25em; }
.cal-month table th { background-color:#3e3e3e; color:white; text-align:center; font-size:16px; line-height:3; box-shadow: 0 0 0px 1px rgba(62,62,62,1); }
.cal-month table td.cal-day { background-color: #fff; cursor: pointer; height: 7em; padding: 0 !important; }
.cal-month table td div.cal-date { background-color: transparent; cursor: pointer; padding: 0 0.33em; text-align: left; }
.cal-month table td div.cal-date a { color: #6D747A }
.cal-month table td div.cal-event { /* background-color: #a94130; */ cursor: pointer; margin: 2px; padding: 2px 4px 4px; -moz-border-radius: 3px; }
.cal-month table td div.cal-event a { color: inherit }
.cal-month table td.cal-day-now { border-color: #ccc; background-color: #f2f2f2; }
.cal-month table td.cal-day-now div.cal-date {  }
.cal-month table td.cal-day-now div.cal-date a {  }
.cal-month table td.cal-day-prevnext { /*background-color: #f7f7f7;*/  }
.cal-month table td.cal-day-prevnext div.cal-date { background-color: transparent; color: #ccc; }
.cal-month table td.cal-day-prevnext div.cal-date a { color: #ccc }

@media (max-width:480px) {
	.cal-month table { font-size:60%; }
}
/* list layout */
.calendar .recordList .list-month { border:1px solid #ccc; padding:20px; background:#f7f7f7; margin-bottom:15px; }
.calendar .recordList .list-month h4 { color:#333; font-weight:bold; margin:0 0 10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
.calendar .recordList .list-month table tr { border-bottom:1px dashed #ccc; }
.calendar .recordList .list-month table tr td { padding-top:5px; padding-bottom:5px; }
.calendar .recordList .recordListDate  { text-align: left; padding-left: 0; width: 150px; }
/* day view */
.calendar .article { border:1px solid #ccc; padding:0 20px 20px; background:#f7f7f7; margin-bottom:15px; }
.calendar .article h1.title { border-bottom:1px solid #ccc; padding-bottom:10px; }
.calendar .article h1.title a {  }
.calendar .article h1.title a:hover { text-decoration:none; }
/* */

.cal-event-type-1 { background-color: #cdf6f3 !important }
.cal-event-type-2 { background-color: #d6f5cd !important }
.cal-event-type-3 { background-color: #fff7d7 !important }
.cal-event-type-4 { background-color: #ffd8d8 !important }
.cal-event-type-5 { background-color: #d7f2ff !important }
.cal-event-type-6 { background-color: #d7deff !important }
.cal-event-type-7 { background-color: #e9d7ff !important }
.cal-event-type-8 { background-color: #ffd7fe !important }
.event-type-legend { background-color:#3e3e3e; padding:5px 15px; }
.event-type-legend div { border:none; color: #000; display: inline; float: left; font-size: 12px; margin:5px 15px 5px 0; margin-left: 0; padding: 0.33em 0.66em; }


/*
.timeline-posts { overflow:hidden; white-space:nowrap; }
.timeline-posts.desc { direction:rtl; }
.timeline-posts .item { display:inline-block; white-space:normal; vertical-align:top; padding:0 10px; width:25%; }
.timeline-posts.desc .item { direction:ltr; }
.timeline-posts .item .item-inner { border:1px solid black; padding: }
*/

.timeline-dates { background:black; border:1px solid black; text-align:center; font-size:14px; line-height:20px; margin-bottom:20px; position:relative; }
.timeline-dates .dropdown-years { display:none; position:absolute; top:100%; left:28px; /* max-height:300px; */ overflow-x:auto; padding:10px; background:white; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.35); z-index:10; outline:1px solid rgba(0,0,0,0.25); }
.timeline-dates .dropdown-years.active { display:block; }
.timeline-dates .dropdown-years .dropdown-year { cursor:pointer; padding-top:5px; }
.timeline-dates .dropdown-years .dropdown-year:first-child { padding-top:0; }
.timeline-dates .month-label { display:block; float:right; color:white; font-weight:bold; font-size:18px; padding:10px 40px 10px 10px; position:relative; cursor:pointer; }
.timeline-dates .month-label:before { content:""; position:absolute; top:10px; right:0; bottom:10px; border-left:1px solid rgba(255,255,255,0.25); width:25px; background:url(<cfoutput>#request.Skin.Image.URLPath#</cfoutput>icons/icon_carat_down_white.png) no-repeat center center; }
.timeline-dates select { display:none; }
.timeline-dates .timeline-dates-year { display:none; }
.timeline-dates .timeline-dates-year.active { display:block; }
.timeline-dates .timeline-dates-year .year { float:left; background:white; margin-left:3px; margin-right:30px; padding:10px 10px 10px 40px; font-size:18px; color:black; position:relative; cursor:pointer; }
.timeline-dates .timeline-dates-year .year:before { content:""; position:absolute; top:10px; left:0; bottom:10px; border-right:1px solid rgba(0,0,0,0.25); width:25px; background:url(<cfoutput>#request.Skin.Image.URLPath#</cfoutput>icons/icon_carat_down_dark.png) no-repeat center center; }
.timeline-dates .timeline-dates-year .year:after { content:""; position:absolute; top:0; left:100%; bottom:0;
		width: 0; 
		height: 0; 
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		
		border-left: 10px solid white;
}
.timeline-dates .timeline-dates-year .timeline-dates-months { display:none; }
.timeline-dates .timeline-dates-year .dropdown-months { display:none; position:absolute; top:100%; right:25px; padding:10px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.35); z-index:10; outline:1px solid rgba(0,0,0,0.25); background:black; color:rgba(255,255,255,.4); text-align:left; }
.timeline-dates .timeline-dates-year .dropdown-months.active { display:block; }
.timeline-dates .timeline-dates-year .dropdown-months a { color:white; }

@media (min-width:768px) {
	.timeline-dates .month-label { display:none; }
	.timeline-dates .timeline-dates-year .timeline-dates-months { display:block; overflow:hidden; padding:0 5px 0 15px; position:static; top:auto; right:auto; max-height:none; }
	.timeline-dates .timeline-dates-year .dropdown-months.active { display:none; }
	.timeline-dates .timeline-dates-year .month { color:rgba(255,255,255,.4); text-transform:uppercase; font-weight:bold; padding-left:10px; padding-right:10px; position:relative; min-height:1px; width:8.33333333%; float:left;  }
	.timeline-dates .timeline-dates-year .month.active { background-color:rgba(255,255,255,.35); }
	.timeline-dates .timeline-dates-year .month-inner { padding:10px 0; }
	.timeline-dates .timeline-dates-year .month a { color:white; }
}

.timeline-posts .wrapper .item-inner { border:1px solid rgba(0,0,0,0.15); }
.timeline-posts .wrapper .item-inner .body { padding:20px; }
.timeline-posts .wrapper .item-inner .body h4 { margin:0 0 10px 0; }
.timeline-posts .wrapper .item-inner img { max-width:100%; height:auto; }

@media (min-width:481px) {
	.timeline-content { position:relative; }
	.timeline-navigation { height:50px; position:absolute; top:0; left:0; right:0; }
	.timeline-navigation:before { content:""; display:block; border-bottom:2px solid black; padding-top:24px; }
	.timeline-navigation .prev, .timeline-navigation .next { position:absolute; top:0; bottom:0; background-repeat:no-repeat; background-position:center center; background:white; width:30px; height:50px; z-index:3; cursor:pointer; }
	.timeline-navigation .prev { left:0; background-image:url(<cfoutput>#request.Skin.Image.URLPath#</cfoutput>icons/arrow_timeline_left.png); }
	.timeline-navigation .next { right:0; background-image:url(<cfoutput>#request.Skin.Image.URLPath#</cfoutput>icons/arrow_timeline_right.png); }
	
	.timeline-posts { overflow-x:scroll; position:relative; z-index:1; }
	.timeline-posts.desc { direction:rtl; }
	.timeline-posts .wrapper
	 {
/*
	   display: -webkit-flex;
	   display: flex;
	   align-items: flex-start;
	   justify-content: flex-start;
	   flex-direction: row;
	   align-content: space-between;
*/
		white-space:nowrap;
	}
	.timeline-posts .wrapper .item { padding:0 10px 10px; width:50%; /* flex-grow: 0; flex-shrink: 0; flex-basis: 25%; */ white-space:normal; display:inline-block; vertical-align:top; }
	.timeline-posts.desc .wrapper .item { direction:ltr; }
	.timeline-posts .item .item-header { line-height:50px; text-align:center; margin-bottom:20px; color:black; z-index:2; }
	.timeline-posts .item .item-header span { background:white; padding:0 10px; }
}
@media (min-width:768px) {
	.timeline-posts .wrapper .item { width:25%; }
}