/* ----------------------------------------------------
www: weather channel
css: moHome
-------------------------------------------------------*/
/* =widget frame and general settings
-------------------------------------------------------*/

#moContainerContent {padding: 30px 0 0} /* Homepage override for site-wide padding */
h1 {left: -5000px; position: absolute; top:-5000px;}

.widgetLocation {font-weight: bold;}

.widgetUpdated { text-align: left; display: inline-block; width: 30%; }

.wx.icon {font-size: 1.2em} /* for WX symbols using SVG fragments */

/*Trending articles component (homepage)*/
.trendingHeader {
    margin: 0 0 2px;
}

.trendingArticles {
	display: flex;
}

.trendingLeft {
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	flex: 1;
    padding-right: 25px;
}

.trendingRight {
	box-sizing: border-box;
	flex: 1;
	padding-left: 25px;
}

.trendingArticles ul {
	margin: 0;
	padding: 0;
}

.trendingArticles li {
	float: left;
	height: 310px;
	list-style: none;
	margin-bottom: 15px;
	margin-left: 20px;
	position: relative;
	width: 220px;
}

.trendingArticles li.firstColumn {
	margin-left: 0;
}

.trendingArticles li img {
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.trendingArticles li h3 {
    font-size: 1.1em;
	font-weight: bold;
}

.trendingArticles li p {
	max-height: 4.2em;
}

.articleFooterLink { bottom: 0; font-weight: bold; position: absolute; }
.eventDates { font-weight: bold; }

/* =print
-------------------------------------------------------*/
@media print {
	.collapsed,
	#customiseWidget,
	#locationWidget,
	#twitterWidget,
	#featuresWidget,
	.eventsWidget,
	#videoWidget,
	.widgetAd,
	.widgetLink,
	.widget .button,
	.widgetFooter {display:none;}
	#moContainerContent {padding: 0;}
	.widget {background:none; border:0; page-break-before:auto; width:100%;}
}