.scores-wrapper{width:200px;float:left;margin:0;background:#f9f9f9}.body.single{padding-top:0!important}.body.single h1{clear:both;padding-top:20px}.scores-wrapper:after{content:" ";width:0;height:0;display:block;clear:both;float:none}.score-wrap{position:relative}.score-wrap .icon{display:inline-block;width:45px;height:45px;background-image:url(../images/ecosystem.png);background-repeat:no-repeat;background-size:contain;margin:5px 10px 0 0}.score-wrap.views-score .icon{background-image:url(../images/reads-icon-red.png);background-position:center;width:35px;height:35px;margin-right:5px}.score-wrap.shares-score .icon{background-image:url(../images/share-red.png);background-position:center;width:30px;height:20px}.score-wrap.hearts-score .icon{background-image:url(../images/heart-on-state-mag.png);background-position:center;width:30px;height:20px}.score-wrap.comments-score .icon{background-image:url(../images/comment-red.png);background-position:center;width:30px;height:20px}.score-wrap.editors-pick-score .icon{background-image:url(../images/star-icon.png);background-position:center;width:30px;height:20px}.score-details .score-wrap.total-score .icon{background-image:url(../images/ecosystem.png);background-position:center;width:32px;height:32px;margin-right:7px}.total-score{cursor:pointer}#scores-backdrop,.score-details{display:none}.score-bar-left .meta-item.score .score-details{display:none}.score-details{position:fixed;top:20%;left:calc(50% - 200px);z-index:99999;background:#fff;max-width:420px;width:400px;padding:30px 50px;border:1px solid #f5cb27;line-height:14px;text-align:left}.score-details .icon{background-position:center;width:35px!important;height:35px!important;margin-right:5px!important}.overlay-close{position:absolute;top:0;right:5px;color:#595e5f;font-size:13px;font-weight:700}#scores-backdrop{position:fixed;-webkit-transform:translateZ(0);width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.75);z-index:99998}.score-wrap .copy{color:#595e5f;text-transform:uppercase;font-size:11px;display:inline-block;line-height:14px;font-weight:700;text-decoration:underline;vertical-align:top;padding:20px 0 0}.score-details .score-wrap{height:45px}.score-details .score-wrap .copy{padding:10px 0 0;text-decoration:none;font-size:13px}.score-details .score-wrap.total-score .copy{color:#cf3f1c}.score-wrap .scorebar-wrap{display:block;height:3px;background:rgba(200,200,200,.25);position:relative}.score-wrap .scorebar-wrap .scorebar{display:block;position:absolute;left:0;top:0;height:100%;background:#ffe5a0}.score-details .score-wrap .scorebar-wrap{width:calc(100% - 43px);position:absolute;right:0;bottom:15px}.score-wrap .score-score{position:absolute;display:block;width:45px;height:45px;line-height:43px;text-align:center;top:5px;color:#595e5f;font-size:11px;font-weight:700}.total-score .score-wrap .score-score{left:0}.score-details .score-wrap .score-score{right:0;display:none}.score-details .score-wrap.total-score .score-score{display:block;right:-15px;top:19px;color:#cf3f1c;font-size:15px}.score-details .score-wrap .scorebar{background-color:#c7c7c7}.score-details .score-wrap.total-score .scorebar{background-color:#cf3f1c}.score-details .overlay-intro{padding-left:40px}.score-details .overlay-intro h4{color:#595e5f;font-size:15px;font-weight:700;margin:0 0 8px;padding:0;text-transform:uppercase}.score-details .overlay-outro{text-align:center;margin:15px 0 0}.score-details .overlay-outro a{color:#595e5f}.classic-post{padding:14px 0 0;font-size:19px;font-style:italic;color:#f88800;font-family:libre baskerville,serif;width:160px;float:left}.classic-post span{color:#585e5f;font-family:libre baskerville,serif}.mindful-post{font-style:italic;padding:10px 0 0;font-size:19px;color:#f88800}.mindful-post .mindful-icon{display:inline-block;width:40px;height:40px;background:url(../images/partner.png) center no-repeat transparent;background-size:contain;position:relative;top:11px}@media screen and (max-width:768px){.score-details{position:fixed;top:5%;left:5%;background:#fff;max-width:420px;width:90%;padding:30px 50px}.scores-wrapper{width:140px}.score-wrap .score-score,.score-wrap .icon{width:37px;height:37px;line-height:37px}.score-wrap .copy{padding-top:17px}.score-wrap .non-mobile{display:none}.score-details .overlay-intro{padding-left:0}}@media screen and (max-width:320px){.editors-pick{width:130px;margin-left:0!important;margin-top:10px!important;padding:0!important;float:right;text-align:right}.editors-star{margin-right:2px!important}.classic-post{font-size:16px;width:120px}}