﻿.most-recent 
{
    background-color:white;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.most-recent .blog-post,
.most-recent-with-thumbnails .blog-post { margin-bottom:16px; }

.most-recent .title,
.most-recent-with-thumbnails .title 
{
    font-weight:bold;
    font-size:1em;
    letter-spacing:0.05em;
}
.most-recent .title a,
.most-recent-with-thumbnails .title a {
    text-decoration: none;
    font-size: 1.4rem;
} 

.most-recent h2.redBar,
.most-recent-with-thumbnails h2.redBar
{
    font-size: 1.8rem;
}
.most-recent-with-thumbnails .secondaryTileCopy {
	padding: 20px 20px 0 20px;
    overflow:hidden !important;
}
.most-recent-with-thumbnails .secondaryTileCopy:last-child {
	padding: 20px;
}
.most-recent h2.redBar
{
    padding: 5px 10px;
}
.most-recent-with-thumbnails h2.redBar
{
    padding-left: 20px;
}
.most-recent .secondaryTileCopy
{
    overflow:hidden !important;
    padding: 20px 10px 0 10px;
}
.most-recent .secondaryTileCopy:first-of-type {
	padding-top: 10px;
}
.most-recent .secondaryTileCopy:last-child {
	padding-bottom: 10px;
}
.most-recent-with-thumbnails .secondaryTileCopy img
{
    float:left;
    width:60px;
    margin-right: 15px;
}

.most-recent .summary
{
    color:#6d6d6d;
    font-size:1em;
    letter-spacing:0.05em;
}

.most-recent .blogLanding 
{
    background: url(/_static/img/learn_more_arrow_black.png) left top no-repeat;
	border: 0;
	display: inline-block;
	height: 22px;
	line-height: 1 !important;
	padding: 4px 0 0 27px;
	text-decoration: none;
}

.most-recent .learnMore {
    padding: 0px 0 0 27px;
    margin:4px 0px;
}

h2.insiderBlogTitle {
    margin-bottom:0.1rem;
}

/*Added by heshan*/
@media only screen and (min-width:750px) {
    .hide-desktop-blogmostrecent {
        display: none;
    }

    .show-desktop-blogmostrecent{
        display: block;
    }
}

@media only screen and (max-device-width:750px) {
    .hide-mob-blogmostrecent {
        display: none;
    }

    .show-mob-blogmostrecent {
        display: block;
    }
}