#content .caseStudyListing {
    display:block;
    margin: 3rem 1rem 3rem 0;
    position:relative;
    min-height: 150px;}

#wrapper #content .caseStudyListing {text-decoration:none;background-image: url(/workingwithbusiness/images-multimedia/case-studies/dummy.jpg);}

#content .caseStudyListing .articleIntro{font-weight:normal; font-weight: bold;}
#content .caseStudyListing.featured {margin: 0 1rem 4rem 0;}
#content .caseStudyListing.featured .bgcolor{background: rgba(24, 25, 49, .94);}
#content .caseStudyListing.featured *{color: #fff;}
#wrapper #content .caseStudyListing:hover .readmore{color: #18194f; background: #fff;}

#content .caseStudyListing.featured .readmore{color: #18194f; background: #fff;}

#content .caseStudyListing.featured .subHeading{font-size: 1.3em; font-weight: normal; color: #fff; line-height: 1.2em;}
#content .caseStudyListing.featured .newsDetail{padding: 3rem 1.5rem; position:relative; width: 45%;}
#content .caseStudyListing.featured .newsThumb{max-width: 100%; background-position: 50%; max-height: none; width: 40%;}


#content .caseStudyListing .backgroundImage{  
    background-image: url("/workingwithbusiness/images-multimedia/case-studies/dummy.jpg");
    background-repeat:no-repeat;
    background-size: cover;
    background-blend-mode: saturation;
    background-position: 50%;
    -webkit-filter: grayscale(100%) drop-shadow(11px 4px 6px #ccc); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) drop-shadow(1px 4px 6px #ccc);
    z-index:0;
    position:absolute;
    top: 0; right: 0; bottom: 0; left: 0;}

#content .caseStudyListing.featured .backgroundImage{-webkit-filter: grayscale(100%) drop-shadow(3px 4px 3px #4a4949); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) drop-shadow(3px 4px 3px #4a4949);}  


#wrapper #content .caseStudyListing:hover{text-decoration:none;}

#content .caseStudyListing .bgcolor{position:absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .97); }
#content .caseStudyListing:hover .newsDetail{background:none; border-color:transparent;}


#content .caseStudyListing .newsDetailWrapper{position:relative; top: 0; bottom: 0; left: 0; right: 0;}
#content .caseStudyListing .newsDetail{padding: 12px; position:relative; width: 65%;}
#content .caseStudyListing .newsThumb{background-image: url("/workingwithbusiness/images-multimedia/case-studies/dummy.jpg"); max-height: 150px; max-width: 150px; position:absolute; right: 1rem; top: -1rem; bottom: -1rem; display:inline-block; background-size: cover; background-position: 50%; background-repeat:no-repeat; width: 27%;}
#content .caseStudyListing .subHeading{font-weight:400; color: #4a4949; font-size: 1.3em; font-weight: normal; line-height: 1.2em;  margin-bottom: 0.4375em;}
#content .caseStudyListing .company{color: #007ca7; font-weight:bold; margin-bottom: 1.5375em;}
#content .caseStudyListing.featured .company{color: #fff;}

#content .caseStudyListing .readmore{padding: 6px; color: #fff; background: #18194f;display:inline-block; margin-bottom: .5rem; margin-top: .7rem;} 

#wrapper #content .caseStudyListing:hover .date{color: #18194f; background: #fff;}
#content .caseStudyListing:hover .newsThumb{border-color: #fff;}



.statistic{background: #efefef; margin: 2em 0;}
.statistic .inner{padding: 2em;}
.statistic .statisticDetails{font-family:arvo; font-size: 1.8em; line-height: 1.5em; color: #18194f;}
.statistic .statisticDetails strong{color: #007ca7;}
.statistic .statisticSource{color: #18194f; font-weight:bold;}





#content .caseStudyListing .CTA-Arrow{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  font-weight:bold; 
  display:inline-block; 
  background-color: #18194f;
  color: #fff; 
  padding: 10px 60px 10px 8px; 
  background-size: 18px auto; 
  background-position: right 10px top 50%; 
  background-repeat:no-repeat; 
  border: 2px solid transparent;}

#content .caseStudyListing.featured .CTA-Arrow{
  background-color: #007ca7;}


#content .caseStudyListing:hover .CTA-Arrow{background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png");
  background-color: transparent;
  color: #18194f; 
  border-color: #18194f;}

#content .caseStudyListing.featured:hover .CTA-Arrow{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  background-color: transparent;
  color: #fff; 
  border-color: #fff;}


@media screen and (max-width: 767px) {

#content .caseStudyListing{border-bottom: 1px solid #ccc; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef;}  
#content .caseStudyListing,
#content .caseStudyListing.featured{margin: 2rem 0;}
#content .caseStudyListing .bgcolor{background: rgba(255, 255, 255, .97); border-bottom-color: #18194f;}
#content .caseStudyListing:hover .bgcolor{border-color: #4a4949;}
#content .caseStudyListing .newsDetailWrapper{position:relative;}
#content .caseStudyListing .newsDetail{position:relative;  left: 0; top: 0; bottom: 0; right: 0; width: auto; border:none; padding: 12px; background:none;}
#content .caseStudyListing .newsThumb{display:none;}
#content .caseStudyListing.featured .newsDetail{right: auto; left: 0; padding: 12px; width: auto;}    
#content .caseStudyListing .readmore{padding: 6px; color: #fff; background: #18194f;}      

#content .caseStudyListing .backgroundImage{ 
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  
}

}