/* 4 stories */
/* #featuredStoriesWrap			{ margin: 0; padding: 0; width: 100%; background: #f05542 url('../images/featured-stories-bg.png') 50% 0 repeat-y; } */
#featuredStoriesWrap            { margin: -6px 0 0 0; padding: 0; width: 100%; background: #f05542 url('../images/featured-stories-bg.png') 50% 0 repeat-y;}
#WhatWeWorkOnWrap               { margin: -20px 0 0 0; padding-top: 40px; width: 100%; background: #f05542 url('../images/featured-stories-bg.png') 50% 0 repeat-y;}

#featured-stories-list					{ padding: 25px 0; }
#featured-stories-list .story			{ margin-bottom: 30px; }

#featured-stories-list .story h2		{ font-size: 23px; font-family: proxima-nova-n7, proxima-nova; font-weight: 700; padding: 5px 0 0; margin: 0; text-transform: uppercase; }

#featured-stories-list .story .intro	{ position: relative; left: -5px; }

#featured-stories-list .story .intro p		    { font-size: 13px; color: #fff; margin: 0; line-height: 1.6; }
#featured-stories-list .story .intro div.by p	{ font-size: 13px; text-transform: uppercase; margin: 0 0 8px 0; font-weight: bold; }
#featured-stories-list .story div.by p a          { color: #9acded; position: relative;  }
#featured-stories-list .story div.by p a:hover    { color: #122632; }

#featured-stories-list .story .intro .more      { text-transform: uppercase; position: relative; top: 1px; }

#featured-stories-list .thumbnail		{ margin-top: 8px; }
#featured-stories-list .thumbnail img	{ display: block; }

#featured-stories-list .story h2 a:link 	{ color: #fff; }
#featured-stories-list .story h2 a:visited	{ color: #fff; }
#featured-stories-list .story h2 a:hover 	{ color: #122632; }
#featured-stories-list .story h2 a:active 	{ color: #122632; }

#featured-stories-list .story .intro p a:hover 	    { color: #fff; }
#featured-stories-list .story .intro p a:active 	{ color: #fff; }


/* featured article  */
#featuredContentWrap        {
    width: 100%;
    overflow: hidden;
    border-bottom: 7px solid #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-repeat: no-repeat;
}
#featuredContent .inner     { position: relative; z-index: 2; padding: 40px 42px; }
#featuredContent .bkg-opacity { position: absolute; top: 0; height: 100%; background: url('../images/featured-content-bkg-new.png'); left: -20px; width: 3000px; z-index: 1; }

#featuredContent h2         { text-transform: uppercase; font-size: 40px; margin: 0 0 27px; padding: 0; line-height: 1; }
#featuredContent h2 a       { color: #fff; }
#featuredContent p          { color: #fff; font-size: 20px; line-height: 1.3; }
#featuredContent p a        { text-transform: uppercase; position: relative; top: 1px; }

#featuredContent p a:hover 	{ color: #fff; }
#featuredContent p a:active { color: #fff; }

@media only screen and (max-width: 1024px) {
    /* 4 stories */
    #featured-stories-list .story h2		{ font-size: 24px; font-family: proxima-nova-n7, proxima-nova; font-weight: 700; }
 
    /* featured article  */
    #featuredContent .inner     { padding: 20px 20px 5px; }
    #featuredContent h2         { font-size: 30px; margin: 0 0 20px; }
    #featuredContent h2 a       { color: #fff; }
    #featuredContent p          { color: #fff; font-size: 15px; line-height: 1.3; }

}

@media only screen and (max-width: 767px) {
    /* 4 stories */
    #featured-stories-list .thumbnail		{}
    #featured-stories-list .thumbnail img	{ display: block; margin: 0 auto; }
    #featured-stories-list .story			{ margin-bottom: 50px; }
    
}