section.u5m-blog-listing{--cols:3;--gap:30px;background:var(--light-sand);padding:0 0 1px;div.hero{margin:0 auto 40px;padding:80px 20px 0;.section-inner.center{h1.heading{color:var(--dark-aqua);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1;margin:0 0 40px;text-align:center;body.author-listing &{.blog-title{display:block;margin:0}}}.u5m-blog-listing__featured{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;.u5m-blog-listing__featured-primary{display:flex;flex:1 1 320px;min-width:0;.card{box-shadow:0 0 20px rgba(0,0,0,.15);width:100%}}.u5m-blog-listing__featured-sidebar{display:flex;flex:1 1 280px;flex-direction:column;gap:20px;min-width:0;.card{box-shadow:0 0 20px rgba(0,0,0,.15)}}}}}div.filter{margin:0 auto 20px;padding:0 20px;body.author-listing &{display:none}.filter__inner{display:flex;justify-content:center;margin:0 auto;max-width:480px}.filter__select{appearance:none;background:var(--white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 -960 960 960'%3E%3Cpath d='M480-357.85 253.85-584 296-626.15l184 184 184-184L706.15-584z'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:24px;border:1px solid var(--gray1);border-radius:var(--border1);color:var(--text);cursor:pointer;font:600 16px/1.25 var(--font-body,inherit);margin:0 auto;max-width:480px;padding:16px 44px 16px 16px;transition:border-color var(--animation2);width:100%;&:focus,&:hover{border-color:var(--dark-aqua);outline:none}}}div.author{background:var(--light-gray);margin:0 0 50px;padding:50px 0;div.center{align-items:flex-start;display:flex;gap:50px;@media (max-width:768px){gap:30px}@media (max-width:580px){align-items:center;flex-flow:column nowrap;justify-content:center;text-align:center}div.avatar{background-position:50% 50%;border-radius:var(--border3);flex:0 0 200px;height:200px;overflow:hidden;width:200px;@media (max-width:768px){flex:0 0 150px;height:150px;width:150px}img{height:100%;object-fit:cover;object-position:50% 50%;width:100%}}.blog-author-text{h2.header{font-size:20px;font-weight:600}div.social{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;@media (max-width:580px){justify-content:center}a{display:flex;svg path{fill:var(--black);transition:var(--animation1)}&:hover svg path{fill:var(--action1)}}}}}}div.posts{display:flex;flex-wrap:wrap;gap:var(--gap);margin:40px auto 0;padding:0 20px;.resource-card{flex:0 0 100%;margin:100px 0;overflow:visible;padding:50px 20px;position:relative;@media (max-width:580px){padding-bottom:30px;padding-left:0;padding-right:0;padding-top:30px}&:after{background:var(--gray1);content:"";height:100%;position:absolute;right:50%;top:0;transform:translateX(50%);width:1920px;z-index:0}a{align-items:center;display:flex;flex-wrap:nowrap;height:100%;position:relative;z-index:10;@media (max-width:580px){display:block}.image{background-position:50% 50%;background-size:cover;flex:0 0 300px;height:100%;margin:0 50px 0 0;@media (max-width:580px){height:300px;margin-bottom:30px;margin-left:auto;margin-right:auto;margin-top:0}}.content{h2,p,span{color:var(--text)}span.type{display:block;margin:0;text-transform:uppercase}h2.title{margin:0}}}}.card{box-shadow:0 0 20px rgba(0,0,0,.15);@media (max-width:1024px){--cols:2}@media (max-width:580px){--cols:1}}}div.pagination-standard{margin:50px auto 100px;text-align:center;ul.pages{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;padding:0;li{background:none;display:inline-block;list-style:none;margin:0;padding:0;a{align-items:center;background:var(--white);border:1px solid var(--gray1);border-radius:var(--border1);color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.25px;line-height:1.2;min-height:55px;min-width:55px;padding:0;text-decoration:none;text-transform:uppercase;transition:border-color .1s ease-in,background .1s ease-in,color .1s ease-in;@media (max-width:580px){font-size:13px;min-height:35px;min-width:35px}&:focus,&:hover{border-color:var(--dark-aqua)}}&.disabled a{display:none}&.active a{background:var(--dark-aqua);border-color:var(--dark-aqua);color:var(--white);pointer-events:none}}}}div.pagination-infinite{text-align:center;a.pagination-infinite_button{.hide-next &{display:none}}}}section.u5m-blog-listing .blog-card--featured-primary{flex-direction:column;.media.image{aspect-ratio:16/9;border-radius:0;img{border-radius:0}}.content{padding:40px}.blog-card__meta-row--inline{align-items:center;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:13px;gap:12px 20px;line-height:1.3;.blog-card__tag{color:inherit;font-weight:600;text-decoration:none;&:focus,&:hover{color:var(--dark-aqua)}}.blog-card__date-inline{font-weight:400}.blog-card__author{color:inherit;font-weight:400;text-decoration:none;&:focus,&:hover{color:var(--dark-aqua)}}}.title{color:var(--charcoal);font-size:24px;line-height:1.25;margin:0 0 12px}.blog-card__excerpt{color:var(--charcoal);margin:0;opacity:.95}.button-group{margin-top:20px}}section.u5m-blog-listing .blog-card--featured-sidebar{align-items:stretch;flex-direction:row;.content{padding:20px}.blog-card__meta-row--inline{align-items:center;color:var(--charcoal);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:11px;gap:8px 16px;line-height:1.5;.blog-card__tag{color:inherit;font-weight:700;text-decoration:none;&:focus,&:hover{color:var(--dark-aqua)}}.blog-card__author{color:inherit;font-weight:400;text-decoration:none;&:focus,&:hover{color:var(--dark-aqua)}}}.title{color:var(--charcoal);font-size:24px;line-height:1.25;margin:0}.button-group{margin-top:16px}}section.u5m-blog-listing .blog-card--grid{.blog-card__meta-row--tag{margin:0 0 8px}.blog-card__tag{color:var(--charcoal);font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;&:focus,&:hover{color:var(--dark-aqua)}}.blog-card__meta-row--byline{align-items:center;color:var(--charcoal);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:11px;font-weight:700;gap:4px;line-height:1.5;margin:0 0 8px;text-transform:uppercase;.blog-card__author{color:inherit;font-weight:700;text-decoration:none;&:focus,&:hover{color:var(--dark-aqua)}}.blog-card__date,.blog-card__sep{font-weight:400}}.title{color:var(--charcoal);font-family:var(--font-heading);font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:600;letter-spacing:0;line-height:1.25;margin:0 0 16px}}