section.u5m-client-stories-listing{--cols:3;--gap:30px;background-color:var(--white);padding:0 0 80px;div.hero{padding:80px 0 0;.section-inner.center{h1.heading{color:var(--isg-navy);margin:0;text-align:center;body.author-listing &{.blog-title{display:block;margin:0}}}}}div.filter{margin:32px auto 0;position:relative;z-index:5;body.author-listing &{display:none}.categories-filter{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px;.filter-label{color:var(--isg-navy);font-family:var(--font1);font-size:15px;font-weight:400;line-height:1.2}details.categories-menu{position:relative;summary.categories-toggle{align-items:center;background-color:var(--isg-navy);border:0;border-radius:2px;color:var(--white);cursor:pointer;display:flex;font-family:var(--font1);font-size:13px;font-weight:700;gap:10px;letter-spacing:.06em;line-height:1.2;list-style:none;min-width:180px;padding:12px 18px;text-transform:uppercase;transition:background-color var(--animation2);&::-webkit-details-marker{display:none}&:after{background:50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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");content:"";flex:0 0 10px;height:10px;margin-left:auto;transition:transform var(--animation2);width:10px}&:focus,&:hover{background-color:var(--isg-navy);outline:none}.categories-toggle-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}&[open] summary.categories-toggle:after{transform:rotate(180deg)}ul.categories-list{background-color:var(--white);border:1px solid var(--gray1);box-shadow:0 8px 24px rgba(0,22,56,.18);display:flex;flex-direction:column;left:0;list-style:none;margin:0;max-height:420px;max-width:min(420px,90vw);min-width:320px;overflow:auto;padding:0;position:absolute;top:calc(100% + 4px);z-index:20;@media (max-width:580px){min-width:260px}li{border-bottom:1px solid var(--gray1);margin:0;&:last-child{border-bottom:0}a{color:var(--isg-blue);display:block;font-family:var(--font1);font-size:15px;font-weight:400;line-height:1.35;padding:12px 16px;text-decoration:underline;transition:background-color var(--animation2),color var(--animation2);&:focus,&:hover,&[aria-current=page]{background-color:var(--isg-grey);color:var(--isg-navy);outline:none}.taxon-count{color:var(--gray3);font-weight:400;text-decoration:none}}}}}}}div.author{background-color:var(--light-gray);margin:50px 0 0;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-direction:column;justify-content:center;text-align:center}div.avatar{border-radius:50%;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:var(--fs-h5);line-height:var(--lh-h5)}div.social{align-items:center;display:flex;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;.card{@media (max-width:1024px){--cols:2}@media (max-width:767px){--cols:1}}}div.pagination-standard{margin:50px 0 0;text-align:center;ul.pages{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;padding:0;li{background:none;display:inline-block;list-style:none;a{align-items:center;background-color:transparent;border:0;border-radius:0;color:var(--isg-navy);cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;letter-spacing:normal;line-height:1.2;min-height:40px;min-width:40px;padding:0;text-decoration:none;text-transform:none;transition:.15s ease-in;@media (max-width:580px){font-size:13px;min-height:32px;min-width:32px}&:hover{color:var(--isg-navy)}}&.disabled a{display:none}&.active a{background-color:var(--isg-navy);color:var(--white);pointer-events:none}}}}}