:root{--brooksource-blue:#006395;--brooksource-orange:#ff8300;--light-blue:#00aeef;--light-orange:#fbb042;--lightest-grey:#f1f1f1;--light-grey:#bfc0c1;--navy:#024161;--dark-navy:#182a32;--white:#fff}.bloglistwrapper{display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding-bottom:100px;padding-top:70px}.featurethumbnail,.featurethumbnail img{border-radius:20px 20px 0 0;transition:all .4s ease}.featurethumbnail{overflow:hidden}.blogposttitle h3{font-size:1.1em!important;line-height:1.4em;margin-bottom:0}.blogstats{color:#023;font-size:.75em;font-weight:400}.blogpostlink{background-color:#f1f1f1;border-radius:20px;display:flex;flex-direction:column;transition:all .4s ease}.blogpostlink:hover{background-color:#e4e5e6}.blogpostlink:hover .featurethumbnail img{transform:scale(1.1)}.blog-index__post-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:20px}.taglinkwrapper{grid-column:1/-1}.taglinkwrapper a{display:inline-block;margin-right:20px;position:relative}.taglinkwrapper a:after{background-color:var(--brooksource-orange);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.taglinkwrapper .active:after,.taglinkwrapper a:hover:after{width:100%}.blogpostcontentwrapper{margin-bottom:20px}.readmore{border-top:1px solid #d9d9d9}.readmore p{color:var(--brooksource-orange);margin-top:10px}.blog-post__tags{margin-bottom:10px}.blog-post__tags p{color:#023!important;font-size:.8em;font-weight:400;text-transform:uppercase}.blognumberlist ol{counter-reset:li-counter;list-style-type:none;list-style-type:decimal !ie;margin:0 0 0 3em;padding:0}.blognumberlist ol>li:before{color:#00a94f;content:counter(li-counter);counter-increment:li-counter;font-family:var(--font2);font-size:3em;font-weight:700;left:-1em;line-height:1;position:absolute;text-align:right;top:0;width:.8em}.blognumberlist ol>li{border-left:2px solid #006394;margin-bottom:20px;min-height:3em;padding-left:.5em;position:relative}.blognumberlist span{color:#006394;font-family:var(--font2)}@media screen and (max-width:1500px){.bloglistwrapper{padding:70px 30px 100px}}@media screen and (max-width:1200px){.bloglistwrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.bloglistwrapper{gap:10px;grid-template-columns:repeat(1,1fr)}}