/**********************************************************************
Please delete page after testing, on the next update
**********************************************************************/

/*Community feed - thumbnails were forced to 100% width, which altered them */
.communityFeed .short-aspect-ratio { border: 0; position: static; overflow: visible; padding: 0; }
.communityFeed .short-aspect-ratio img { max-width: 100%; width: auto; position: static; }
/*Community feed - person image and thumbnails same as blog posts list - will come from product at next update */
.communityFeed .leftInfo { width: 60px; height: 60px; padding: 3px; margin-right: 15px; }
.communityFeed .leftInfo .img-thumbnail { width: 52px; height: 52px; max-width: 52px; max-height: 52px; padding: 0; }
.communityFeed .rightInfo .blog-thumbnail,
.communityFeed .rightInfo .short-aspect-ratio { margin: 15px 0; float: none; width: 100%; max-width: 100%; background: #f5f5f5; }
.communityFeed .rightInfo .blog-thumbnail img, .communityFeed .rightInfo .short-aspect-ratio img { max-height: 250px; width: unset; max-width: 100%; padding: 0; border: 0; margin: 0 auto; }
.tplFaq .leftInfo { width: 60px; height: 60px; padding: 3px; margin-right: 15px; }
.tplFaq .leftInfo .img-thumbnail { width: 52px; height: 52px; max-width: 52px; max-height: 52px; padding: 0; }

/*Q&A fix the word break in pre - will come from site-bootstrap less - on next update*/
.tplFaq .description pre { word-break: normal; }


/**********************************************************************
HOMEPAGE FEATURES
**********************************************************************/
.homepage .twoCol .column.first, .homepage .twoCol .column.second { position: relative; overflow: hidden; max-height: 245px; background: none; }
.homepage .twoCol .column.first .blockImg { position: absolute; z-index: 0; width: 95%; background-size: 95% auto; left: 0; right: auto; }
.homepage .twoCol .column.second .blockImg { position: absolute; z-index: 0; width: 95%; background-size: 95% auto; left: auto; right: 0; }
.homepage .twoCol .column.first .featuredBox, .homepage .twoCol .column.second .featuredBox { position: relative; z-index: 1; }
.homepage .twoCol.banners .featuredBox.questionBox h1 { text-align: left; color: #d9fbfc; }


@media (max-width: 1170px) {
	.homepage .twoCol .column.first, .homepage .twoCol .column.second { max-height: 100%; }
}


@media (max-width: 780px) {
	.homepage .twoCol .column.first, .homepage .twoCol .column.second { max-height: 100%; background-size: auto; }
	.homepage .twoCol .column.first .blockImg { width: auto; background-size: 100%; right: 10px; }
	.homepage .twoCol .column.second .blockImg { width: auto; background-size: 100%; left: 10px; }
	.homepage .twoCol.banners .featuredBox.spotlightBox .left,
	.homepage .twoCol.banners .featuredBox.questionBox .left,
	.homepage .twoCol.banners .featuredBox.spotlightBox .right,
	.homepage .twoCol.banners .featuredBox.questionBox .right { width: 100%; float: none; margin: 0; }
	.homepage .twoCol.banners .featuredBox h2,
	.homepage .twoCol.banners .featuredBox h1 { padding-bottom: 3%; margin-bottom: 3%; }
}


@media (max-width: 480px) {
	.homepage .twoCol .column.first .blockImg,
	.homepage .twoCol .column.second .blockImg { left: 0; right: 0; width: auto; background-size: 100% auto; }
}