/* IMPORTANT NOTE

   Usage of this stylesheet is deprecated (that is, still available but planned for removal).

   PLCT team is developing new patterns for customer stories. 
   Please use Draftr + Lift & Shift from 6.2 to build a customer story page, until new patterns become available. 

*/

.wp-sp-summary .row, .wp-sp-article-full .row, .wp-sp-article-left .row,  .wp-sp-article-right .row, .wp-sp-article-quote .row{
    max-width: 845px;
    margin: 0 auto;
}

.wp-sp-summary, .wp-sp-article-full, .wp-sp-article-left,  .wp-sp-article-right, .wp-sp-article-quote{
    clear: both;
}

@media only screen and (min-width: 64.063em){
    .wp-sp-article-right .grid-columns:nth-of-type(2) .decorative-box {
        width: 50%;
        float: right !important;
        padding: 6px 0px 0px 24px;
    }
    .wp-sp-article-left .grid-columns:nth-of-type(2) .decorative-box {
        width: 50%;
        float: left !important;
        padding: 6px 24px 0px 0px;
    }

}

.wp-sp-article-right .grid-columns:nth-of-type(2) .decorative-box img, .wp-sp-article-left .grid-columns:nth-of-type(2) .decorative-box img, .wp-sp-article-full .grid-columns:nth-of-type(2) .decorative-box img {
    max-width: 100%;
}

.wp-sp-summary {
 background: url(../png/intro-background-texture-left.png) no-repeat top left / 296px 590px, url(https://damassets.autodesk.net/content/dam/autodesk/www/customer-stories-light/template-assets/image/intro-background-texture-right.png) no-repeat top right / 268px 649px, #f5f5f5;
 padding: 60px 0px;
}

.wp-sp-article-quote .decorative-box {
    position: relative;
    margin-bottom: 26px;
    background: #f5f5f5;
}

.wp-sp-article-quote .decorative-box:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 26px solid #f5f5f5;
    border-right: 30px solid transparent;
    position: absolute;
    bottom: -26px;
}

.wp-sp-article-quote p.wd-font-19:before {
  content: '“';
  display: inline;
}

.wp-sp-article-quote p.wd-font-19:after {
  content: '”';
  display: inline;
}

.wp-social-icons a svg{
    fill: #ffffff !important;
}

.wp-social-icons a svg:hover {
    fill: #cccccc !important;
}

.wp-announcement .wp-customer-sory-announcement a:after{
    height: 28px;
    width: 25px;
}