@media screen and (max-width:575px){.resources_container{display:flex;justify-content:center}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#b3e5fc;color:#33475b;font-family:AvenirNext,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.625;margin:0;padding:0}body .resources-container{display:flex;justify-content:center;margin:0 auto;max-width:1141px}.resources-sidebar-container{width:28%}.sidebar-filters{background-color:#fff;border-radius:4px;box-shadow:0 0 11px rgba(33,33,33,.2);padding:20px 15px}.sidebar-filters h2{border-bottom:2px solid #e8e8e8;color:#475761;font-size:19.5px;font-weight:400;letter-spacing:0;margin:0;padding-bottom:10px}.sidebar-filters .filter-group{border:none;border-bottom:2px solid #e8e8e8;margin:2px 0;padding:30px 0}.sidebar-filters .filter-group h3{color:#475761;font-size:15px;font-weight:400;margin:0 0 4px}.filter-group .filter-search{display:-webkit-flex;display:flex;margin:3px 0;width:100%}.filter-search form{position:relative}.filter-group input#search-by{-webkit-appearance:none;border:1px solid #dbe2eb;border-radius:3px 0 0 3px;border-right:none;flex:1 0 auto;font-size:14px;letter-spacing:.1px;line-height:2.5;max-width:calc(100% - 30px);min-height:34px;padding:0 8px}.filter-group .search-button{-webkit-appearance:none;background-color:transparent;border:1px solid #dbe2eb;border-left:none;border-radius:0 3px 3px 0;height:37px;padding:0;position:absolute;right:0;top:0;width:30px}.search-button:before{background-color:#00769b;content:"";height:6px;left:16px;position:absolute;top:17px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:2px}.search-button:after{border:2px solid;border-radius:100%;color:#00769b;content:" ";height:10px;left:7px;position:absolute;top:10px;width:10px}.filter-group a{color:#0091ae;display:block;font-size:14.5px;font-weight:500;line-height:1.2;padding:4.5px 0;text-decoration:none}.filter-group a:hover{color:#007a8c;text-decoration:underline}.sidebar-social{margin-bottom:20px}.sidebar-social h3{color:#475761;font-size:15.25px;font-weight:400;letter-spacing:0;margin:23px 0 11px;text-align:center;text-transform:uppercase}.sidebar-social-icons{text-align:center}.sidebar-social a{text-decoration:none}.resources-results-container{width:70%}.resource-items-container{column-gap:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center}.resource-items-container .resource-item{-webkit-align-content:center;align-content:center;background-color:#fff;background-color:#f7f7f7;border-radius:6px;box-shadow:0 0 11px rgba(33,33,33,.2);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:20px;min-width:250px;padding:15px;position:relative;transition:box-shadow .3s;width:31.5%}.resource-items-container .resource-item:hover{box-shadow:0 10px 50px -5px rgba(0,0,0,.15)}.resource-items-container .resource-item .item-content{height:100px;-webkit-order:2;order:2;padding:5px;transition:filter .3s;vertical-align:center}.resource-item h2{color:#475761;font-size:1.24em;font-weight:400;letter-spacing:.02em;line-height:1.3;margin:0}.resource-item h2 a{color:#000;font-weight:500;text-decoration:none}.resource-item .tag{color:#a7a9ac;font-size:14px}.resource-item .tag2{color:#369;font-size:16px}.resource-items-container .resource-item .item-image{background-color:#fff;height:163px;margin:0;-webkit-order:1;order:1;overflow:hidden;transition:filter .3s;vertical-align:center}.resource-item .item-image .item-link{display:block;height:100%;position:relative;width:100%}.resource-item .item-image .item-link img{bottom:-100%;left:-100%;margin:auto;max-height:100%;max-width:100%;position:absolute;right:-100%;top:-100%}.resource-items-container .resource-item figcaption{border-radius:4px;color:#fff;height:100%;left:0;opacity:0;overflow:hidden;padding:19px;position:absolute;text-overflow:ellipsis;top:0;transition:background-color .3s,opacity .3s;width:100%;z-index:1}.resource-items-container .resource-item:hover figcaption{background-color:rgba(81,111,144,.96);font-size:14.5px;font-weight:550;line-height:1.455;opacity:1;text-overflow:clip}.resource-items-container .resource-item figcaption strong{display:block;letter-spacing:.02em;line-height:1.25em}.resource-item .item-cta{background-color:#ff7a59;border-radius:4px;bottom:19px;color:#fff;display:inline-block;font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;left:19px;padding:2px 25px;position:absolute;right:19px;text-align:center;transition:background-color .5s;z-index:2}.item-cta:hover{background-color:#ff8f73;color:#fff;text-decoration:none}.resource-item.featured{flex-direction:row;width:100%}.resource-item.featured .item-content{align-self:center;padding:88px 9px 65px 19px;width:63%}.resource-item.featured .item-content h2{font-size:1.79em;max-width:415px}.resource-item.featured .item-image{border-bottom-left-radius:4px;border-top-left-radius:4px;height:auto;width:37%}.resource-item.featured .item-image img{max-width:none;min-height:100%;min-width:100%;object-fit:cover}.featured-ribbon{height:42px;position:absolute;right:12px;top:0;transition:filter .3s;width:32px}.featured-ribbon:before{background-color:#f8cd9c;content:"";display:block;height:32px}.featured-ribbon:after{border-bottom:10px solid transparent;border-left:16px solid #f8cd9c;border-right:16px solid #f8cd9c;bottom:0;content:"";height:0;left:0;position:absolute;width:0}.featured-ribbon .featured-star{background:url(https://cdn2.hubspot.net/hubfs/53/assets/hubspot.com/marketing-library/ml-sprite.png) 0 0;display:block;height:15px;left:9px;overflow:hidden;position:absolute;top:8px;width:15px;z-index:1}.tutorial_name{min-height:100px}.bottom{bottom:0;font-size:14px;left:0;position:absolute}