/* CPI Access Control - archive/listing locked badge */

.cpi-thumb-wrap{
  position:relative;
  display:inline-block;
  max-width:100%;
}

.cpi-thumb-wrap img{
  display:block;
  max-width:100%;
  height:auto;
}

.cpi-members-only-badge {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    /* gap: 0; */
    background: #6a8f1f;
    color: #fff;
    padding: 8px 6px;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    right: 0;
    font-size: 10px;
    text-align: center;
}

.cpi-members-only-badge .dashicons{
  font-size:18px;
  width:18px;
  height:18px;
}

.cpi-locked-post .category-thumbnail,
.cpi-locked-post .rsn-event-card__media{
  position:relative;
  overflow:hidden;
}

.cpi-locked-post .category-thumbnail > a,
.cpi-locked-post .rsn-event-card__media > a{
  display:block;
}

.cpi-locked-post .category-thumbnail .cpi-members-only-badge,
.cpi-locked-post .rsn-event-card__media .cpi-members-only-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:40px;
  line-height:1.2;
}
.dashicons-lock:before {
    content: "\f160";
    font-family: "Dashicons";
}
.cpi-locked-login-bar{
  margin:24px 0 0;
  background:#6a8f1f;
  text-align:center;
}

.cpi-locked-login-banner-link{
  display:block;
  padding:22px 16px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.02em;
}

.cpi-locked-login-banner-link span{
  text-decoration:underline;
}

.cpi-locked-login-banner-link:hover,
.cpi-locked-login-banner-link:focus{
  color:#fff;
  text-decoration:none;
}

.cpi-gate-main{
  display:block;
  clear:both;
  min-height:calc(100vh - 360px);
}

.cpi-gate-featured .event-header-image{
  margin:0;
  overflow:hidden;
}

.cpi-gate-featured img{
  display:block;
  width:100%;
  height:auto;
}

.cpi-gate-article .cpi-locked-login-bar{
  margin-top:24px !important;
  margin-bottom:0;
}

.cpi-gate-article .cpi-locked-teaser{
  max-width:none;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left;
}
