main{line-height:1.5}
header{padding-left:15px;padding-right:15px;margin-bottom:30px}
header .container{padding-top:40px;padding-bottom:40px;border-bottom:1px solid var(--border-color)}
header h1{margin-top:15px;font-size:1.733rem;line-height:1.2;font-weight:bold;overflow:hidden}
#breadcrumbs-nav a{color:black}
#breadcrumbs-nav li:not(:last-child) a{border-bottom:1px solid black}
@media (min-width:768px){header{padding-left:25px;padding-right:25px}}
.card{display:flex;text-decoration:none;color:black;line-height:1.3}
.card:hover{opacity:1}
.card:hover img{opacity:0.85}
.card .thumbnail-container{width:35%;position:relative;display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);background-color:#f6f6f6}
.card .thumbnail-container:after{content:"";padding-bottom:56.25%}
.card:hover .thumbnail-container{opacity:0.85}
.card img{width:100%;display:block;position:absolute}
.card .title{font-weight:500;overflow:hidden}
.video-card .title{flex:1}
.event-card .title-and-datetime-container,.news-card .title-and-datetime-container{display:flex;flex-direction:column;flex:1;justify-content:flex-start}
.event-card time,.news-card time{margin-top:4px;font-size:0.933rem;font-weight:500;color:#6d6d6d}
.event-card time{padding-left:20px;background-image:url("../themes/website/assets/images/clock-gray.svg");background-repeat:no-repeat;background-position:center left;background-size:15px}
@media (max-width:499px){.card{align-items:flex-start}.card:nth-child(n + 2){margin-top:30px}.video-card .title,.event-card .title-and-datetime-container,.news-card .title-and-datetime-container{margin-left:15px}}
@media (min-width:500px){.cards-container{display:flex;gap:20px;row-gap:30px;flex-wrap:wrap}.card{flex-direction:column;width:calc((100% - 20px) / 2)}.card .thumbnail-container{width:100%}.video-card .title,.event-card .title-and-datetime-container,.news-card .title-and-datetime-container{margin-top:10px}}
@media (min-width:700px){.card{width:calc((100% - 40px) / 3)}}
@media (min-width:900px){.card{width:calc((100% - 60px) / 4)}}
main{margin-bottom:140px}
#content{padding-left:15px;padding-right:15px}
[data-ajax-partial="videos"]{position:relative}
#load-more-button{position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);appearance:none;background-color:transparent;padding:15px;border:1px solid lightgray;border-radius:10px;color:black;font-size:0.933rem}
#load-more-button:hover{background-color:#f6f6f6;border-color:#aaa}
#load-more-button:active{opacity:0.7;bottom:-101px}
@media (min-width:500px){[data-ajax-partial="videos"]{display:flex;gap:20px;row-gap:30px;flex-wrap:wrap}.video-card{flex-direction:column;width:calc((100% - 20px) / 2)}.video-card .thumbnail-container{width:100%}.video-card a{margin-top:10px}}
@media (min-width:700px){.video-card{width:calc((100% - 40px) / 3)}}
@media (min-width:768px){#content{padding-left:25px;padding-right:25px}}
@media (min-width:900px){.video-card{width:calc((100% - 60px) / 4)}}