/* beginning of custom page style for video guide list */
.zen-vidlist-title { font-size:26px; font-weight:700; line-height:39px; color:#1C1C1C; margin-bottom:24px; }
.zen-vid-guide .vid-grid { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:24px 16px; list-style-type:none; padding-left:0; margin-left:0; }
.zen-vid-guide .vid-grid li a { color:unset; text-decoration:none; }
.zen-vid-guide .vid-card { border:1px solid #EBEBEB; display:flex; flex-direction:column; width:100%; height:100%; margin:0; padding:0; }
.zen-vid-guide .vid-card:hover { border-bottom:1px solid #CCCCCC; }
.zen-vid-guide .play-text { position:absolute; color:#FFFFFF; background:#333333; font-size:12px; padding:2px 4px; display:none; }
.zen-vid-guide .vid-grid li a:hover .play-text { display:block; }
li.vid-item { width:229.33px; height:247px; overflow:hidden; }
.zen-vid-guide .vid-thumbnail { display:flex; width:100%; min-height:145px; align-items:center; justify-content:center; background:#F4F4F4; color:#9a9a9a; font-size:14px; }
.zen-vid-guide .vid-thumbnail::before { display:flex; align-items:center; justify-content:center; width:100%; min-height:150px; }
.zen-vid-guide .badge-wrapper { padding:16px 16px 4px 16px; }
.zen-vid-guide .vid-badge { background-color:#EBEBEB; display:inline-block; border-radius:100px; padding:0 8px; font-size:14px; font-weight:400; height:24px; line-height:24px; }
.zen-vid-guide .badge-video_start { color:#0A6AA8; background:#E7F5FE; }
.zen-vid-guide .badge-video_operate { color:#297A6D; background:#ECF9F7; }
.zen-vid-guide .badge-video_service { color:#8936D9; background:#F3EAFB; }
.zen-vid-guide .badge-video_sale { color:#8D5707; background:#FFF7E5; }
.zen-vid-guide .vid-caption { padding:0 16px 16px 16px; font-size:14px; font-weight:400; line-height:21px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; height:42px; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; color:#1C1C1C; }
.zen-vid-guide .vid-loader-btn { display:flex; align-items:center; justify-content:center; margin:56px auto; padding:12px 32px; border:1px solid #BDBDBD; border-radius:4px; background:#FFFFFF; cursor:pointer; font-size:16px; font-weight:700; }
.zen-vid-guide .vid-loader-btn:hover { background:#EBEBEB; }
.zen-vid-guide .brand-color { color:#1A54F5; }
.recent-articles { border-top:unset !important; border-bottom:unset !important; }

/* mobile */
@media (max-width:767px) {
  .zen-vid-guide .vid-grid { grid-template-columns:1fr; padding:0; }
  li.vid-item { width:100%; height:263px; overflow:hidden; }
  .zen-vid-guide .vid-caption { height:21px; -webkit-line-clamp:1; line-clamp:1; }
  .zen-vid-guide .vid-thumbnail{ height:180px; }
}

/* end of custom page style for video guide list */