#page.news #hero main .year article .date { margin-top:10px; font-weight:500;color:#333;}
#page.news #hero main .year article .story {padding:5px 0;}
#page.news #hero main .year article .story ul {margin-left:35px;}
#page.news #hero main .year article .story.bold p {font-weight:500;}
#page.news #hero main .year article .story.purple p {color:var(--color-purple-primary);}
#page.news #hero main .year article .story.red p {color:var(--color-red-primary);}
#page.news #hero main .year article .story .bug p:not(.no-badge):before{content:"bug"; background-color: var(--color-green-highlight);}
#page.news #hero main .year article .story .new p:not(.no-badge):before{content:"new"; background-color: var(--color-red-primary);}
#page.news #hero main .year article .story p:before {position:relative; top:-2px; margin-top:6px;margin-right:5px; height:16px; padding:0px 5px; border-radius:5px; font-size:10px; color:#FFF; text-transform:uppercase;}

#page.news #hero main a { border-bottom: dotted 1px var(--color-blue-primary);color: var(--color-blue-primary);}



/* ---  M E D I A   Q U E R I E S  --- */
@media (min-width:1921px) {/* Rules for 1440p Desktops and Smart TVs*/}

@media (max-width:1920px) {/* Rules for full HD Desktops */}

@media (max-width:1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */}

@media (max-width:991px) {/* Rules for tablets and smaller viewports */
}

@media (max-width:767px) {/* Rules for smartphones only */
}
/* ---  M E D I A  Q U E R I E S  --- */