.highlight-posts{text-align:center;grid-gap:20px;grid-template-rows:1fr 1fr 0;grid-template-columns:repeat(3,1fr);height:420px;margin-bottom:18px;display:grid}.highlight-posts .highlight-post{box-sizing:border-box;position:relative;transform:translateZ(0)}.highlight-posts .highlight-post .tile{background-color:#ebebeb;border-radius:6px;height:100%;transition:box-shadow .35s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 20px #0000000d}.highlight-posts .highlight-post .tile .postPhoto{background-position:50%;background-repeat:no-repeat;background-size:30px;height:100%;display:block;position:relative;overflow:hidden}.highlight-posts .highlight-post .tile .postPhoto img{object-fit:cover;object-position:center;border:0;width:100%;height:100%}.highlight-posts .highlight-post .tile .postPhoto .share{box-sizing:border-box;opacity:0;pointer-events:none;z-index:2;width:26px;transition:opacity .35s .2s;position:absolute;top:16px;right:16px}.highlight-posts .highlight-post .tile .postPhoto .share>span{box-sizing:border-box;color:#4f575b;cursor:pointer;text-align:center;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:5px;font-size:12px;line-height:26px;transition:color .35s,background-color .35s;display:flex;box-shadow:0 0 20px #0000001a}.highlight-posts .highlight-post .tile .postPhoto:before{background:linear-gradient(top,#0000,#0000004d);content:"";opacity:1;z-index:1;background:-webkit-linear-gradient(#0000004d,#0000);width:100%;display:block;position:absolute;top:0;bottom:0}.highlight-posts .highlight-post .tile .postMeta{color:#999;opacity:1;text-align:left;z-index:1;background:#0003;width:100%;height:60px;font-size:10px;transition-property:bottom,opacity,background;transition-duration:.4s;transition-delay:80ms;position:absolute;bottom:-60px}.highlight-posts .highlight-post .tile .postMeta .postInfo{color:#fff;pointer-events:none;vertical-align:initial;background:linear-gradient(#0000,#0003);width:100%;transition:bottom .3s ease-out,opacity .3s ease-out .18s;display:table-cell;position:absolute;bottom:60px}.highlight-posts .highlight-post .tile .postMeta .postInfo h2{letter-spacing:.5px;-webkit-line-clamp:2;text-align:left;transition-delay:0;white-space:normal;-webkit-box-orient:vertical;margin-bottom:5px;padding:0 15px;font-size:18px;font-weight:600;line-height:18px;transition-property:bottom,opacity;transition-duration:.4s;display:-webkit-box;position:relative;overflow:hidden}.highlight-posts .highlight-post .tile .postMeta .postInfo .source{color:#fffc;text-align:left;margin:5px 0 15px;padding:0 15px;font-size:12px;display:block}.highlight-posts .highlight-post .tile .postMeta:hover{bottom:0}.highlight-posts .highlight-post .tile .postMeta .details{box-sizing:border-box;height:60px;padding:15px;display:block}.highlight-posts .highlight-post .tile .postMeta .details .favorite{color:#fff;cursor:pointer;float:left;text-align:center;background-color:#fff6;border-radius:50%;width:26px;height:26px;margin-top:2px;font-size:12px;line-height:26px;transition:color .35s,border .35s;display:block}.highlight-posts .highlight-post .tile .postMeta .details .postMenu{z-index:100;display:inline-block;position:relative}.highlight-posts .highlight-post .tile .postMeta .details .stats{color:#fff;font-size:11px;line-height:30px}.highlight-posts .highlight-post .tile .postMeta .details .stats>span{background-position:0;background-repeat:no-repeat;background-size:15px;margin-left:12px;transition:color .35s}.highlight-posts .highlight-post .tile:hover .postMeta{transition-delay:.18s;bottom:0}.highlight-posts .highlight-post:hover .postPhoto .share{pointer-events:all;position:absolute;top:16px;right:16px;opacity:1!important}@media screen and (min-width:1645px){.highlight-posts{grid-template-columns:repeat(5,1fr)}.highlight-posts .highlight-post:first-child{grid-area:1/1/3/3}.highlight-posts .highlight-post:first-child .postMeta .postInfo h1{margin-bottom:7px;padding-right:20%;font-size:18px;line-height:24px}.highlight-posts .highlight-post:nth-child(n+8){display:none}.highlight-posts>.highlight-post.dynamic{display:inline-block}}@media screen and (min-width:1347px) and (max-width:1644px){.highlight-posts{grid-template-columns:repeat(4,1fr)}.highlight-posts>.highlight-post:first-child{grid-area:1/1/3/3}.highlight-posts>.highlight-post:nth-child(n+6){visibility:hidden;display:none}.highlight-posts>.highlight-post.dynamic{display:inline-block}}@media screen and (min-width:1151px) and (max-width:1346px){.highlight-posts{grid-template-rows:1fr 0 0;grid-template-columns:repeat(3,1fr)}.highlight-posts .highlight-post:nth-child(n+5){visibility:hidden;display:none}}@media screen and (min-width:901px) and (max-width:1150px){.highlight-posts{grid-template-rows:1fr 0;grid-template-columns:repeat(3,1fr)}.highlight-posts .highlight-post:nth-child(n+4){visibility:hidden;display:none}}@media screen and (max-width:900px){.highlight-posts{grid-template-rows:1fr 0;grid-template-columns:repeat(2,1fr)}.highlight-posts .highlight-post:nth-child(n+2){visibility:hidden;display:none}}@media screen and (max-width:768px){.highlight-posts{grid-template-rows:1fr 0;grid-template-columns:repeat(1,1fr);height:260px}.highlight-posts .highlight-post:nth-child(n+2){visibility:hidden;display:none}}