/* #Timeline
================================================== */

#timeline { color: #e7e5cc; line-height: 18px; }

#timeline .item.item-intro {width: 300px; }

#timeline .item {
	height: 260px;
	margin: 10px; padding: 1px; position: relative;
}
	#timeline .owl-item {position: relative; }
#timeline .item.odd .event-box { margin-top: 30px; }
#timeline hr {border-bottom: 1px solid #554e40; border-top: 0px; margin: 10px 0; padding: 0; }
#timeline .item h2 { color: #FFF; margin: 40px 0px 0px 0px; font-size: 36px; }
#timeline .item h3 { color: #FFF; line-height: 24px; font-size: 20px; font-style: italic; margin: 0px 0px 20px 0px; }
#timeline .item .event-box { border: 2px solid #554e40;  background: #000; width: 100%;  }
#timeline .item .photo {  width: 134px; float: right; margin: 10px;  }
#timeline .item .photo img { width: 100%;  }
#timeline .item .photo::after { content: ' '; clear: both;   display: block; }
#timeline .item .desc { display: none; width: 220px; float: left; margin: 10px; text-align: left; }
#timeline .item .desc p { max-height: 160px; overflow-y: auto; margin: 0; }
#timeline .active.open .item .desc p { padding-right: 10px; }
#timeline .item.active {  width: 400px;   }
#timeline .item.active .desc { display: block; }
#timeline .item .year { font-family: georgia; font-size: 20px; margin-top: 5px;  }
#timeline .item p { line-height: 18px;  }

#timeline .item .event-wrapper {}

.owl-theme .owl-controls .owl-buttons .disabled, .owl-theme .owl-controls.clickable .owl-buttons .disabled:hover {
    cursor:  not-allowed;
    opacity: 0.25;
}

/* Large desktop */
 @media  (min-width: 1200px) {
	#timeline .item.item-intro {width: 360px; }
}

/* Portrait tablet to landscape and desktop */
 @media  (min-width: 768px) and (max-width: 979px) {
	#timeline .item.item-intro {width: 300px; }
}

/* Landscape phone to portrait tablet */
 @media  (max-width: 767px) {
 		#timeline .item.item-intro {width: 100%; }
 	 #banner {height: 400px; }
 	 #timeline .item {height: 320px; }
 	#timeline .item .desc { display: block !important; width: auto !important;  }
 	#timeline .item .photo {  float: none !important; margin: 10px auto; }
 	#timeline .item.odd .event-box { margin-top: 0px; }
}

/* Landscape phones and down */
 @media  (max-width: 480px) {

 }