.news-list-view{
	position: relative;
	@extend .masonry;

	.more{
		margin-top: 16px;
		&:hover {
			color: $viola;
		}
	}
	#load_more_news {
		width: auto;
		margin: 0 auto;
		position: absolute;
		bottom: 34px;
		left: 28%;
		border: 2px solid #c7348b;
		background: #FFF;
		color: #c7348b;
		padding:  8px 32px;
		font-size: 16px;
		line-height: 1;
		cursor: pointer;
		@include breakpoint($mobile-l){
			bottom: 30px;
			left: 41%;
		}
		@include breakpoint($mobile-xl){
			bottom: 50px;
			font-size: 20px;
			left: 46%;
		}
	}

	.news-hide-initial {
    display: none;
  }
  &.bottomPadding {
		padding-bottom:70px;
		@include breakpoint($mobile-xl){
			padding-bottom:100px;
		}
	}
}

.article_inner{
	position: relative;
	background: #FFF;
	@include box-shadow($std-box-shadow);

	@include transition-property(all);
	@include transition-duration(0.5s);

	&:not(.filter):hover{
		background: $aqua;
		color: #FFF;
		.more{
			color: white;
		}
	}
	.topleft,
	.topleft:hover {
		color:#4C4C4C;
	}
	img{
		width: 100%;
	}

	h3,h2{
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 16px;
	}

	a{
		color: $grass;
	}

	.news-detail{
		display: none;

		.close{
			position: absolute;
			top: 16px;
			right: 32px;
			cursor: pointer;
		}
	}
}

.news-content{
	@extend %clearfix;
	padding: $content-padding;
}

.news-single{
	@include grid-span(6, 3);

	.news-single_inner{
		position: relative;
		@include box-shadow($std-box-shadow);
		padding: $content-padding;
	}

	img{
		width: 100%;
	}
}

.teaser{
	cursor: pointer;

	h3{
		margin: 32px 0 16px 0;
		font-weight: bold;
		text-transform: uppercase;
	}
}

.news-latest{
	.inner{
		@extend %clearfix;
		overflow: hidden;
	}

	img{
		@include breakpoint($mobile-xl){
			width: 100%;
			height: auto;
		}
	}
}
.news-latest-content{
	position: static;
	background: transparent;
	color: $body-font-color;
	font-weight: normal;
	padding: $content-padding;

	@include breakpoint($mobile-xl){
		width: 80%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba($aqua, 0.75);
		color: #FFF;
		font-weight: bold;
	}

	@include breakpoint($desktop-s){
	}

	h2{
		font-size: 1.8em;
		line-height: 1.1em;
		font-weight: normal;
		margin: 0;

		.width-double &{
			font-size: 2.2em;
		}
	}
}

.categoryFilter_inner{
	@extend .article_inner;
	padding-top: 48px;
    background: #fff !important;
    color: #4c4c4c !important;
	.topleft:before{
		background: $viola;
	}

	li{
		padding-left: 0;
		margin-bottom: 16px;

		@include breakpoint($mobile-m){
			width: 50%;
			float: left;
			//margin-left: -16px;
		}

		@include breakpoint($mobile-xl){
			width: 33%;
		}

		&:before{
			content: normal;
		}
	}

	a{
		display: inline-block;
		padding: 4px 0;
		color: $body-font-color;
		font-weight: bold;
		@include transition-property(all);
		@include transition-duration(0.5s);

		&.active,&:hover{
			color: $viola;
		}
	}
}

.metaData{
	margin-bottom: 16px;
}

#eyeCatcher.forNews{
	p{
		font-weight: bold;
	}

	.metaData{
		span{
			display: inline-block;
			border-right: 1px solid $body-font-color;
			padding-right: 8px;

			&:last-child{
				border: none;
			}
		}
	}
}
.news-img-wrap {
	min-height: 248px;
	.youtube {
		margin:0;
	}
}
.headerImage{
	position: relative;
	.youtube {
		margin:0;
	}
	.bottomBar.posRel {
		position: relative;
	}
	div.bottomBar{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		@include box-sizing('border-box');
		background: rgba($aqua, 0.8);

		a{
			display: inline-block;
			color: #FFF;
			padding: 16px;
		}

		span:before{
			display: inline-block;
			@include transform(rotate(180deg));
		}
	}
}

#newsContentBoxes{
	margin-top: 32px;
	@extend .equalHeights;

	.inner{
		@include box-shadow(0 0 3px 1px rgba(0, 0, 0, 0.2));
	}
}