/* Content Preview Box */

.content-preview-box {
  min-height: 240px;
  max-height: 240px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 1em;
}

.taxonomy-archive .content-preview-box {
  margin-bottom: 1em;
}

.content-preview-box a {
  color: #000;
}

.cpb-background{
  height: auto;
  position: relative;
  top: 0px;
  margin: 0px;
  width: 100%;
  min-height: 240px;
  overflow-y: hidden;
}

/* Animate content preview box */
.cpb-background:hover .cpb-overlay {
  top: 0px;
}

.cpb-img {
  position: relative;
  top: 0px;
  width: 100%;
  min-height: 240px;
  height: auto;
}
.cpb-date-img {
  position: relative;
  top: 0px;
  width: 100%;
  min-height: 100px;
  background-size: cover;
  background-position:center center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .cpb-date-img {
    min-height: 240px;
  }
}
.cpb-overlay {
  color: #fff !important;
  position: absolute;
  top: 165px;
  width: 100%;
  min-height: 240px;
  transition: top:
  -webkit-transition: top; /* Safari 3.1 to 6.0 */
  -webkit-transition-duration: .5s; /* Safari */
  transition-duration: .5s;
}

.cpb-date-overlay {
  /* position: absolute; */
  position: relative;
  z-index:2;
  top:0;
  right:0;
}

@media (max-width: 767px) {
  .cpb-date-overlay   {
    right:1em;
  }
}

.cpb-overlay > h2 {
  height:3em;
  margin-left: 2em;
  z-index: 1;
  padding: 0px;
  padding-top: .3em !important;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 20px;
  color: #fff;
  overflow-y: none;
  position: relative;
  background-color: transparent !important;

  text-overflow: ellipsis;
  max-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cpb-overlay > p {
  width: 100%;
  z-index: 0;
  margin: 0px;
  color: #fff;
  padding: 10px;
  position: relative;
  text-overflow: ellipsis;
  max-height: 110px;
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.cpb-overlay > .row {
  position: absolute;
  bottom: 0;
}

/* Related content box */
.engage-related-content-link {
    margin-bottom: 1em;
}
.engage-related-content-link .engage-related-content-img {
  width: 100%;
  min-width: 130px;
  min-height: 120px;
  background-color: #eee;
  background-position: center;
  background-size: cover;
}
.engage-related-content-link .engage-related-content-content p {
  text-overflow: ellipsis;
  max-height: 70px;
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.engage-related-content-link:hover .engage-related-content-content strong {
    text-decoration: underline;
}

/* Content Preview Box Default Colors */

.home .cpb-overlay, .home .cpb-img, /* .home p, */
body.taxonomy-archive .cpb-overlay, 
body.post-type-archive .cpb-overlay 
/* , body.post-type-archive .cpb-overlay p  */
{
  background-color: rgba(100, 100, 100, 0.7);
}
.home .content-preview-box,
body.taxonomy-archive .content-preview-box, 
body.post-type-archive .content-preview-box {
  border: solid 2px rgba(100, 100, 100, 0.7);
}

/* Transform Font Awesome Icon */

i.engage.fa {
  width: 1.5em;
    height: 1.5em;
    display: block;
    font-size: 1.5em;
    margin: 0;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    position: absolute;
    z-index: 15;
    color: #fff;
    padding: 0.35em;
    box-sizing: content-box;
    top: 50%;
    transform: translate3d(-3em,-75%,0) translateY(.6em);
}

/* Align Post Type Icon in Content Preview Box */

.cpb-overlay > h2 >i.engage.fa {
  top: 50%;
  left: 1.5em;
  position: absolute;
}


/* Archive date box */

.news-post-content-box:hover a {
  text-decoration: none;
  color: #000;
}
.news-post-content-box:hover a > div > h3 {
  text-decoration: underline;
}
.news-post-content-box > a > div {
  display: block;
}
.news-post-content-box h3 {
  padding-top: 0;margin-top: 0;
}

.archive-date-box {
  font-family: 'Open Sans',Arial,sans-serif;
  color: #fff;
  display: block;
  border: solid 2px transparent;
}

@media (max-width: 767px) {
  .archive-date-box  {
    margin-right:1em;
  }
  .cpb-date-img {
    min-height: 2;
  }
  }

.archive-date-box h4 {
  color: #fff;
  padding: .5em;
  /*padding-right: 10px;padding-top:10px;padding-bottom:10px;*/
  margin: 0;font-weight: 800;
}
.archive-date-box h4 > span {
  font-size: 30px;
}


/* News Archive */

body.post-type-archive .cpb-date-overlay{
  background-color: rgba(35,32,102, 0.95);
}

.news-post-content-box p {
  text-overflow: ellipsis;
  max-height: 150px;
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/*Author*/
body.author .cpb-overlay, body.author .cpb-overlay p,body.author .archive-date-box {
  background-color: rgba(35,32,102, 0.7);
}
body.author .content-preview-box {
  border: solid 2px rgba(35,32,102, 0.7);
}
body.author .cpb-date-overlay{
  background-color: rgba(35,32,102, 0.95);
}


/* Assign Colors to specific Post Types & Taxonomies */
/* Replaced homepage- with content-preview-box- and changed to class instead of id */
/* Default Colors */

.content-preview-box-list .cpb-overlay, .content-preview-box-list .cpb-img, .content-preview-box-list .cpb-overlay p, 
body.post-type-archive .cpb-overlay, body.post-type-archive .cpb-overlay p {
  background-color: rgba(100, 100, 100, 0.7);
}
.content-preview-box-list .content-preview-box, body.post-type-archive .content-preview-box {
  border: solid 2px rgba(100, 100, 100, 0.7);
}

/* Assign Colors to specific Post Types & Taxonomies */

/* Blog */
.content-preview-box-list-blog .cpb-overlay, .content-preview-box-list-blog .cpb-img, .content-preview-box-list-blog .cpb-overlay p, body.blog .cpb-overlay, body.blog .cpb-overlay p,body.blog .archive-date-box  {
  /*background-color: rgba(130, 48, 117, 0.7);*/
}
.content-preview-box-list-blog .content-preview-box, body.post-type-archive-blog_post .content-preview-box {
  /*border: solid 2px rgba(130, 48, 117, 0.7);*/
}
body.blog .cpb-date-overlay {
  /*background-color: rgba(130, 48, 117, 0.95);*/
}

/* Events */
.content-preview-box-list-events .cpb-overlay, .content-preview-box-list-events .cpb-img, .content-preview-box-list-events p, 
body.post-type-archive-event_post .cpb-overlay, body.post-type-archive-event_post .cpb-overlay p {
  /*background-color: rgba(209, 53, 62, 0.7);*/
}
.content-preview-box-list-events .content-preview-box, body.post-type-archive-event_post .content-preview-box {
  /*border: solid 2px rgba(209, 53, 62, 0.7);*/
}

/* Campaign */
.content-preview-box-list-campaigns .cpb-overlay, .content-preview-box-list-campaigns .cpb-img, .content-preview-box-list-campaigns p,  body.post-type-archive-campaign_post .cpb-overlay, body.post-type-archive-campaign_post .cpb-overlay p  {
  /*background-color: rgba(130, 48, 117, 0.7);*/
}
.content-preview-box-list-campaigns .content-preview-box, body.post-type-archive-campaign_post .content-preview-box {
  /*border: solid 2px rgba(130, 48, 117, 0.7);*/
}

/* Resources */
body.post-type-archive-resource_post .cpb-overlay, body.post-type-archive-resource_post .cpb-overlay p  {
  /*background-color: rgba(130, 48, 117, 0.7);*/
}
body.post-type-archive-resource_post .content-preview-box {
  /*border: solid 2px rgba(130, 48, 117, 0.7);*/
}

/* Services */
section.term.services .cpb-overlay, body.tax-services .cpb-overlay {
  /*background-color: rgba(223, 116, 34, 0.7);*/
}
section.term.services .content-preview-box, body.tax-services .content-preview-box {
  /*border: solid 2px rgba(223, 116, 34, 0.7);*/
}

/* Issues */
.content-preview-box-list-issue-spotlight .cpb-overlay, .content-preview-box-list-issue-spotlight .cpb-img, .content-preview-box-list-issue-spotlight p, section.term.issues .cpb-overlay, body.tax-issues .cpb-overlay {
  /*background-color: rgba(140, 190, 44, 0.7);*/
}
.content-preview-box-list-issue-spotlight .content-preview-box, section.term.issues .content-preview-box, body.tax-issues .content-preview-box {
  /*border: solid 2px rgba(140, 190, 44, 0.7);*/
}