.ny-herald-card {
    max-width: 100%;
}

/* 图片：与中卡 Single image 一致，377x214、居中；阴影走 vc_box_shadow_3d 类，行内 style 为主，这里只作备用 */
.ny-herald-card img,
.ny-herald-card-image img {
    width: 377px;
    max-width: 100%;
    height: 214px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

/* 标题：与中卡 Custom heading 一致，h1、20px、居中、#1d6472、Alef 700；v1.2.1 起 margin 写死 0（原来走主题 h1 默认上边距，标题比中、右低约 20px）；line-height 不写，走主题默认值 */
.ny-herald-card-title {
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #1d6472;
    font-family: Alef, sans-serif;
    font-weight: 700;
}

.ny-herald-card-title a {
    color: #1d6472;
    text-decoration: none;
    font-family: Alef, sans-serif;
    font-weight: 700;
}

/* 阴影：v1.2.2。WPBakery 的 vc_box_shadow_3d 规则全以 .wpb_single_image 祖先开头，
   左卡短代码输出在 vc_column_text 里、没有这个祖先，所以类名对了也吃不到规则，
   前台阴影是 none。插件自己的 CSS 在这里仿写中卡的伪元素阴影，只仿伪元素：
   不仿 wrapper 那条 margin-bottom:15px，否则刚修好的标题间距又会被顶下去 15px。
   数值照抄 js_composer.min.css 的 vc_box_shadow_3d：0 15px 10px rgba(0,0,0,0.6)，
   bottom 8px、高 30%、左右各半、skewY ∓6deg。 */
.ny-herald-card-image.vc_box_shadow_3d {
    position: relative;
    z-index: 0;
}

.ny-herald-card-image.vc_box_shadow_3d:before,
.ny-herald-card-image.vc_box_shadow_3d:after {
    border-radius: inherit;
    bottom: 8px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
    content: "";
    height: 30%;
    left: 5px;
    position: absolute;
    right: 50%;
    transform: skewY(-6deg);
    transform-origin: 0 0;
    z-index: -1;
}

.ny-herald-card-image.vc_box_shadow_3d:after {
    left: 50%;
    right: 5px;
    transform: skewY(6deg);
    transform-origin: 100% 0;
}
