/* SCROLL CARDS  on timeline -added jan-2024
https://codeburst.io/how-to-create-horizontal-scrolling-containers-d8069651e9c6
 */

.tl-scrolling-wrapper 			{	overflow-x: 	scroll;
									overflow-y: 	hidden;
									white-space: 	nowrap;			
								}
.tl-card 						{	display: 		inline-block;			
								}
.tl-scrolling-wrapper-flexbox 	{	display: 		flex;
									flex-wrap: 		nowrap;
									overflow-x: 	auto;				
								}
.tl-card 						{	flex: 			0 0 auto;
									margin-right: 	3px;				
								}
.tl-card 						{	border-left: 	1px solid;
									padding-top: 	10px;
									padding-left: 	10px;
									padding-right: 	10px;
									width: 			300px;
									height: 		auto;
									background: 	white;				
								}
.tl-scrolling-wrapper, 
.tl-scrolling-wrapper-flexbox 	{	height: 		auto;
									margin-bottom: 	20px;
									width: 			100%;					
								}
.tl-card p						{	font-size: 		small;
									line-height: 	110%;
									padding-top: 	3px;
								}

.tl-card .credit				{	font-size: 		xx-small;
									font-style: 	italic;
									padding-top: 	5px;
								}