/* Tout: all */
.tout-container-parsys {
    background: #fff;
    overflow: hidden;
}

.topic-tout-container .paragraph-element {
    color: #484848;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 5px;
}

.tout-container-parsys .tout-list {
    list-style-type: none;
    padding: 0 12px;
    margin: 0;
}

.topic-tout-container .content-inner {
	padding: 15px 0;
    list-style-type: none;
}

.topic-tout-container .content-inner .touts {
    overflow: hidden;
}

.topic-tout-container .tout-item {
    color: #484848;
    width: 300px;
    height: 240px;
    margin: 0 auto 20px auto;
    border: 1px solid #e7e7e7;
    position: relative;
    /* overflow: hidden; */
    -moz-box-shadow: 0px 0px 2px #DDD;
    -webkit-box-shadow: 0px 0px 2px #DDD;
    box-shadow: 0px 0px 2px #DDD;
}

.topic-tout-container .tout-item .btn-gray {
    position: absolute;
    bottom: 28px;
}

.topic-tout-container .tout-item .btn-gray a {
    text-align: center;
    min-width: 110px;
}

.topic-tout-container .tout-item p {
    margin: 0;
}

.topic-tout-container .tout-item .content-type {
    display: block;
    font-size: 10px;
    padding: 17px 0 12px 0;
    margin: 0;
    font-family: "PNC Brand Bold", Arial,sans-serif;
    text-transform: uppercase;
}

.topic-tout-container .tout-item .title {
    font-family: "PNC Brand Bold", Arial,sans-serif;
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 12px;
}

.topic-tout-container .tout-item .eyebrow {
    line-height: 17px;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 15px; 
    margin-right: 15px; 
    font-family: "PNC Brand Medium", Arial,sans-serif;
    padding-top: 12px;
    padding-bottom:3px;
    color: #484848;
}

.topic-tout-container .tout-item.tout-author .eyebrow,
.topic-tout-container .tout-item.tout-text .eyebrow {
   margin:0;
}

.topic-tout-container .tout-item.tout-about .title {
    margin-bottom:13px
}

.topic-tout-container .tout-item .description {
    font-size: 14px;
    font-family: Arial,sans-serif;
    line-height: 18px;
}

.topic-tout-container .tout-item.tout-about .description p {
    line-height: 18px; 
    margin-top: 1em;
    margin-bottom: 1em;
}

.topic-tout-container .tout-item.tout-about .description ul {
    margin-top: 0em;
}
.topic-tout-container .tout-item-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;	
}
.topic-tout-container .tout-content-wrapper {
    position: relative;
    padding: 0px 20px;
    margin: 8px 10px 0 10px;
    height: 100%;
    background: url(../img/tout_item_shadow_mobile.png) no-repeat bottom center;
}

/* Tout: author */
.topic-tout-container .tout-author .name {
    padding-top: 10px;
    display: block;
    color: #484848;
    font-family: "PNC Brand Regular", Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
}

.topic-tout-container .tout-author .heading {
    position: relative;
    min-height: 65px;
}

.topic-tout-container .tout-author .photo {
    position: absolute;
    width: 45px;
    height: 45px;
    border: 3px solid #d7d7d7;
}

.topic-tout-container .tout-author .name,
.topic-tout-container .tout-author .summary {
    margin-left: 70px;
}

.topic-tout-container .tout-author .summary {
    display: block;
    margin-top: 5px;
    font-family: "PNC Brand Regular", Arial,sans-serif;
    font-size: 10px;
    color: #484848;
}

.topic-tout-container .tout-author .description {
    color: #888888;
    font-family: "PNC Brand Bold", Arial,sans-serif;
    font-size: 15px;
}

/* Tout: image */

.topic-tout-container .tout-image .slate, .topic-tout-container .tout-about .slate {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0.85)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%);
 /* IE10+ */
    background: linear-gradient(top bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%);
 /* W3C */
    position: absolute;
    left: 0;
    bottom: 15px;
    height: 220px;
    padding: 0;
    overflow: hidden;
    z-index: 50; /* Changed from 100 to 50 when "new" ribbon was added. The Main Nav is 100 */
    width: 100%;
}
.topic-tout-container .tout-about.two-col .slate {
width:47%;
}
.topic-tout-container .tout-about .slate ul{
        float:left;
        line-height:21px;
        padding-left: 30px;
    }

.topic-tout-container .tout-image .btn-gray {
    top: 175px;
}

.topic-tout-container .tout-image .image {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

.topic-tout-container .tout-about .image{
    position: absolute;
    top: 0;
    z-index: 1;
    width:100%;
}

.topic-tout-container .tout-image .content-type {
    padding-bottom: 5px;
}

.topic-tout-container .tout-image .content-type, .topic-tout-container .tout-about .content-type,
.topic-tout-container .tout-image .title, .topic-tout-container .tout-about .title,
.topic-tout-container .tout-image .description, .topic-tout-container .tout-about .description,
.topic-tout-container .tout-image .btn-gray {
    margin-right: 15px;
    margin-left: 15px;
}

/* Tout "New" corner ribbon */
.corner-ribbon {
  position: absolute;
  top: 6px;
  right:-9px;
  background-color: #f58025;
  width: 50px;
  margin:0;
  padding: 9px 13px 9px 0;
  z-index: 51; /* tout slates are 50 and the Main Nav is 100 */
}
.corner-ribbon span {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  display: block;
  position: relative;
}

.corner-ribbon:before{
    background: inherit;
    content: '';
    display: block;
    width: 75px;
    top: 0;
    position: absolute;
    bottom: 0;
    -webkit-backface-visibility: hidden; /* for Chrome Windows */
    left: -30px;
    transform: skewX(25deg);
    transform-origin: 100% 0;
        background: inherit;
    content: '';
    display: block;
    width: 70px;
    top: 0;
    position: absolute;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    left: -30px;
    transform: skewX(25deg);
    transform-origin: 100% 0;
    box-shadow: -2px 2px 2px -2px #484848;
  }

.corner-ribbon:after {
  display: block;
  position: absolute;
  bottom:-10px;
  right: 0;
  content: "";
  border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;  
    border-left: 9px solid #484848;
}

/* Two columns behavior*/
.two-columns-touts.topic-tout-container .tout-image .image, .two-columns-touts.topic-tout-container .tout-about.image {
    height: 100%;
    width: auto;
}

@media only screen and (min-width: 320px) {
    .topic-tout-container .tout-about.two-col .slate {
    	width:100%;
    }
}

/*
 *  Tablet
 */

@media only screen and (min-width: 600px) {

    .topic-tout-container .content-inner {
        width: 620px;
       /* padding-left: 20px;
        padding-right: 20px;*/
        margin: auto;
    }

    .topic-tout-container .tout-list {
        overflow: hidden;
        padding: 0;
        margin-right: -30px;
    }
    /* Quotes get clipped with the negative tout-list margin */
    .topic-tout-container .tout-list q,
    .topic-tout-container .tout-list .blockquote-element {
        width: 620px;
    }

    .topic-tout-container .tout-about.two-col {
        width: 100%;
        clear:both;
        height:275px;
    }
    .topic-tout-container .tout-about.two-col img{
        margin-left:-25%;
        height:100%;
        width:auto
    }
    .topic-tout-container .tout-about img{
    
    }
     .topic-tout-container .tout-about.two-col .slate {
    	width:47%;
    }
    .topic-tout-container .tout-item {
        float: left;
        margin-right: 20px;
        width: 46%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
}


@media only screen and (min-width: 980px) {

    .topic-tout-container .content-inner {
        width: 960px;
    }
    /* Quotes get clipped with the negative tout-list margin */
    .topic-tout-container .tout-list q,
    .topic-tout-container .tout-list .blockquote-element {
        width: 100%;
    }

    .topic-tout-container .tout-list {
        padding: 0;
    }

    .topic-tout-container .tout-image .slate, .topic-tout-container .tout-about .slate {
        bottom: 6px;
        height: 100px;
    }
    

    .topic-tout-container .tout-item {
        width: 31%;
    }

    .cq-wcm-edit .topic-tout-container .tout-image .slate, .cq-wcm-edit .topic-tout-container .tout-about .slate {
        bottom: 15px;
        height: 220px;
    }

    /* Two columns behavior*/
    .two-columns-touts.topic-tout-container .tout-item {
        width: 47.2%;
    }

    /*Three columns behavior*/
    .topic-tout-container .three-column .touts {
        margin-right: -30px;
    }

    /* Two columns behavior */
    .topic-tout-container .two-column .tout-about.two-col {
        width: 960px;
        clear:both;
        height:275px;
    }
    .topic-tout-container .two-column .tout-about.two-col img, .topic-tout-container .two-column .tout-about img{
        margin-left:0;
        width:100%;
        height:auto;
    }
    .topic-tout-container .two-column .tout-item {
        width: 47%;
    }

    .topic-tout-container .two-column .touts {
        margin-right: -40px;
    }
}