/* V10 — GrandBrands premium glass newsroom */

/* Four existing newsroom columns */
#network-news .gb-news-grid > div {
    position:relative!important;
    border:3px solid transparent!important;
    border-radius:13px!important;
    padding:17px!important;
    background:
      linear-gradient(145deg,#fff,#f1f7fa) padding-box,
      linear-gradient(120deg,#14caff,#5675ff,#e8bc68,#27c8bb) border-box!important;
    box-shadow:0 9px 22px rgba(10,37,60,.17)!important;
}

#network-news .gb-news-grid > div:nth-child(2) {
    background:
      linear-gradient(145deg,#fff,#f1f7fa) padding-box,
      linear-gradient(120deg,#b56cff,#ffd36b,#41d3ce,#627fff) border-box!important;
}

#network-news .gb-news-grid > div:nth-child(3) {
    background:
      linear-gradient(145deg,#fff,#f1f7fa) padding-box,
      linear-gradient(120deg,#20d6d0,#50a3ff,#d18aff,#f9c96d) border-box!important;
}

#network-news .gb-news-grid > div:nth-child(4) {
    background:
      linear-gradient(145deg,#fff,#f1f7fa) padding-box,
      linear-gradient(120deg,#f6c65d,#fa9177,#49c2ff,#a77dff) border-box!important;
}

/* Actual article cards */
#network-news .gb-news-grid article {
    padding:11px 0 15px!important;
    margin:0 0 12px!important;
    border-bottom:1px solid #d3dce3!important;
    background:transparent!important;
}

#network-news .gb-news-grid article img {
    width:100%!important;
    border:2px solid #c5a25f!important;
    border-radius:8px!important;
    box-shadow:0 5px 13px rgba(8,34,58,.20)!important;
    -webkit-box-reflect:below 2px
      linear-gradient(transparent 85%,rgba(255,255,255,.13));
}

#network-news .gb-news-grid article a {
    text-decoration:none;
}

#network-news .gb-news-grid article:hover {
    filter:brightness(1.025);
}

#network-news .gb-news-grid article:last-child {
    border-bottom:0!important;
}

/* Tighten the outer panel */
#network-news.gb-newsroom {
    padding:22px 24px!important;
}

#network-news .gb-news-grid {
    gap:14px!important;
}

@media(max-width:700px) {
    #network-news .gb-news-grid > div {
        padding:12px!important;
    }
}
