// news
.news.block{
	> header{
		h1{
			font-size: rem-calc( 24 );
		}

		&:before{
			content:'';
			display: inline-block;
			width: 53px;
			height: 53px;
			background: transparent url(../images/news-events.png) no-repeat center center;
			float: left; 
			margin: -1.6em 0.5em 0 0;
		}
	}

	&.press  {
		header{

			&:before{
				background-image: url(../images/press.png) ;
			}
		}
	}

	article{
		max-width: 100%;
		margin-bottom: 0.75em;

		header{
			h2, time{
				font-size: 1em;
				color: $bone-red;
				display: inline;
			}
			time{
				&:after{
					content:' - ';
				}
			}
		}
	}

}

section.news{

	.list{
		
		> article{

			width: 100%;
			padding-bottom: 0.75em;
			margin-bottom: 0.75em;
			border-bottom: 1px dotted $gainsboro;
			
					
					header{
						h2{
							line-height: 1.1em;
							font-size: rem-calc(22);
							display: inline;
						}
						time{
							font-size: rem-calc(14);
							display: inline;
						}
					}

			&:last-child{
				padding-bottom: 0;
				margin-bottom: 0;
				border-bottom: none;

			}

			&.events{

			}

			
			footer{
				text-align: right;
				a.more{}
			}
		}
	}

}
#leftCol{
	section.news{
		padding-top: 2em;
		margin-top: 0.5em;
		border-top: 1px solid $gainsboro;
		.list{
			> article{
				header{

				time,h2{
					font-size: rem-calc( 16 );
				}
				}
			}
		}
	}
}
		#map_canvas{
			width: 100%;
			height: 240px;
		}



// QUICK form
#formquick{

	> fieldset{
		padding: 0;
		border: none;
	}
	#message {
		height: 10.2em;
	}

	#mandatory{
		font-size: rem-calc(12);
		color: $bone-red;
		&:before{
			content : '* '; 
		}
	}

	@media #{$large-up} {
		

		display: flex;
		flex-direction: row;
		flex-wrap: wrap;   
		align-content: stretch;

		> fieldset{
			flex: 1 1 auto;
			width: 45%;  
			margin: 0 5% 0 0;
			min-width: 40%;
			align-self: stretch;

		}

		#submit{
			float: right;
			margin-top: -4em;
		}

	}
}

html.no-flexbox{
	#formquick{

	> fieldset{
		float: left;
	}
}
}

// Slider 
.fullslider{
	position: relative;
	height: 120px;
	width: 100%;
	
	.toptext{
		display : none;
		position: absolute;
		top: 10px;
		left: $column-gutter/2; 
		z-index: 200;
		img{
			width: 220px;
			height: auto;			
			
		}		
	}

	.item{
		height: 120px;
		width: 100%;
		background-position: top center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		
		//margin: 0 auto;
		
		.content{
			font-size: rem-calc( 16 );
			line-height: 1.25rem;
			position: absolute;
			left: $column-gutter/2;
			top: 10px;
			width : auto;
			text-shadow: 0 0 2px #ffffff;

			p{
				line-height: 1.25rem;
				margin-bottom: 0.5em;
			}
			
			h3{
				line-height: 1.25rem;
				font-size: rem-cacl(22);
			}

		}

	}	

	.cycle-pager{
		bottom:10px;
		left:$column-gutter/2;
		right: auto;
		top: auto;
		
	}
	@media #{$small-only} {
		.cycle-pager{
			bottom:10px;
			left:auto;
			right: $column-gutter/2;
			top: auto;
			
		}
	}
/*
	.cycle-prev{ 
		font-size: 1.5em;
		position: absolute;
		top:50%;
		margin-top: -.75em;
		left:2%;	
		z-index: 1000;
		cursor: pointer;
	}
	.cycle-next{ 
		font-size: 1.5em;
		position: absolute;
		top:50%;
		margin-top: -.75em;
		right:2%;	
		z-index: 1000;
		cursor: pointer;
	}
	*/
	
	@media #{$medium-up} {
		.toptext{
			display: block;
		}
		.item{

			.content{			
				max-width : 420px;

				p{
					line-height: 1.6;
					margin-bottom: 0.75em;
				}
			}
		}
	}
	@media #{$medium-only} {
		height: 180px;
		.toptext{
			top: 30px;
			img{
				width: 320px;
			}
		}
		.item{
			height: 180px;
			.content{			
				top: 140px;

				h3{
					font-height: 1.6em ; 
				}
			}
		}
	}

	@media #{$large-up} {
		height: 235px;

		.toptext{
			top: 48px;
			img{
				width: 420px;
			}
		}
		.item{
			height: 235px;
			.content{	
				font-size: rem-calc( 18 );		
				top: 190px;
			}
		}
	}
}

html.home{
	.fullslider{
		height: 220px;
		.item{
			height: 220px;

			background-position: top right;
		}

		@media #{$medium-only} {
			height: 360px;
			.item{
				height: 360px;
			}
		}

		@media #{$large-up} {
			height: 420px;
			.toptext{
				top: 30px;
			}
			.content{
				top: 160px;
			}
			.item{
				height: 420px;
			}

			h2{
				font-size: rem-calc( 24 );
				line-height: rem-calc( 30 );
			}
		}

		
	}
}

.cycle-pager{

	position: absolute;
	top:10px;
	right:10px;
	z-index: 1000;
	cursor: pointer;

	span{
		width: 14px;
		height: 16px;
		border-radius: 60% 75%;
		background-color: $white-smoke ;
		border: 1px solid $gainsboro;
		display: inline-block;
		margin-right: 4px;
	}

	.cycle-pager-active{
		background-color: $bone-red ;
		border: 1px solid $bone-red ;
	}
}

.socialShare{
	text-align: right;
	a{
		display: inline-block;
		border: 1px solid $gainsboro;
		width: 25px;
		height: 25px;
		line-height: 25px;
		margin-left: 4px;
		text-align: center;
		color: $bone-blue;
	}
}

/**** Jobs ****/
.jobs{
	.list{
		
		article{
			h3{
				font-size: rem-calc( 22 );
				line-height: rem-calc ( 26 );
			}
			
			margin-bottom: 1em;
			border-bottom: 1px solid $gainsboro;

			&:last-child{
					border-bottom: none;
				}
		}

		

	}
}

/******/
.timeline{
	$tl-color : $bone-light-blue;
	$year-size : 100px;

	position: relative;
	
	.year{
		> .time{
			display: block;
			line-height: 2em; 
			text-align: center;
			background-color: $tl-color;
			color: #ffffff;
			font-weight: bold;
			font-size: 1.5em;
			border-radius: 2em;
		}

	}
	.milestones{
		//min-height: $year-size;

		ul > li > h5{
			color: $bone-blue;
		}
	}

	article{
		padding: 1em 0;
		border-bottom: 1px dashed $iron;
		

		&:last-child{
			border: none;
		}
		
		.milestones{
			ul > li >h6{
				font-size: rem-calc( 14);
			}
		}
		
	}

	@media #{$medium-up} {
		
		$year-size: 100px;

		display: flex;
		flex-direction: column-reverse;


		&:before{
			content:'';
			display: block;
			height: 100%;
			width: 0;
			border-left: 2px dashed $tl-color; 
			position: absolute;
			left: $year-size /2 + 20;
			top: 0;
			// margin-left: -8px;
			z-index: -1;
		}

		article{
			@include grid-row();
			display: flex;
			align-items: center;

			.year{
				> .time{

					display: block;
					width: $year-size; 
					height: $year-size;
					line-height: $year-size; 
					text-align: center;
					background-color: $tl-color;
					color: #ffffff;
					font-weight: bold;
					font-size: 1.5em;
					border-radius: $year-size;
					
				}
			}

			.milestones{
				ul > li >h6{
					font-size: rem-calc( 16 );
				}
			}

			&:first-child{
				border: none ;
			}
			&:last-child{
				border-bottom: 1px dashed $iron;
			}

			&:nth-child(even){
				.year{
					@include grid-column( $columns : 4);
				}
				.milestones{
					@include grid-column( $columns : 8 );
				}
				
			}
			&:nth-child(odd){
				.year{
					@include grid-column( $columns : 4 );
				}
				.milestones{
					@include grid-column( $columns : 8 );
				}
				
			}
		}

	}


	@media #{$medium-only} {

		
	}

	@media #{$large-up} {
		$year-size : 120px;
		
		&:before{
			left: 50% ;
		}



		article{
			.year{
				> .time{
					width: $year-size; 
					height: $year-size;
					line-height: $year-size; 
					font-size: 2em;
					border-radius: $year-size;
					margin: 0 auto;
				}

			}

			.milestones{
				ul > li >h6{
					font-size: rem-calc( 16 );
				}
			}

			&:nth-child(even){
				.year{
					@include grid-column( $columns : 2, $push:5,$collapse:true );
				}
				.milestones{
					@include grid-column( $columns : 5,$push:5 );
				}
				
			}
			&:nth-child(odd){
				.year{
					@include grid-column( $columns : 2, $push: 5,$collapse:true );
				}
				.milestones{
					@include grid-column( $columns : 5, $pull:2 );		
				}
				
			}
		}

		
	}
}

.galleries{
		display: flex;
		flex-wrap: wrap;
}


.gallery{
	ul.clearing-thumbs{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}	
}

// sticky content 

.stickem-container {
  position: relative;
}


.stickit {
    // margin-left: 660px;
    position: fixed;
    top: 0;
}


.stickit-end {
    bottom: 40px;
    position: absolute;
    right: 0;
}