/* -------------------------------------------------------------------------- */
/* Block: Author                                                              */
/* -------------------------------------------------------------------------- */

.ccb-author{
  margin-top:var(--ccb-author-mt, var(--ccb-author-mt-desktop, 30px));
  margin-bottom:var(--ccb-author-mb, var(--ccb-author-mb-desktop, 30px));
}

.ccb-author__inner{
  width:100%;
  max-width:var(--ccb-author-maxw, var(--ccb-author-maxw-desktop, 900px));
  margin-left:auto;
  margin-right:auto;
}

.ccb-author__card{
  display:flex;
  gap:var(--ccb-author-gap, var(--ccb-author-gap-desktop, 18px));
  align-items:flex-start;
  padding:var(--ccb-author-pad-y, var(--ccb-author-pad-y-desktop, 22px)) var(--ccb-author-pad-x, var(--ccb-author-pad-x-desktop, 22px));
  border-radius:calc(var(--ccb-author-r, 12) * 1px);
  border:calc(var(--ccb-author-bw, 1) * 1px) solid var(--ccb-author-bc, rgba(0,0,0,0.12));
  background:var(--ccb-author-bg, transparent);
  text-align:var(--ccb-author-ta, left);
}

.ccb-author--avatar-top .ccb-author__card{
  flex-direction:column;
  align-items:flex-start;
}

.ccb-author__avatar{
  flex:0 0 auto;
  width:var(--ccb-author-avatar, var(--ccb-author-avatar-desktop, 84px));
}

.ccb-author__avatar-img{
  width:var(--ccb-author-avatar, var(--ccb-author-avatar-desktop, 84px));
  height:var(--ccb-author-avatar, var(--ccb-author-avatar-desktop, 84px));
  object-fit:cover;
  border-radius:999px;
  display:block;
}

.ccb-author__content{
  flex:1 1 auto;
  min-width:0;
}

.ccb-author__heading{
  margin:0 0 10px;
  font-weight:700;
  font-size:var(--ccb-author-fs-heading, var(--ccb-author-fs-heading-desktop, 16px));
  color:var(--ccb-author-heading-c, inherit);
}

.ccb-author__name{
  margin:0;
  font-weight:800;
  font-size:var(--ccb-author-fs-name, var(--ccb-author-fs-name-desktop, 20px));
  line-height:1.2;
  color:var(--ccb-author-name-c, inherit);
}

.ccb-author__meta{
  margin:6px 0 0;
  font-weight:600;
  font-size:var(--ccb-author-fs-meta, var(--ccb-author-fs-meta-desktop, 14px));
  line-height:1.35;
  color:var(--ccb-author-meta-c, inherit);
  opacity:0.9;
}

.ccb-author__bio{
  font-style:italic;
  margin:12px 0 0;
  font-size:var(--ccb-author-fs-bio, var(--ccb-author-fs-bio-desktop, 15px));
  line-height:1.6;
  color:var(--ccb-author-bio-c, inherit);
}

.ccb-author__bio > :first-child{ margin-top:0; }
.ccb-author__bio > :last-child{ margin-bottom:0; }

.ccb-author__actions{
  margin-top:14px;
}

.ccb-author__link{
  color:var(--ccb-author-link-c, inherit);
  text-decoration:underline;
  font-weight:700;
  font-size:var(--ccb-author-fs-link, var(--ccb-author-fs-link-desktop, 14px));
}

.ccb-author__link:hover,
.ccb-author__link:focus{
  text-decoration:none;
}

/* Responsive vars */
@media (max-width: 900px){
  .ccb-author{
    margin-top:var(--ccb-author-mt, var(--ccb-author-mt-tablet, var(--ccb-author-mt-desktop, 30px)));
    margin-bottom:var(--ccb-author-mb, var(--ccb-author-mb-tablet, var(--ccb-author-mb-desktop, 30px)));
  }

  .ccb-author__inner{ max-width:var(--ccb-author-maxw, var(--ccb-author-maxw-tablet, var(--ccb-author-maxw-desktop, 900px))); }
  .ccb-author__card{
    gap:var(--ccb-author-gap, var(--ccb-author-gap-tablet, var(--ccb-author-gap-desktop, 18px)));
    padding:var(--ccb-author-pad-y, var(--ccb-author-pad-y-tablet, var(--ccb-author-pad-y-desktop, 22px))) var(--ccb-author-pad-x, var(--ccb-author-pad-x-tablet, var(--ccb-author-pad-x-desktop, 22px)));
  }
  .ccb-author__avatar,
  .ccb-author__avatar-img{
    width:var(--ccb-author-avatar, var(--ccb-author-avatar-tablet, var(--ccb-author-avatar-desktop, 84px)));
    height:var(--ccb-author-avatar, var(--ccb-author-avatar-tablet, var(--ccb-author-avatar-desktop, 84px)));
  }

  .ccb-author__heading{ font-size:var(--ccb-author-fs-heading, var(--ccb-author-fs-heading-tablet, var(--ccb-author-fs-heading-desktop, 16px))); }
  .ccb-author__name{ font-size:var(--ccb-author-fs-name, var(--ccb-author-fs-name-tablet, var(--ccb-author-fs-name-desktop, 20px))); }
  .ccb-author__meta{ font-size:var(--ccb-author-fs-meta, var(--ccb-author-fs-meta-tablet, var(--ccb-author-fs-meta-desktop, 14px))); }
  .ccb-author__bio{
  font-style:italic; font-size:var(--ccb-author-fs-bio, var(--ccb-author-fs-bio-tablet, var(--ccb-author-fs-bio-desktop, 15px))); }
  .ccb-author__link{ font-size:var(--ccb-author-fs-link, var(--ccb-author-fs-link-tablet, var(--ccb-author-fs-link-desktop, 14px))); }
}

@media (max-width: 600px){
  .ccb-author{
    margin-top:var(--ccb-author-mt, var(--ccb-author-mt-mobile, var(--ccb-author-mt-desktop, 30px)));
    margin-bottom:var(--ccb-author-mb, var(--ccb-author-mb-mobile, var(--ccb-author-mb-desktop, 30px)));
  }

  .ccb-author__inner{ max-width:var(--ccb-author-maxw, var(--ccb-author-maxw-mobile, var(--ccb-author-maxw-desktop, 900px))); }
  .ccb-author__card{
    gap:var(--ccb-author-gap, var(--ccb-author-gap-mobile, var(--ccb-author-gap-desktop, 18px)));
    padding:var(--ccb-author-pad-y, var(--ccb-author-pad-y-mobile, var(--ccb-author-pad-y-desktop, 22px))) var(--ccb-author-pad-x, var(--ccb-author-pad-x-mobile, var(--ccb-author-pad-x-desktop, 22px)));
  }
  .ccb-author__avatar,
  .ccb-author__avatar-img{
    width:var(--ccb-author-avatar, var(--ccb-author-avatar-mobile, var(--ccb-author-avatar-desktop, 84px)));
    height:var(--ccb-author-avatar, var(--ccb-author-avatar-mobile, var(--ccb-author-avatar-desktop, 84px)));
  }

  .ccb-author__heading{ font-size:var(--ccb-author-fs-heading, var(--ccb-author-fs-heading-mobile, var(--ccb-author-fs-heading-desktop, 16px))); }
  .ccb-author__name{ font-size:var(--ccb-author-fs-name, var(--ccb-author-fs-name-mobile, var(--ccb-author-fs-name-desktop, 20px))); }
  .ccb-author__meta{ font-size:var(--ccb-author-fs-meta, var(--ccb-author-fs-meta-mobile, var(--ccb-author-fs-meta-desktop, 14px))); }
  .ccb-author__bio{
  font-style:italic; font-size:var(--ccb-author-fs-bio, var(--ccb-author-fs-bio-mobile, var(--ccb-author-fs-bio-desktop, 15px))); }
  .ccb-author__link{ font-size:var(--ccb-author-fs-link, var(--ccb-author-fs-link-mobile, var(--ccb-author-fs-link-desktop, 14px))); }
}