[v-cloak]{visibility:hidden}.resources__filter-icon{left:22px;top:50%;transform:translateY(-50%);transform-origin:center;transition:opacity .25s ease,visibility .25s ease}.resources__types{gap:20px}.resources__grid{display:grid;gap:38px 28px;grid-template-columns:repeat(3,minmax(0,402px))}.resources__thumbnail{aspect-ratio:317/194}.resources__thumbnail--video:after{content:url(https://6863934.fs1.hubspotusercontent-na1.net/hubfs/6863934/zai01/assets/icons/play-button.svg);left:50%;line-height:1px;position:absolute;top:50%;translate:-50% -50%}.resources__type span{font-size:16px;letter-spacing:1.5px}.resources__type--icon{padding-left:53px}.resources__type-icon{left:15px;top:10px;transform-origin:center}.resources__read-time:before{content:url(https://6863934.fs1.hubspotusercontent-na1.net/hubfs/6863934/zai01/assets/icons/read-time-icon.svg);left:0;line-height:1px;position:absolute;top:3px}.resources__filters{width:18%}.resources__wrap{width:82%}.resources__filter-type:before{background-color:#d8dbe4;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.resources__filter-type--active.resources__filter-type:before{background-color:#c2122f;background-image:url(https://www.chiohd.com/hubfs/chi01/Global/Icons/tick.svg);background-position:50%;background-repeat:no-repeat;background-size:13px 10px}.resources__filter-type{font-size:16px;line-height:20px;margin-left:19px;padding-left:33px}.resources__video-icon{z-index:2}.resources__filter-clear{font-size:12px;letter-spacing:1px;text-decoration:underline}.resources__filter-clear:hover{text-decoration:none}.resources__filter-audience--active .resources__filter-icon--gradient{opacity:0;visibility:hidden}.resources__filter-audience--active .resources__filter-icon--white{opacity:1;visibility:visible}.resources__filter-audience--active{color:#fff}#audience-residential.resources__filter-audience--active{background:#0062bb}#audience-commercial.resources__filter-audience--active{background:#0f781d}#audience-residential:hover{background:#0062bb}#audience-commercial:hover{background:#0f781d}.resources__filter-audience{font-size:16px;line-height:19px;margin-bottom:12px;max-width:194px;padding:19px 10px 16px 65px}.resources__filter-audience:hover{color:#fff}.resources__filter-audience .resources__filter-icon--white,.resources__filter-audience:hover .resources__filter-icon--gradient{opacity:0;visibility:hidden}.resources__filter-audience.resources__filter-audience--active .resources__filter-icon--white,.resources__filter-audience:hover .resources__filter-icon--white{opacity:1;visibility:visible}.resources__content{padding:24px 23px 34px}.resources__link .card-overlay{height:4px}.resources__link:hover .card-overlay{height:100%}@media only screen and (max-width:1199px){.resources__grid{grid-template-columns:repeat(2,minmax(0,402px))}}@media only screen and (min-width:992px){.resources__topics{max-width:340px}}@media only screen and (max-width:991px){.resources__filters{border-bottom:none;width:25%}.resources__wrap{width:75%}}@media only screen and (max-width:767px){.resources__grid{grid-template-columns:repeat(1,minmax(0,402px))}.resources__type{left:30px}.resources__type--icon{padding-left:44px}.resources__type-icon{left:11px;scale:75%;top:7px}.resources__read-time:before{top:1px}.resources__filters{background:#eeeff2;width:100%}.resources .container{padding:0}.resources__wrap{padding:0 32px}.resources__filters .resources__filter-audience{background-color:#fff;max-width:none}.resources__wrap{width:100%}.resources__grid{grid-template-columns:repeat(1,minmax(0,100%))}.resources__wrap{padding:32px}.resources__filters-wrap{display:none}.resources__filters-wrap .inner-wrap{padding:0 20px 20px}.resources__types{margin-bottom:14px}.resources__filter-mobile.resources__filter-mobile--active svg{transform:rotate(-90deg)}.resources__filter-mobile h2{font-size:18px}.resources__type span{font-size:14px}.resources .container .row{margin-left:0;margin-right:0}#resourcesHub{padding:0}.resources__filter-mobile{appearance:none;border:none;padding:17px 16px 16px}}@media (max-width:727px){.resources__wrap{padding:32px 16px}}