/*	Case study hero without logo
********************/
.parsys_column .pwccol1-longform-c0 {
    padding-top: 10px!important;
}

.case-hero-title {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 300px 0 0 0; }
  @media (max-width: 768px) {
    .case-hero-title {
      padding-top: 30%; } }
  @media (max-width: 576px) {
    .case-hero-title {
      padding-top: 40%; } }

.case-hero-title__textpanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative; }
  @media (min-width: 768px) {
    .case-hero-title.case-hero-title--info-overlap .case-hero-title__textpanel {
      /* If client info is required, reserve white space for overlap */
      padding-bottom: 100px; } }
  .case-hero-title__textpanel:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f2f2f2; }
    @media (min-width: 768px) {
      .case-hero-title__textpanel:before {
        max-width: 685px; } }
    @media (min-width: 992px) {
      .case-hero-title__textpanel:before {
        max-width: 705px; } }
    @media (min-width: 1200px) {
      .case-hero-title__textpanel:before {
        max-width: 890px; } }
    .case-hero-title.case-hero-title--white .case-hero-title__textpanel:before {
      background: #ffffff; }

.case-hero-title__textwrapper {
  margin: 35px 15px; }
  @media (min-width: 768px) {
    .case-hero-title__textwrapper {
      margin: 35px 15px; } }

.case-hero-title__category {
  display: block;
  margin: 0 0 25px;
  color: #a32020; }
  .page-primary-col--burgundy .case-hero-title__category {
    color: #a32020; }
  .page-primary-col--maroon .case-hero-title__category {
    color: #a32020; }
  .page-primary-col--rose .case-hero-title__category {
    color: #d93954; }
  .case-hero-title__category a {
    display: inline;
    padding-bottom: 3px;
    text-decoration: none;
    transition: all 200ms ease-in-out;
    border-bottom: 1px solid #cccccc; }
    .case-hero-title__category a:hover, .case-hero-title__category a:focus {
      padding-bottom: 2px; }
      .page-primary-col--burgundy .case-hero-title__category a:hover, .page-primary-col--burgundy .case-hero-title__category a:focus {
        border-bottom: 2px solid #a32020; }
      .page-primary-col--maroon .case-hero-title__category a:hover, .page-primary-col--maroon .case-hero-title__category a:focus {
        border-bottom: 2px solid #a32020; }
      .page-primary-col--rose .case-hero-title__category a:hover, .page-primary-col--rose .case-hero-title__category a:focus {
        border-bottom: 2px solid #d93954; }

.case-hero-title__title-heading {
  color: #404041;
  margin: 0; }

.page-dir--rtl .case-hero-title {
  direction: rtl; }

.content-wrapper {
  padding-left: 25px;
  padding-right: 25px; }
  @media (min-width: 768px) {
    .content-wrapper {
      padding-left: 35px;
      padding-right: 35px; } }

.case-client-info--light-grey {
  background: #f2f2f2; }

.case-client-info--white {
  background: #ffffff; }

.case-client-info__container {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0px 0 0px 0; }
  @media (min-width: 768px) {
    .case-client-info.case-client-info--section-overlap .case-client-info__container {
      /* If section overlap required, component is position upwards */
      margin-top: -100px; } }

.case-client-info__item-title {
  font-weight: bold; }

.case-client-info__asset {
  padding-top: 20px;
  padding-bottom: 20px;
  }
  @media (min-width: 768px) {
    .case-client-info__asset {
       padding-top: 40px;
      padding-bottom: 40px;
       } }

.case-client-info__details--white {
background: #ffffff;	
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .case-client-info__details {
      padding-top: 40px;
      padding-bottom: 40px; } }
		
.case-client-info__details--light-grey {
  background: #f2f2f2;
	padding-bottom: 20px; }
  @media (min-width: 768px) {
    .case-client-info__details {
      padding-top: 40px;
      padding-bottom: 40px;
padding-left:30px; } }		

/*	end Case study hero with client info 
********************/