provost-news-feed
{--columns:1;
--gap:2rem;
display:block;
container-type:inline-size;
margin-block-start:1rem;
padding-block-end: 2rem;}
provost-news-feed:not([type=full])
{--columns:2}
provost-news-feed section
{gap:var(--gap);
grid-template-columns:1fr;
display:grid}
@container (width>768px)
{provost-news-feed section
{grid-template-columns:repeat(var(--columns), 1fr)}}
provost-news-feed cwtk-discovery-controls :is(form,.cwf-form__field)
{margin-block-end:0}
provost-news-feed cwtk-discovery-catalog
{gap:var(--gap);display:grid}
provost-news-article-preview
{--image-aspect-ratio-sm:1;
--image-aspect-ratio-lg:4 / 3;
--image-border-radius:1rem;
--eyebrow-padding:.25em .5em;
--eyebrow-font-size:.8rem;
--eyebrow-background-color:var(--vcu-gold);
--eyebrow-foreground-color:var(--vcu-black);
--heading-font-size-sm:1.25rem;
--heading-font-size-lg:1.75rem;
display:block;
container-type:inline-size}
provost-news-article-preview article
{gap:calc(var(--gap) / 2);
grid-template-columns:25% 1fr;
align-items:center;
display:grid}
provost-news-article-preview article :is(p,h1)
{overflow-wrap:break-word}
provost-news-article-preview article img
{object-fit:cover;
aspect-ratio:var(--image-aspect-ratio-sm);
border-radius:var(--image-border-radius)}
provost-news-article-preview article div
{gap:calc(var(--gap) / 4);
flex-direction:column-reverse;
display:flex}
provost-news-article-preview article div :first-child
{margin-block-start:0;
padding-block-start:0}
provost-news-article-preview article div :last-child
{margin-block-end:0;padding-block-end:0}
provost-news-article-preview article div h1
{font-size:var(--heading-font-size-sm);
text-wrap:balance;
margin-block-end:.25rem;
transition:margin .3s;
position:relative}
@container (width>768px)
{provost-news-article-preview article div h1
{font-size:var(--heading-font-size-lg)}}
provost-news-article-preview article div h1 a
{color:currentColor;
-webkit-text-decoration:underline var(--vcu-gold);
text-decoration:underline var(--vcu-gold)}
provost-news-article-preview article div h1 a:is(:hover,:focus-visible)
{color:currentColor}
provost-news-article-preview article div p:has(time)
{background-color:var(--eyebrow-background-color);
width:fit-content;
font-size:var(--eyebrow-font-size);
padding:var(--eyebrow-padding);
color:var(--eyebrow-foreground-color)}
provost-news-article-snippet
{--image-aspect-ratio-sm:16 / 9;--image-aspect-ratio-lg:1;
--image-border-radius:1rem;
--eyebrow-padding:.25em .5em;
--eyebrow-font-size:.8rem;
--eyebrow-background-color:var(--vcu-gold);
--eyebrow-foreground-color:var(--vcu-black)}
provost-news-article-snippet:not([hidden])
{display:block;
container-type:inline-size}
provost-news-article-snippet article
{align-items:center;
gap:calc(var(--gap) / 2);
display:grid}
@container (width>768px)
{provost-news-article-snippet article{grid-template-columns:30% 1fr} provost-news-article-snippet h1{font-size: 1.5rem;}
provost-news-article-snippet article :is(p,h1)
{overflow-wrap:break-word}
provost-news-article-snippet article img
{object-fit:cover;
aspect-ratio:var(--image-aspect-ratio-sm);
border-radius:var(--image-border-radius)}
@container (width>768px)
{provost-news-article-snippet article img
{aspect-ratio:var(--image-aspect-ratio-lg)}}
provost-news-article-snippet article div
{gap:calc(var(--gap) / 4);
flex-direction:column;
display:flex}
provost-news-article-snippet article div :first-child{
margin-block-start:0;
padding-block-start:0}
provost-news-article-snippet article div :last-child
{margin-block-end:0;
padding-block-end:0}
provost-news-article-snippet article div p:has(time)
{background-color:var(--eyebrow-background-color);
width:fit-content;
font-size:var(--eyebrow-font-size);
padding:var(--eyebrow-padding);
color:var(--eyebrow-foreground-color);
order:-1}provost-news-article-snippet article div h1 a
{color:currentColor;
-webkit-text-decoration:underline var(--vcu-gold);
text-decoration:underline var(--vcu-gold)}
provost-news-article-snippet article div h1 a:is(:hover,:focus-visible)
{color:currentColor}



