.authorSection{padding:10px;}
.contentContainer{display:flex; margin:auto; position:relative; max-width:1120px; flex-wrap:wrap;}
.breadcrumbContainer{display:block; max-width:1120px; clear:left;}
.breadcrumbContainer a{text-decoration:none;}
#breadcrumbs ol{list-style:none; margin:0; padding:0; line-height:19px;}
#breadcrumbs li{display:inline-block; line-height:19px;}
#breadcrumbs li:not(:last-child)::after{content: '\a0\3e'; display: inline-block;}
.authorTitle {margin: .9rem 0; font-size: 2.25rem; font-family: "Lora", serif; font-weight: 500; line-height: 1.4;}
.authorDetails h1{font-size:3.125rem; margin-bottom:5px; padding-top:20px;}
.authorDetails #title{margin-top:5px; font-size: 2.25rem; font-family: "Lora", serif; font-weight: 500; line-height: 1.4;}
.authoredResources h2 {margin-bottom: 32px;}
.contentContainer h2{font-size:2.25rem; margin-top:1em;}
.authorPronoun{font-size:1.2rem; opacity:0.8;}
.addPadding{padding:30px 0 0 0;}
.authorHeaderSection{background-image: url('../img/author-header-bg.png');background-repeat: no-repeat;background-position: right top;background-size: 35%;}
.authorHeaderSection h2{margin-top:5px;}
.authorImage{float:left; padding:25px 30px 20px 10px; display:block;}
.authorImage img{clip-path: polygon(11% 0%, 98% 0%, 95% 15%, 92% 34%, 91% 50%, 92% 68%, 95% 89%, 0% 100%); width:200px; height:auto;}
.authorDetails, .authorBio, .authorCategories{float:left; display:block;}
.authorCategories h2{font-size:1.7rem; margin-top:44px;;}
.authorDetails{padding:15px 15px 0 15px; flex: 1 1 0%;}
.authorExpertise{clear:left;}
.expertiseButtons{margin:5px; float:left; padding:0.375rem 1rem; border-radius:8px; color:#3b3b3b; background-color:#EFF1F9; font-weight:500; text-decoration:none; font-size:0.875rem; line-height:1.25rem;}
a.expertiseButtons:hover{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15); text-decoration:underline; color:#3b3b3b;}
a.expertiseButtons:active{box-shadow:none; text-decoration:none; color:#000; background-color:#DEEFF4;}
.listingCardGrid{display: grid; grid-template-columns: repeat(3, 1fr); gap:32px;}
.listingCard{box-shadow: 0px 5px 50px -10px rgba(0,0,0,0.1); padding:20px;}
.listingCardExcerpt, .listingCardDetail p{font-size:14px; margin-top: 10px; line-height:21px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
a.authorListingCard{box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.1); text-decoration: none;}
.listingCardImg, .solutionCardImg{overflow:hidden; position:relative; height:auto; width:100%;}
.listingCardImg{padding:55% 0 0 0;}
.listingCardImg img, .solutionCardImg img{aspect-ratio:auto 300 / 168; top:50%; left:50%; transform:translate(-50%, -50%); overflow-clip-margin:content-box; overflow:clip; display:block; height:auto; width:100%; position:absolute; filter:saturate(0%);}
.solutionCardImg{padding:45% 0 0 0;}
.listingCard:hover .listingCardImg img, .solutionCard:hover .solutionCardImg img{filter:saturate(100%);}
.listingCardDetail{padding:10px 0;}
.listingCardPostType{position:absolute; bottom:5px; left:5px; font-size:14px; color:#fff; background:#1560A5; border-radius:10px; padding:4px 8px;}
.listingCardTitle span:not(.listingCardName), label.filter{font-weight:400; text-decoration:none !important; font-size: 17px; color:#3b3b3b;}
label.filter{font-weight:500;}
.listingCardTitle a{font-weight:500; font-size:17px; text-decoration:none !important;}
a.authorListingCard .listingCardTitle .listingCardName{font-weight:600; text-decoration:none !important; font-size: 19px;}
a.authorListingCard:hover .listingCardName, .solutionCardTitle a:hover, .listingCard:hover .listingCardTitle a{color:#003DA7; text-decoration:underline !important;}
.solutionCardDetail{padding:8px 0 20px 0;}
.authorCategories .solutionCard:last-child .solutionCardDetail{padding-bottom:0;}
.solutionCardTitle a{font-weight:600; color:#3b3b3b; text-decoration:none !important; font-size: 16px;}
.pagination{text-align:center; margin:20px auto;}
.filterBar{padding:15px 0;}
.colGrid{display: grid; grid-template-columns: repeat(4, 1fr); gap:32px; width:100%;}
.filtersGrid{display: grid; grid-template-columns: repeat(4, 1fr); gap:10px; width:100%; margin-bottom:10px;}
.gridContent{width:100%;}
.gridContent select, .authorSearchResults, .filterSearch input{background-color:#fff; border-radius:0; border:1px solid #d8d8d8; color:#3b3b3b; display:block; font-family:Noto Sans, Sans-serif; font-size:14px; font-weight:500; line-height:16px; padding:8px; width:100%; word-wrap:normal;}
.filterSearch input{padding:10px 8px 11px 8px;}
.clearFilters{text-align:right; width:100%;}
.authorListingCard .listingCardImg{padding:95% 0 0 0;}
.authorListingCard .listingCardImg img{aspect-ratio:auto; width:100%; filter:saturate(100%);}
.authorListingCard .listingCardDetail{padding:22px 20px;}
.authorSearchResults {width: 100%;position: absolute;margin: 0;box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.1); z-index: 10; max-height: 46vh; overflow-y: auto;}
.authorSearchResults small {font-size: 90%; display: block; margin-top: 4px; line-height: unset; color: #3b3b3b;}
.authorSearchResults a {text-decoration: none;}
.authorSearchItemContainer {list-style: none; margin-bottom:5px;}
.authorSearchItem {display: flex; align-items: start;}
.authorSearchItemInner {padding-left:5px; font-size:13px; line-height:14px;}
#peopleSearchResultsContainer {position: relative;}
#people-search-bar-container {position: relative;}
.newsContentContainer {margin-bottom: 20px;}
#people-search-bar, #clear-people-search-bar {display: inline;}
#clear-people-search-bar {position: absolute; height: 100%; right: 0; padding: 0 6px;font-size: 18px;color: #3b3b3b;font-weight: lighter; background: transparent; border: none; display: none;}


@media (max-width:799px) {
	.listingCardGrid, .colGrid, .filtersGrid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:700px) {
	.authorImage, .authorDetails{float:none; width:100%; text-align:center; padding-bottom:5px;}
	.authorDetails{padding:5px;}
	.authorDetails h1{padding-top:0;}
	.authorHeaderSection{background-image:none;}
}
@media (min-width:641px) {
    .contentContainer > .authorCategories {width: 30%;}
    .contentContainer > .authorBio {width:calc(70% - 90px); padding-right:90px;}
}
@media (max-width:499px) {
	.contentContainer > .authorCategories, .contentContainer > .authorBio {width:100%; padding-right:5px;}
	.listingCardGrid, .colGrid, .filtersGrid{grid-template-columns: repeat(1, 1fr);}
	.authorDetails h1{font-size:2rem;}
	.contentContainer h2{font-size:1.75rem;}
	.authorDetails #title{font-size:1.75rem !important;} 
}