.top-banner{text-align:center;box-sizing:border-box;background:#352f2f;margin-top:0;padding:50px 0 0;position:relative;overflow:hidden}.top-banner h2{letter-spacing:-1px}.top-banner span{color:#fff;text-shadow:0 -1px 1px #000;font:17px/19px Arial,Helvetica,sans-serif}.top-banner .banner-link{width:100%;margin:38px 0 0}.top-banner .banner-link a:hover{opacity:.7;text-decoration:none}a.teal-btn{-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;color:#fff;text-transform:uppercase;text-align:center;background:#52d0b6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:25px 35px;font:700 18px/20px Helvetica Neue,Helvetica,Arial,sans-serif;display:inline-block;position:relative;box-shadow:inset 0 1px #ffffff26,0 1px 3px #000}.homepage .top-banner{background:#1e1e1e url(https://medialoot.com/assets/img/site/homepage-banner.jpg) 50%;height:500px;padding:0;overflow:visible}.homepage .top-banner h2{text-align:center;letter-spacing:0;margin-top:0;padding-top:150px;font:700 56px Helvetica Neue,Helvetica,Arial,Geneva,sans-serif}.homepage .top-banner span{text-align:center;color:#e3e3e3;margin:10px 0;font-size:22px;display:block}.homepage .top-banner div.banner-link{text-transform:uppercase;margin:38px auto 0}.top-banner{background:url(https://s3.medialoot.com/resources/homepage-banner-small.jpg) 50%/cover no-repeat}#main{color:#666;width:100%;padding:129px 0 0;position:relative}.homepage #main{background-color:#f7f7f7;padding:20px 0 0}#main:after{clear:both;content:"";display:block}div.clear{clear:both}.homepage div.metadata{float:left;width:396px}.homepage div.metadata p{float:left;float:left;color:#8e8e8e;background:url(//medialoot.com/assets/img/site/blog-sprite.png) -580px 4px no-repeat;margin:5px 25px 5px 0;padding:0 0 20px 25px;font-weight:700;line-height:26px}.homepage div.metadata p a{color:#8e8e8e}.homepage div.metadata p{color:#8e8e8e;padding-bottom:0;font-size:12px;font-style:normal;font-weight:400}.homepage div.metadata p.date{background-position:-580px -363px}.homepage div.metadata p.author{background-position:-580px -313px}.homepage div.metadata p.comments{background-position:-580px -472px}.homepage .category.articles h3 a{clear:both;color:#292c31;font-size:28px;font-style:normal;font-weight:400}.homepage .category.articles a.read-more{float:right;color:#a4a4a4;text-shadow:0 1px #fff;background-color:#ececec;border-radius:3px;padding:4px 7px;font:700 12px Helvetica Neue,Arial,Helvetica,Geneva,sans-serif;display:inline-block}.homepage .category{margin:0 -4px;padding:80px 0;position:relative}.homepage .category.articles{float:left;width:395px}.homepage .category h3{text-align:left;margin:0;padding:0 0 10px}.homepage .newest .category h3{text-align:center}.homepage .category h3 a{color:#333;letter-spacing:0;margin-left:4px;font:700 30px Helvetica Neue,Helvetica,Arial,Geneva,sans-serif}.homepage .category.articles h3 a{margin-left:0;font:700 30px Helvetica Neue,Helvetica,Arial,Geneva,sans-serif}.homepage .category.articles .post h3 a{font:400 28px Helvetica Neue,Helvetica,Arial,Geneva,sans-serif}.homepage .category a.more-category{color:#2eb3ed;font-size:18px;position:absolute;top:90px;right:0}.homepage .category.freebies a.more-category{right:17px}.homepage div.resource-block{float:left;width:277px;height:215px;box-sizing:initial;background-color:#fff;border:1px solid #f0f0f0;border-radius:5px;margin:4px;position:relative;box-shadow:0 1px #e3e3e3}.homepage div.resource-block img,.homepage .post img{border-radius:5px 5px 0 0}.homepage div.resource-block.half{width:564px;height:440px}.homepage div.resource-block h4{padding:0}.homepage div.resource-block h4 a{color:#333;width:220px;margin:5px 8px 0;font:14px Helvetica Neue,Arial,Helvetica,Geneva,sans-serif;display:block}.homepage div.resource-block.half h4 a{letter-spacing:0;color:#333;width:430px;margin:10px 20px 2px;font:20px Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;display:block}.homepage div.resource-block subtitle{float:left;color:#a7a7a7;text-align:left;width:430px;margin:0 20px;font-size:14px}.homepage div.resource-block p.price{color:#333;background-color:#f1f1f1;border-radius:5px;margin:0;padding:2px 8px;font-size:14px;position:absolute;bottom:7px;right:8px}.homepage div.resource-block.half p.price{padding:8px 12px;font-size:18px;bottom:20px;right:20px}.homepage .category.freebies{float:left;width:697px;height:670px;margin:0 60px 0 -4px;position:relative}.homepage .category.freebies .resource-block{width:327px;height:270px;box-shadow:none;background-color:#0000;border-style:none;border-radius:0;margin-right:17px}.homepage .category.freebies .resource-block h4 a{margin:10px 0;font-size:14px;font-weight:700}.homepage .category.freebies .resource-block p.download a{background:url(//medialoot.com/assets/img/site/sprite_site.png) -382px -3442px no-repeat;width:16px;height:23px;margin:0;padding:0;display:block;position:absolute;bottom:20px;right:0}.homepage .category.articles .post p{color:#494949;font:15px/26px lft-etica-n4,lft-etica,Arial,sans-serif}.homepage .articles .post{margin-top:4px}.homepage .grey-bg{background-color:#1d262e}.homepage div.trending{margin:20px -10px;padding-bottom:150px}.homepage a.trending-resource img,.homepage .post img{object-fit:cover}.homepage h3{text-align:center;text-shadow:none;padding:140px 0 10px;font-size:36px;font-weight:700}.homepage .grey-bg h3 a{color:#fff}.homepage .h3link{text-align:center;color:#31b5eb;letter-spacing:1px;padding:10px 0 30px;font-family:lft-etica-n7,lft-etica,Arial,Helvetica,sans-serif;font-size:18px}