#blogHome{
     margin-top:3rem;
     margin-bottom:3rem 
}
 #blogHome a{
     transition:opacity .2s ease 
}
 #blogHome a:hover,#blogHome a:focus{
     opacity:.85 
}
 #blogHome #searchable-interface-results{
     margin-top:2rem !important;
     position:relative 
}
 #blogHome #searchable-interface-results .blogRSSLink{
     position:absolute;
     right:0;
     top:8px 
}
 #blogHome #filter-by{
     max-width:100% 
}
 @media(min-width: 641px)and (max-width: 1024px){
     #blogHome #filter-by .search-controls-select .tail-select{
         min-width:230px 
    }
}
 #blogHome #filter-by .search-controls-buttons{
     max-width:100%;
     width:100% 
}
 #blogHome #filter-by .search-controls:not(:has(.search-controls-select.hide)) .search-controls-select{
     flex:0 0 48% !important 
}
 #blogHome #filter-by .search-controls:has(.search-controls-select.hide) .search-controls-select{
     flex:0 0 31% !important 
}
 .blogRSSLink{
     color:#ee802f 
}
 .blogRSSLink:focus,.blogRSSLink:hover{
     opacity:.8;
     color:#ee802f 
}
 .share-post{
     margin:1.2rem 0 0;
     font-size:1.25rem 
}
 .share-post span{
     display:inline-block;
     padding:0 .4rem 
}
 .share-post a:hover{
     text-decoration:none !important 
}
 .share-post .fa-facebook{
     color:#4267b2 
}
 .share-post .fa-linkedin{
     color:#0077b5 
}
 .share-post .fa-envelope{
     color:#333 
}
 .share-post .fa-link{
     color:#8e8e8e 
}
 .blog-feed,#blogPost .related-stories,.sticky-feed{
     display:flex;
     flex-direction:column;
     list-style:none;
     margin:1.5rem 0 0 0;
     gap:3rem;
     border:none !important 
}
 .blog-feed.loading,#blogPost .loading.related-stories,.sticky-feed.loading{
     opacity:.5;
     pointer-events:none 
}
 .blog-feed article,#blogPost .related-stories article,.sticky-feed article{
     display:flex;
     align-items:center;
     gap:1rem 
}
 .blog-feed article figure,#blogPost .related-stories article figure,.sticky-feed article figure{
     margin:0;
     flex-basis:180px;
     aspect-ratio:3/2;
     background-color:#eee;
     border-radius:7px 
}
 @media(min-width: 641px){
     .blog-feed article figure,#blogPost .related-stories article figure,.sticky-feed article figure{
         flex-basis:260px 
    }
}
 .blog-feed article figure img,#blogPost .related-stories article figure img,.sticky-feed article figure img{
     object-fit:cover;
     width:100%;
     height:100%;
     border-radius:7px;
     border:1px solid #ccc 
}
 .blog-feed article .meta,#blogPost .related-stories article .meta,.sticky-feed article .meta{
     flex:1 
}
 .blog-feed article .meta .category,#blogPost .related-stories article .meta .category,.sticky-feed article .meta .category{
     font-size:.85rem 
}
 .blog-feed article .meta .headline,#blogPost .related-stories article .meta .headline,.sticky-feed article .meta .headline{
     font-size:1rem;
     font-weight:bold;
     margin:.5rem 0 
}
 .blog-feed article .meta .headline a:hover,#blogPost .related-stories article .meta .headline a:hover,.blog-feed article .meta .headline a:focus,#blogPost .related-stories article .meta .headline a:focus,.sticky-feed article .meta .headline a:hover,.sticky-feed article .meta .headline a:focus{
     text-decoration:underline 
}
 .blog-feed article .meta .date,#blogPost .related-stories article .meta .date,.sticky-feed article .meta .date{
     font-size:.85rem;
     font-weight:600;
     color:#49494c 
}
 @media(min-width: 641px){
     .blog-feed article .meta .category,#blogPost .related-stories article .meta .category,.sticky-feed article .meta .category{
         font-size:1rem 
    }
     .blog-feed article .meta .headline,#blogPost .related-stories article .meta .headline,.sticky-feed article .meta .headline{
         font-size:1.25rem 
    }
     .blog-feed article .meta .date,#blogPost .related-stories article .meta .date,.sticky-feed article .meta .date{
         font-size:1rem 
    }
}
 .sticky-feed{
     border-bottom:solid 1px #ccc !important;
     padding-bottom:4.25rem;
     margin-top:4rem;
     margin-bottom:4.25rem 
}
 .sticky-feed li::before{
     font-family:"Font Awesome 5 Free";
     content:"";
     font-weight:900;
     font-size:larger;
     position:absolute;
     right:0px;
     margin-right:.5rem;
     transform:rotate(45deg) 
}
 footer .share-post{
     margin:0rem 0 0 
}
 #feed-pagination{
     margin-top:3rem !important;
     margin-bottom:0 !important;
     list-style:none 
}
 #feed-pagination .page-item{
     background:rgba(0,0,0,0) 
}
 #feed-pagination .page-item a{
     color:#333 
}
 #feed-pagination .page-item.active a,#feed-pagination .page-item.active a:focus{
     border-radius:5px;
     color:#fff;
     background:#081e3f 
}
 #feed-pagination .page-item.disabled,#feed-pagination .page-item.first,#feed-pagination .page-item.last{
     display:none 
}
 #blog-label{
     margin-right:2.5rem 
}
 #blogPost{
     padding:1rem 0 
}
 #blogPost a{
     transition:opacity .2s ease;
     text-decoration:underline 
}
 #blogPost a:hover,#blogPost a:focus{
     text-decoration:underline;
     opacity:.85 
}
 #blogPost p:not([class^=display-text]),#blogPost li{
     font-size:1.125rem 
}
 #blogPost figure figcaption{
     margin-bottom:0 
}
 #blogPost figure figcaption,#blogPost figure figcaption p{
     font-size:.9rem !important 
}
 #blogPost .main-content{
     flex:1 
}
 #blogPost .main-content>p:last-child{
     margin-bottom:0 
}
 #blogPost .main-content img.alignleft,#blogPost .main-content img.size-medium{
     float:left;
     width:100%;
     margin:0 0 1.5rem 0 
}
 @media(min-width: 641px){
     #blogPost .main-content img.alignleft,#blogPost .main-content img.size-medium{
         width:50%;
         margin:0 1.5rem 1.5rem 0 
    }
}
 #blogPost .main-content img.size-full{
     width:100% 
}
 #blogPost header{
     margin-bottom:2rem 
}
 #blogPost header .meta:not(:last-child){
     margin-bottom:2rem 
}
 #blogPost header .meta{
     margin-top:4rem 
}
 @media(min-width: 1025px){
     #blogPost header .meta{
         max-width:62.5rem 
    }
}
 @media(min-width: 641px){
     #blogPost header .meta.no-banner.text-left{
         max-width:75% !important 
    }
}
 #blogPost header .meta .category{
     color:#0a254e;
     font-weight:600 
}
 #blogPost header .meta .headline{
     margin:1.5rem 0;
     font-size:3rem 
}
 #blogPost header figure img{
     width:100% 
}
 #blogPost header figcaption{
     margin:0 auto;
     max-width:100%;
     padding-top:.5rem 
}
 @media(min-width: 641px)and (max-width: 1024px){
     #blogPost header figcaption{
         max-width:calc(75% - 10px) 
    }
}
 @media(min-width: 1025px){
     #blogPost header figcaption{
         max-width:720px 
    }
}
 #blogPost .full-width img{
     position:relative;
     max-width:100vw;
     width:100vw;
     margin-left:-50vw;
     margin-right:-50vw;
     left:50%;
     right:50% 
}
 @media(min-width: 1025px){
     #blogPost .full-width figcaption{
         position:absolute;
         bottom:2rem;
         max-width:400px;
         background:#f6f6f6;
         padding:1rem;
         margin:0;
         margin-left:-50vw;
         margin-right:-50vw;
         right:calc(50% + 2rem);
         color:#000;
         max-width:400px !important 
    }
}
 #blogPost .articleBody{
     font-size:1.125rem 
}
 @media(min-width: 641px){
     #blogPost .articleBody .break-out{
         transform:scale(1.2);
         margin-bottom:4.5rem 
    }
}
 #blogPost .articleBody .breakout-media{
     margin-left:0;
     margin-right:0 
}
 @media(min-width: 641px){
     #blogPost .articleBody .breakout-media{
         margin-left:-5rem;
         margin-right:-5rem 
    }
}
 @media(min-width: 641px)and (max-width: 1024px){
     #blogPost .articleBody:has(aside.columns) .breakout-media{
         margin-left:0;
         margin-right:0 
    }
}
 #blogPost .articleBody figure:not(figure.media-left,figure.media-right){
     margin-bottom:1.25rem 
}
 @media(min-width: 641px){
     #blogPost .articleBody p+img.break-out,#blogPost .articleBody p+figure img.break-out{
         margin-top:4rem 
    }
}
 #blogPost .articleBody figure .break-out+figcaption{
     margin:0;
     margin-top:-1rem;
     margin-bottom:2rem 
}
 @media(min-width: 1025px){
     #blogPost:has(aside.columns) .breakout-media{
         margin-left:-3rem;
         margin-right:-3rem 
    }
     #blogPost:has(aside.columns) aside{
         flex-basis:21.875rem;
         padding-left:3rem 
    }
}
 @media(min-width: 641px)and (max-width: 1024px){
     #blogPost .related-content header figcaption{
         margin:0 
    }
}
 @media(min-width: 641px){
     #blogPost .related-content header figcaption{
         max-width:calc(100% - 18.75rem) 
    }
}
 @media(min-width: 641px){
     #blogPost .related-content .articleBody{
         display:flex 
    }
}
 #blogPost .related-content .articleBody p+img.break-out,#blogPost .related-content .articleBody p+figure img.break-out{
     margin-top:0 
}
 #blogPost .related-content .articleBody .break-out{
     transform:scale(1);
     margin-bottom:1.25rem 
}
 #blogPost .related-content .articleBody aside{
     flex-basis:18.75rem;
     font-size:1rem;
     margin-top:1rem 
}
 @media(min-width: 641px){
     #blogPost .related-content .articleBody aside{
         margin-top:0 
    }
}
 #blogPost .related-content .articleBody aside p:not([class^=display-text]){
     font-size:1.05rem 
}
 #blogPost .related-stories article figure{
     flex-basis:180px 
}
 #blogPost .related-stories article .meta .category{
     font-size:.85rem 
}
 #blogPost .related-stories article .meta .headline{
     font-size:1rem 
}
 #blogPost .related-stories article .meta .date{
     font-size:.85rem 
}
 #blogPost .widget{
     font-size:1rem;
     padding:4rem 0;
     border-top:solid 1px #ccc 
}
 #blogPost .widget:first-child{
     border:none 
}
 #blogPost .widget p{
     font-size:1rem 
}
 #blogPost #relatedPosts a{
     text-decoration:none 
}
 #blogPost #relatedPosts a:hover,#blogPost #relatedPosts a:focus{
     text-decoration:underline 
}
 .about-author-wrapper{
     display:flex;
     gap:1rem;
     align-items:flex-start;
     flex-direction:column 
}
 @media(min-width: 641px){
     .about-author-wrapper{
         flex-direction:row;
         gap:2rem;
         align-items:center 
    }
}
 .about-author-wrapper .author-bio{
     flex:1 
}
 .about-author-wrapper .author-bio p:last-child{
     margin:0 
}
 .about-author-wrapper .author-photo{
     border-radius:50%;
     overflow:hidden;
     aspect-ratio:1/1;
     border:solid 2px #081e3f;
     position:relative;
     height:auto;
     overflow:hidden;
     width:100%;
     max-width:6.5rem 
}
 @media(min-width: 641px){
     .about-author-wrapper .author-photo{
         max-width:8.75rem 
    }
}
 .about-author-wrapper .author-photo img{
     position:absolute;
     width:100%;
     height:100%;
     object-fit:cover;
     object-position:center 
}