﻿.xmlNewsLoading
{
	z-index:-1000;
}
.xml-news-container {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}


/* Container / responsive */
/* ---------------------- */

/* Large desktop  (min-width: 1200px) */
@media only screen and (min-width: 1200px) {
	.xml-news-container {
		min-width: 1200px;
	}
}
 
/* Desktop (min-width: 980px) and (max-width: 1199px)  */
@media only screen and (min-width: 980px) and (min-width: 1199px) {
	.xml-news-container {
	}
}
 
/* Portrait tablet to landscape and desktop (min-width: 769px) and (max-width: 979px)  */
@media only screen and (min-width: 769px) and (max-width: 979px) {
	.xml-news-container {
	}
}
 
/* Landscape phone to portrait tablet (max-width: 768px) */
@media only screen and (max-width: 768px) {
	.xml-news-container {
	}
}
 
/* Landscape phones and down  (max-width: 480px) */
@media only screen and (max-width: 480px) {
	.xml-news-container {
	}
}


/* Header at top of news collection */
/* -------------------------------- */

.xml-news-container h1 {
	/* border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1; */
	font-weight: normal;
	font-size: 1.230769231em;
	line-height: 50px;
	color: #444;
	margin: 0 auto;
}
.xml-news-container h1 span {
	background: transparent url("img/stream_arrow.png") 24px 20px no-repeat;
	display: block;
	padding: 6px 0 0 55px;
	margin: 0 auto;
}
.xml-news-container ol,
.xml-news-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.xml-news-container ol>li {
	background: transparent;
	margin: 0 auto;
}





/* News items */
/* ---------- */

.mobileNewsItem.template {
	display: none;
}

.xml-news-container ol>li article {
	padding: 25px 0;
	margin: 0 auto;
}
/*
.xml-news-container ol>li:hover article {
	border-bottom: 0;
}
*/
.xml-news-container ol>li article section {
	position: relative;
	margin: 0 55px;
	overflow: hidden;
    zoom: 1;
}
@media only screen and (max-width: 768px) { /* Phone and portrait tablet */
	.xml-news-container ol>li article section {
		width: 95%;
		margin: 0 auto;
		max-width: 610px;
	}
}

.xml-news-container a,
.xml-news-container ol>li article a
{
	color: #000000;
	text-decoration: none;
	font-size: inherit;
	font-weight: 600;
    line-height: 1.25em;
}

/* Photo area */

.xml-news-container ol>li article .xmlnewsImage {
	display: block;
	position: relative;
	height: 112px;
	width: 200px;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}

.xml-news-container ol>li article .xmlnewsImage.right {
	float: right;
	margin: 0 0 10px 20px;
}
.xml-news-container ol>li article .xmlnewsImage.left {
	float: left;
	margin: 0 20px 10px 0;
}

@media only screen and (max-width: 768px) { /* Phone and portrait tablet */
	.xml-news-container ol>li article .xmlnewsImage {
		float: none;
		height: auto;
		width: 100%;
	}
}
@media only screen and (min-width: 769px) { /* Portrait tablet and larger */
	.xml-news-container ol>li article .xmlnewsImage {
		width: 280px;
		height: 157px;
	}
}

.xml-news-container ol>li article .xmlnewsImageLink {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
}

.xml-news-container ol>li article .xmlnewsImage img {
	width: 100%;
	border: 0;
}

/* Photo credit */

.xml-news-container ol>li article .xmlnewsImage .xmlnewsImageCredit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 100;
}

.xml-news-container ol>li article .xmlnewsImage .xmlnewsImageCredit .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 4px;
	width: 32px;
	height: 32px;
	background: #333333;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.06),
	            -1px -1px 1px rgba(0, 0, 0, 0.03);

	font-size: 24px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
	line-height: 1;
	cursor: default;
	z-index: 100;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.xml-news-container ol>li article .xmlnewsImage .xmlnewsImageCredit .icon .glyph {
	opacity: 0.65;
	transition-property: opacity;
	transition-duration: 200ms;
}

.xml-news-container ol>li article .xmlnewsImage .xmlnewsImageCredit .textContainer {
	display: none;

	position: absolute;
	bottom: 0;
	right: 0;

	padding: 0.35em 40px 0.25em 0.85em;

	min-height: 32px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.40);
	border-top-left-radius: 0.5em;

	font-size: 16px;
	color: rgba(255, 255, 255, 0.88);

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.xml-news-container ol>li article .xmlnewsImage .xmlnewsImageCredit.textVisible .textContainer {
	display: inline-block;
}

.xml-news-container ol>li article .xmlnewsImage .xmlnewsImageCredit .text {
	display: inline;
}

/* Story source */

.xml-news-container ol>li article .xmlnewsStorySource {
	position: relative;

	margin-top: 8px;
	margin-left: 2px;
}
@media only screen and (max-width: 676px) { /* Smaller phone */
	.xml-news-container ol>li article .xmlnewsStorySource {
		position: absolute;
		top: 53.5vw;
		left: 2px;
	}
}
@media only screen and (min-width: 676px) and (max-width: 700px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article .xmlnewsStorySource {
		position: absolute;
		top: 49.5vw;
		left: 2px;
	}
}
@media only screen and (min-width: 700px) and (max-width: 720px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article .xmlnewsStorySource {
		position: absolute;
		top: 48.5vw;
		left: 2px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 740px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article .xmlnewsStorySource {
		position: absolute;
		top: 47vw;
		left: 2px;
	}
}
@media only screen and (min-width: 740px) and (max-width: 750px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article .xmlnewsStorySource {
		position: absolute;
		top: 46vw;
		left: 2px;
	}
}
@media only screen and (min-width: 750px) and (max-width: 768px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article .xmlnewsStorySource {
		position: absolute;
		top: 45vw;
		left: 2px;
	}
}


.xml-news-container ol>li article .xmlnewsStorySource .icon {
	display: inline-block;
}

.xml-news-container ol>li article .xmlnewsStorySource .text {
	display: inline-block;
	position: relative;
	bottom: 2px;
	margin-left: 4px;
	font-size: 110%;
	color: #777777;
}

/* Title */

.xml-news-container ol>li article h2 {
	margin: 0 0 0px 0;
	padding: 0;
	font-family: FontAwesome,FoundersGrotCond-SemiBold,Arial,Helvetica,sans-serif;
	font-size: 1.75em;
	font-weight: 300;
	color: #444444;
	line-height: 1;
}
@media only screen and (max-width: 768px) { /* Phone and portrait tablet */
	.xml-news-container ol>li article h2 {
		padding: 0.6em 0 0;
	}
}
@media only screen and (max-width: 525px) { /* Smaller phone */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 59vw;
	}
}
@media only screen and (min-width: 525px) and (max-width: 676px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 56vw;
	}
}
@media only screen and (min-width: 676px) and (max-width: 700px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 53.5vw;
	}
}
@media only screen and (min-width: 700px) and (max-width: 720px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 52.5vw;
	}
}
@media only screen and (min-width: 720px) and (max-width: 740px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 51vw;
	}
}
@media only screen and (min-width: 740px) and (max-width: 750px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 50vw;
	}
}
@media only screen and (min-width: 750px) and (max-width: 768px) { /* Larger phone and portrait tablet */
	.xml-news-container ol>li article.withSource h2 {
		margin-top: 49vw;
	}
}







/* Description */

.xml-news-container ol>li article p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1em;
	color: #949494;
	line-height: 1.4;
}
@media only screen and (max-width: 768px) { /* Phone and portrait tablet */
	.xml-news-container ol>li article p {
		padding: 0;
		margin: 0;
	}
}
@media only screen and (min-width: 769px) { /* Landscape tablet and above */
	.xml-news-container ol>li article .xmlnewsImage.right ~ p {
		margin-right: 290px; /* to avoid text flowing under image */
	}
	.xml-news-container ol>li article .xmlnewsImage.left ~ p {
		margin-left: 290px; /* to avoid text flowing under image */
	}
}




/* Links and social */

.xml-news-container ol>li article .xmlnewsLinksAndSocial {
	position: relative;

	margin: 10px 10px 0 0;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial.hasLinks-0.hasSocial {
	height: 36px;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks {
	margin-right: 0px;
	top: 10px;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial.hasLinks-1 .xmlnewsLinks {
	margin-right: 0px;
}
@media only screen and (min-width: 769px) { /* Portrait tablet and larger */
	.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks {
		margin-right: 0px;
	}
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item {
	display: block;
	position: relative;
	/* margin-bottom: 8px;*/
	min-height: 32px;
	font-size: 0;
	z-index: 10;
	transition-property: background-color, box-shadow, color;
	transition-duration: 200ms;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item a {
	display: block;
	padding: 2px 2px 14px 0;
	border-radius: 18px 6px 6px 18px;
	color: inherit;
	text-decoration: none;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item a:active,
.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item a:hover {
	background: #DDDDDD;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item .glyphContainer {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 32px;
	height: 32px;
	font-size: 8px;
	color: #444444;
	/*text-align: center;*/
}



.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item .glyph {
	position: relative;
	opacity: 0.88;
	transition-property: opacity;
	transition-duration: 200ms;
    color: #707070;
}



.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item.web .glyph {
	top: 10px;
	font-size: 132%;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item.photo .glyph {
	top: 10px;
	font-size: 132%;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item.video .glyph {
	top: 10px;
	font-size: 132%;
}

.xml-news-container ol>li article .xmlnewsLinksAndSocial .xmlnewsLinks .item .tooltip {
	display: block;
	position: relative;
	margin-left: 20px;
	font-size: 20px;
	color: #525252;
	font-weight: 400;
	line-height: 24px;
}





