body {
	background-repeat: no-repeat !important;
	background-position-x: center !important;
	background-position-y: center !important;
	background-attachment: fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

html, body, #app {
	height: 100%;
	width: 100%;
}

#bgcolor {
	position: absolute;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;
	z-index: 1;
}

#app {
	position: relative;
	z-index: 10;
}

#rss-news {
	height:100%; width:100%;
}


.iDisplay-wrap .news-item {
	display:flex;
	height:100%;
	width: 100%;
	height: 100vh;
	width: 100vw;
}

.news-item .image-caption {
	position: absolute;
	bottom:0;
	left:0;
	padding:2%;
	color:#fff;
	font-size: 1.2vmax;
	background-color: rgba(0, 0, 0, 0.7);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 100%);
	width: 50%;
}
.news-item .image-title {}
.news-item .image-credit {}
.news-item .title {  }
.news-item .description { margin-top:5%; }
.news-item .date-published { margin-top:5%; }
.news-item .source { margin-top:1%; }


@media screen and (orientation: portrait) {

	.iDisplay-wrap .news-item {
		flex-direction:column;
	}
	.iDisplay-wrap .news-item .left {
		position: relative;
		order: 2;
		flex: 0 0 50%;
		-webkit-background-size:cover !important;
		-moz-background-size:cover !important;
		-o-background-size:cover !important;
		background-size:cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
	}
	.iDisplay-wrap .news-item .right { flex: 0 0 50%; order:1; }
	.iDisplay-wrap .news-item .right-inner { margin:10%; }
}


@media screen and (orientation: landscape) {


	.iDisplay-wrap .news-item {}
	.iDisplay-wrap .news-item { flex-direction:row; flex-wrap:nowrap; }
	.iDisplay-wrap .news-item .left {
		flex: 0 0 50%;
		-webkit-background-size:cover !important;
		-moz-background-size:cover !important;
		-o-background-size:cover !important;
		background-size:cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
	}
	.iDisplay-wrap .news-item .right { flex: 0 0 50%; }
	.iDisplay-wrap .news-item .right-inner { margin:10%; }
}



@media (min-width: 768px) {
}



@media (min-width: 992px) {

}



@media (min-width: 1200px) {		

}



#no-news {
	text-align:center;
	height: 100%;
	background: url('../img/bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#no-news-inner {
	padding:20%;
	color:#6b6b6b;	
}