/*-----------------*/
/* GENERAL */


/*-----------------*/
/* HERO COMPONENT */
.hero-title-textpanel--compaign {
    min-height: 4em !important;
}
body .hero-title-component .hero-title {
    height: 258px;
}
.hero-title-textpanel--compaign .hero-title-textpanel {
    display: none;
    visibility: hidden;
    font-size: 0px;
}

/*-----------------*/
/* TITLE CARD */
#title-card {
    max-height: none;
}

@media screen and (max-width: 991px) {
    #title-card {
        height: 150px;
    }
}

@media screen and (max-width: 767px) {
    #title-card {
        height: auto;
    }
}

@media screen and (min-width: 992px) {
    #title-card {
        height: 190px;
    }
}

/* tag */
#title-card .flex-grid .flex-grid__col--image:before {
    content: "INTERVIEW";
    font-weight: bold;
    background: #e0301e;
    font-size: 20px;
    color: #fff;
    padding-bottom: 5px;
    line-height: 1.3em;
    padding-top: 4px;
    padding: 6px 13px 7px 13px;
    font-size: 1.1rem;
    z-index: 10;
    top: 0px;
    left: 0px;
    position: absolute;
}

/* columns */
.bsui .flex-grid__col--image {
    min-height: 24em;
}

#title-card .flex-grid {
    position: relative;
    top: -190px;
    overflow: visible;
}
.bsui .flex-grid__col--align {    
    height:100%;
}
.bsui .flex-grid__col.flex-grid__col--text .flex-grid__col--align {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content: space-between;
}

/* title text */
#title-card h1 {
    font-size: 2.2rem;
    line-height: 1.2em;
    margin-top:35px;
    padding-right:20px;
}
.bsui .flex-grid__col--align div.blockquote p {
     font-size: 27px;
     font-size: 1.65rem;   
     line-height: 2.2rem;
     margin-top: 0px;
     margin-bottom: 1.1rem;
}
/* social - contact icons */
.bsui .flex-grid__col--align .article-contact {
    display: flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content: flex-start;
    margin-bottom:15px;
}
.bsui .flex-grid__col--align .article-contact a {
    display:inline-block;
    margin-right:5px;
    font-size:0px;    
    content: " ";
    height:30px;
    width:30px;
    background-color:#000000;
    position: relative;
    padding:7px;
    background-repeat: no-repeat;
}
.bsui .flex-grid__col--align .article-contact a.article-contact-linkedin {
    background-image: url(/etc.clientlibs/pwc/clientlibs/components-colors/resources/images/contactscollection/linkedin.svg);
    background-size: 18px;
    background-position: center;
}
.bsui .flex-grid__col--align .article-contact a.article-contact-twitter {
    background-image: url(/etc.clientlibs/pwc/clientlibs/components-colors/resources/images/contactscollection/twitter.svg);
}
.bsui .flex-grid__col--align .article-contact a.article-contact-email {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 104 99' style='enable-background:new 0 0 104 99;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E0301E;%7D .st1%7Bfill:%23D04A02;%7D .st2%7Bfill:%237D7D7D;%7D .st3%7Bfill:%23DB536A;%7D .st4%7Bfill:%23FFFFFF;%7D .st5%7Bfill:%23464646;%7D .st6%7Bfill:%232D2D2D;%7D%0A%3C/style%3E%3Cpath id='Fill-v2_116_' class='st4' d='M88,27.9V27c0-2.5-2-4.5-4.5-4.5h-63c-2.5,0-4.5,2-4.5,4.5v0.9l36,17.3L88,27.9z M52,55.2 L16,37.9V72c0,2.5,2,4.5,4.5,4.5h63c2.5,0,4.5-2,4.5-4.5V37.9L52,55.2z'/%3E%3C/svg%3E%0A");
}

/*-----------------*/
/* QUOTE */
.bsui .text.spacer_before b,
.bsui .text.spacer_before strong {
    font-size: 28px;
    font-size: 1.74rem;
    line-height: 2.5rem;
}
.bsui .text.spacer_before {
    border-top-width: 0px;
    margin: 30px 0 0px 0px;
}
.bsui .text.spacer_before .text-component {
    border-top-width: 0px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #bfbfbf;
}
.bsui .text.spacer_before .text-component p {
    padding: 0px 10px 0px 30px;
}

.bsui .pwccol1-longform + div + .pwccol1-longform-left {
    margin: 40px 0 0px 0px;
}  
.bsui .pwccol1-longform-left + div + .pwccol1-longform .pwccol1-longform-c0 + .text + .text-component + h2,
.bsui .pwccol1-longform-left + div + .pwccol1-longform .pwccol1-longform-c0 + .text + .text-component + p {
    margin-top: 0px;
    padding-top: 0px;
}

.parsys_column.pwccol1-longform-left .parsys_column {
    padding-left: 0px;
}
.bsui .parsys_column .pwccol1-longform-left-c0 {
    max-width: calc((100% / 12) * 9);
    width: calc((100% / 12) * 8.6);
    display: block;
    margin: 0 auto;
}


/*-----------------*/
/* SMALL SCREENS */
@media screen and (max-width:990px) {
    #title-card h1 {
        font-size: 1.9rem;
        line-height: 1.1em;
        margin-top:10px;
        padding-right:0px;
    } 
    .bsui .flex-grid__col--align div.blockquote p {
         font-size: 22px;
         font-size: 1.4rem;   
         line-height: 1.8rem;
         margin-top: 0px;
    }
    .bsui .flex-grid__col--align .article-contact {
        margin-bottom: 0px;
    }
    
    .bsui .text.spacer_before b,
    .bsui .text.spacer_before strong {
        font-size:23px;
        font-size: 1.44rem;
        line-height: 2rem;
    }
    .bsui .pwccol1-longform-left + div + .pwccol1-longform .pwccol1-longform-c0 + .text + .text-component + h2,
    .bsui .pwccol1-longform-left + div + .pwccol1-longform .pwccol1-longform-c0 + .text + .text-component + p  {
        margin-top: 0px;
        padding-top:10px;
    }  
}


@media screen and (max-width:767px) {
    #inline-quote .flex-grid, #title-card .flex-grid {
        top: 0px;
    }
    #title {
        display:none;
        visibility: hidden;
    }
    
    .bsui .text.spacer_before .text-component {
        border-bottom-width: 0px;
        border-top-width: 0px;
        border-left-style: solid;
        border-left-color: #bfbfbf;
    }  
    .bsui .parsys_column .pwccol1-longform-left-c0 {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .bsui .pwccol1-longform + div + .pwccol1-longform-left {
        margin: 30px 0 0px 0px;
    }   
    .bsui .pwccol1-longform-left + div + .pwccol1-longform .pwccol1-longform-c0 + .text + .text-component + h2,
    .bsui .pwccol1-longform-left + div + .pwccol1-longform .pwccol1-longform-c0 + .text + .text-component + p  {
        margin-top: 20px;
        padding-top:0px;
    }
}

@media screen and (max-width: 550px) {
    .bsui .flex-grid {
         height: auto;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
    .bsui .flex-grid__col--align div.blockquote p {
         margin-top: 30px;
    }
}