:is(.ContentBox,.BlogEntries) .ContentBoxItem{margin:0 .25rem 3rem;white-space:normal;width:88vw}
@media(min-width:768px){:is(.ContentBox,.BlogEntries) .ContentBoxItem{margin-left:12px;margin-right:12px;width:16.2rem}
}
@media(min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem{width:19.2rem}
}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .image{overflow:hidden;position:relative;height:11rem}
@media(min-width:768px){:is(.ContentBox,.BlogEntries) .ContentBoxItem .image{height:12.5rem}
}
@media(min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem .image{height:15rem}
}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .image .upcoming-badge,:is(.ContentBox,.BlogEntries) .ContentBoxItem .image .future-badge{position:absolute;z-index:2;left:0;top:1rem;padding:.5rem 1rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;color:#fff}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .image .upcoming-badge{background-color:#0047cc}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .image .future-badge{background-color:#d3135a}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .image .play-icon{position:absolute;width:2.5rem;height:2.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .category{color:#667790;display:block;font-size:.8rem;line-height:1;font-weight:400;font-style:normal;margin:1.4rem 0 1.15rem}
@media(min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem .category{font-size:.9rem}
}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .title{color:#0e141a;font-size:.9rem;font-weight:700;letter-spacing:-0.005em;line-height:1.45;margin:-0.4rem 0 0}
@media(min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem .title{font-size:1.1rem}
}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .link{color:inherit;display:block;line-height:inherit}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .copy{display:none;font-size:.9rem;line-height:1.44444}
@media(min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem .copy{display:block}
}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .date{font-family:Georgia,serif;color:#667790;font-size:.8rem;margin-top:.75rem}
@media(hover:hover),(-ms-high-contrast:none),(-ms-high-contrast:active){:is(.ContentBox,.BlogEntries) .ContentBoxItem .link:hover{text-decoration:none}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .link:hover .image img{transform:scale(1.1)}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .link:hover .category,:is(.ContentBox,.BlogEntries) .ContentBoxItem .link:hover .title,:is(.ContentBox,.BlogEntries) .ContentBoxItem .link:hover .date{color:inherit;transition:all .3s ease-in-out}
}
@media(hover:hover) and (min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem .link:hover{color:#d3135a}
}
@media(min-width:1024px){:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded{min-width:100%}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .link{display:flex;flex-flow:row nowrap;margin:0 -12px;min-width:100%}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .media{flex:0 0 66.66667%}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .content{flex:0 0 33.33333%}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .media .image{min-height:20rem}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .media img{min-height:20rem}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .content .category{margin:0}
:is(.ContentBox,.BlogEntries) .ContentBoxItem.item-exploded .content .title{font-size:1.35rem;line-height:1.22222;letter-spacing:-0.01em;margin:1rem 0 1.5rem}
}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .upcoming{pointer-events:none}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .upcoming .image:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.5)}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .upcoming .content .category,:is(.ContentBox,.BlogEntries) .ContentBoxItem .upcoming .content .copy,:is(.ContentBox,.BlogEntries) .ContentBoxItem .upcoming .content .date{color:rgba(102,119,144,0.5)}
:is(.ContentBox,.BlogEntries) .ContentBoxItem .upcoming .content .title{color:rgba(14,20,26,0.5)}
.ContentBoxItem .image img{max-width:100%;object-fit:cover;object-position:center center;width:100%;height:100%;font-family:"object-fit: cover; object-position: center";transition:.4s ease-in-out}
@media(min-width:1024px){.item-exploded .link .content{-webkit-box-flex:0;flex:0 0 33.3333%}
}
@media(min-width:1024px) and (min-width:768px){.item-exploded .link .content,.item-exploded .link .media{padding:0 12px}
}
@media(min-width:1024px){.item-exploded .link .content,.item-exploded .link .media{padding-left:8px;padding-right:8px}
}