/*
Authored by : 
Harini Kandadai, 
RamaKrishna Palagummi,
Corey Roth
Purpose : Responsive css for devices with max width of 767px.
 */
@media (max-width: 767px) {
	
	/** Essential Insights Article Template and Components **/
    .essential-article-par div.title-date {
        width: 100%;
        margin-top: 30px;
    	height: auto;
    	margin-left: 0;
   	}

    .article-quote-stretch-right .case-study-small-quote {
        word-wrap: break-word;
        float: inherit;
    }
    
    /** Gutters **/
    .essential-article-par {
    	padding-left: 25px;
    	padding-right: 25px;
   	}
   	
   	.ei-fullwidth-par .default-gutter {
   		padding-left: 40px;
   		padding-right: 40px;
 	}   
        
    /** Utility Nav for EI Article **/
    .essentialInsightsarticle .utility-nav.ei-article-utility {
    	margin-top: 0;
    	top: -85px;
    }
    
    /** TTA Article View **/
    .white, .black {
    	color: #333333;
   	}

	/** Contributor Component **/
	.eiContributor {
        border-top: 1px solid #5d5d5d;
        border-bottom: 1px solid #5d5d5d;
        padding-bottom: 25px;
        margin-top: 30px;
    }


	/** TTA - Inline View **/
    .article-inline-parsys {
        width:500px;
    }
    .article-inline-text {
        width:100%;
    }

    /** Inline View - Margin adjust **/
	.textTitleAsset .pull-right {
		margin-left: 30px;
	}	
	
	/** Essential Insights Landing Page Template and Components **/
	/** Masthead **/
	.masthead {
		padding: 20px 0;
		margin: 0;
		border: 0 none;
	}

	.masthead_title, .masthead_filter {
		display: inline-block;
		width: auto;
	}

	.masthead_filter {
		text-align: left;
		padding-top: 0;
		position: relative;
		top: -6px;
		margin-top: 16px;
	}

	/** Base Article Summary **/
	.article-summary {
		padding-top: 20px;
		margin: 20px 0;
		border-top: 1px solid #CCCCCC;
	}

	.featured-article, .visual-article, .list-article, .trending {
		border-top: 0 none;
		margin-top: 0;
		padding-top: 0;
	}

	.article-summary img {
		max-width: calc(100% - -90px);
		margin-left:  -40px;
		margin-right: -40px;
		border-radius: 0;
	}

	.article-summary_author {
		font-size: 1em;
	}

	.article-summary_desc {
		font-size: 1.25em;
	}

	/** List Article **/
	.article-list {
		margin-right: 0
	}
		
	.list-article {
		margin-bottom: 40px;
	}

	.list-article img {
		max-width: 100%;
		border-radius: 5px;
		margin: 0 0 15px;
		display: block;
		float: none;
		width: 100%;
	}
	
	.list-article .article-summary_copy, .list-article a + .article-summary_copy  {
		width: 100%;
		display: block;
		float: none;
	}

	/** Featured Article **/
	.article-summary_title, .featured-article .article-summary_title {
		font-size: 1.875em;
	}

	/** Load More **/
	.article-list_more {
		text-align: left;
	}

	/** Trendy Article **/
	.trending .article-summary_title {
		font-size: 1.36em;
	}

	/** Signup **/
	.essential-signup_cta {
		font-size: 1.28em;
	}

	.essential-signup_cta .callout {
		font-size: 1.5em;
	}
}