.slide-overlay { .slide-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, transparent 0%, transparent 65%, rgba(0, 0, 0, 0.33) 99%, rgba(0, 0, 0, 0.33) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 65%, rgba(0, 0, 0, 0.33) 99%, rgba(0, 0, 0, 0.33) 100%); } .post-meta .socials li { float: left; } .group:before, .group:after { content: " "; display: table; } ul.socials span { color: #494949; float: left; padding: 3px 6px 0; text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; font-weight: 400; } .post-meta .read-more { float: right; position: relative; top: 2px; display: inline-block; padding: 5px 15px; background: #fff; border: solid 1px #ebebeb; font-family: "Montserrat", sans-serif; font-size: 11px; z-index: 3; text-transform: uppercase;color:#333; } .post-meta .read-more:hover { background: #ebebeb; } .post-meta .socials { position: relative; border: solid 1px #ebebeb; background: #fff; z-index: 4; padding: 3px 3px 2px 7px; margin-top: 2px; float: left; } .post-meta .socials a { padding: 3px 5px; margin: 0 5px 0 0; color: #333; } .post-meta:before { content: ''; position: relative; top: 21px; left: 0; width: 100%; height: 1px; background: #ebebeb; z-index: 2; } .post-meta .socials li a{ display: block; .post-meta .socials li a{ display: block;