@keyframes changeLetter{0%{width:10%}to{width:80%}}.intro{font-style:italic;line-height:18px;margin:0 auto;width:170px}.intro,.intro a{color:#ddd}.intro a:hover{text-decoration:underline}.card-info{bottom:-40px;box-sizing:border-box;font-style:16px;left:0;line-height:24px;margin:0 auto;opacity:0;padding:0 50px;position:absolute;transition:bottom .64s,opacity .63s cubic-bezier(.33,.66,.66,1);width:100%;z-index:20}.card-info a{background:#fff;border-radius:2px;color:#444;display:block;font-size:.8em;margin:15px auto;padding:3px 10px;width:100px}.card-info a:hover{background:#8e7c49;color:#fff}.card-info a:hover span{filter:brightness(10);opacity:1}.utility-info{bottom:0;left:0;position:absolute;text-align:left;width:100%;z-index:20}.utility-info:after{background:url(https://rawcdn.githack.com/Nodws/NodPen/ffad95aa5244b4b09a3c7c1508a018959bbedb7e/postItem/licons.svg) 50% no-repeat;background-size:30px auto;bottom:25px;content:" ";display:block;height:15px;opacity:.4;position:absolute;right:15px;width:30px}.utility-info a:hover{text-decoration:underline}.utility-list{list-style-type:none;margin:0 0 10px 20px;padding:0;width:100%}.utility-list li{display:inline-block;font-size:.8em;margin:0 5px 0 0;padding:3px 0 15px}.licon{height:15px;position:relative;width:23px}.licon,.licon:before{display:inline-block;vertical-align:middle}.licon:before{background:url(https://rawcdn.githack.com/Nodws/NodPen/ffad95aa5244b4b09a3c7c1508a018959bbedb7e/postItem/licons.svg?) -2px -6px no-repeat;background-size:250px;content:"";height:20px;left:0;position:absolute;top:-3px;width:26px}.icon-white{filter:brightness(10)}.icon-black{filter:brightness(0);opacity:.6}.icon-like:before{background-position:-183px -6px}.icon-com:before{background-position:-63px -4px}.icon-dat:before{background-position:-94px -7px}.icon-tag:before{background-position:-33px -6px}@media (max-width:750px){.utility-info{text-align:center}.utility-info ul{box-sizing:border-box;margin:0;width:100%}.utility-info li{box-sizing:border-box;display:inline-block;margin:0;width:49%}}@media (max-width:500px){.utility-info li:last-of-type{width:100%}.card-info{display:none}.blog-card:hover .title-content,.title-content{margin-top:40px}.blog-card{height:300px}.blog-card h3{font-size:1.3em}.intro{font-size:.8em}}.blog-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#fff;box-shadow:0 3px 7px -1px rgba(0,0,0,.1);display:-webkit-box;display:flex;flex-direction:column;line-height:1.4;margin:.8rem auto 1.6%;overflow:hidden;z-index:0}.blog-card a{color:inherit}.blog-card a:hover{color:#00a3e0}.blog-card:hover .photo{-webkit-transform:scale(1.3) rotate(3deg);transform:scale(1.3) rotate(3deg)}.blog-card .meta{height:200px;position:relative;z-index:0}.blog-card .photo{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.blog-card .details,.blog-card .details ul{list-style:none;margin:auto;padding:0}.blog-card .details{background:rgba(0,0,0,.6);bottom:0;color:#fff;font-size:.9rem;left:-100%;margin:auto;padding:10px;position:absolute;top:0;-webkit-transition:left .2s;transition:left .2s;width:100%}.blog-card .details a{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.blog-card .details ul li{display:inline-block}.blog-card .details .author:before{content:"\f007";font-family:FontAwesome;margin-right:10px}.blog-card .details .date:before{content:"\f133";font-family:FontAwesome;margin-right:10px}.blog-card .details .tags ul:before{content:"\f02b";font-family:FontAwesome;margin-right:10px}.blog-card .details .tags li{margin-right:2px}.blog-card .details .tags li:first-child{margin-left:-4px}.blog-card .description{background:#fff;padding:1rem;position:relative;z-index:1}.blog-card .description h1,.blog-card .description h2{font-family:inherit}.blog-card .description h1{color:#181870;font-family:Open Sans,Bitter,Georgia,serif;font-size:1.2rem;font-weight:700;line-height:1.2;margin:0}.blog-card .description h2{color:#a2a2a2;font-size:1rem;font-weight:300;margin-top:5px;text-transform:uppercase}.blog-card .description .read-more{text-align:right}.blog-card .description .read-more a{color:#00a3e0;display:inline-block;font-size:1rem;position:relative}.blog-card .description .read-more a:after{content:"\f061";font-family:FontAwesome;margin-left:-10px;opacity:0;-webkit-transition:margin .3s,opacity .3s;transition:margin .3s,opacity .3s;vertical-align:middle}.blog-card .description .read-more a:hover:after{margin-left:5px;opacity:1}.blog-card p{margin:1rem 0 0;position:relative}.blog-card p:first-of-type{margin-top:1.25rem}.blog-card p:first-of-type:before{background:#425563;border-radius:3px;content:"";height:5px;position:absolute;top:-.75rem;width:35px}.blog-card:hover .details{left:0}@media (min-width:640px){.blog-card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;max-width:700px;min-height:171px}.blog-card .meta{flex-basis:50%;height:auto}.blog-card .description{flex-basis:50%}.blog-card .description:before{background:#fff;bottom:0;content:"";left:-10px;position:absolute;top:0;width:30px;z-index:-1}.blog-card.alt{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.blog-card.alt .description:before{left:inherit;right:-10px;-webkit-transform:skew(3deg);transform:skew(3deg)}.blog-card.alt .details{padding-left:25px}}.wrapper{margin:50px auto;max-width:400px;padding-left:1em;padding-right:1em}.border-tlr-radius{border-top-left-radius:2px;border-top-right-radius:2px}.text-center{text-align:center}.radius{border-radius:2px}.padding-tb{padding-bottom:1.6rem;padding-top:1.6rem}.shadowDepth0{box-shadow:0 1px 3px rgba(0,0,0,.12)}.shadowDepth1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.card{background-color:#fff;margin-bottom:1.6rem}.card__padding{padding:1.6rem}.card__image{background-color:#eee;min-height:100px}.card__image img{display:block;max-width:100%;width:100%}.card__content{position:relative}.card__meta time{color:#bbb;font-size:1.5rem;margin-left:.8rem}.card__article a{color:#444;text-decoration:none;transition:all .5s ease}.card__article a:hover{color:#2980b9}.card__action{overflow:hidden;padding-bottom:1.6rem;padding-left:1.6rem;padding-right:1.6rem}.card__author img,.card__author-content{display:inline-block;vertical-align:middle}.card__author img{border-radius:50%;margin-right:.6em}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/308166/hub_generated/template_assets/25622625610/1661513082893/Coded_files/Custom/page/OpsRamp_Feb20-theme/OpsRamp-blog-cards-Feb20.css */