Cause & Effect

/* ----------------------------------------- */ /* View slug: single-client-tax-grid - start */ /* ----------------------------------------- */ .form-group {width:60%;margin:0 auto; padding:20px;background-color: #efefef;} div.form-group label {width:30%;float:left;font-size:26px;} div.form-group #filter-drop {width:60%;float:right;} /* ----------------------------------------- */ /* View slug: single-client-tax-grid - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-single-client-tax-grid - start */ /* ----------------------------------------- */ .clientrow {margin-top:40px; margin-bottom:40px;} .post_thumbnail_link { position: relative; display: block; width: 100%; margin-bottom:40px; } .post_thumbnail_link::after { display: block; content: ""; background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.35)),color-stop(75%,transparent)); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.35),transparent 75%); background-image: -o-linear-gradient(bottom,rgba(0,0,0,.35) 0,transparent 75%); background-image: linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%); background-repeat: no-repeat; height: 100%; width: 100%; position: absolute; bottom: 0; opacity: 1; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .post_thumbnail_link img {width:100%; height:250px; object-fit:cover;} .post_card { overflow: hidden; position: relative; margin-bottom:5px; background-color: #fff; width: 100%; min-height: 100%; border-radius: 3px; border: 0 solid #818a91; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); box-shadow: 0 0 10px 0 rgba(0,0,0,.15); } .post_card:hover {opacity:.9;} .post_card h3 { margin-top:20px; font-size:21px; font-weight:bold; color:#54595f; padding:0 30px;} .post_card h3 a {color:#54595f;} .post_badge { position: absolute; top: 0; right:0; background: #ef6a2f; color: #fff; font-size: 12px; padding: .6em 1.2em; line-height: 1; font-weight: 400; margin: 20px; border-radius: 999px; text-transform:uppercase; } .post_badge a { color:white; text-transform:uppercase;} @media (max-width:750px) { .post_thumbnail_link img {height:auto;} } /* ----------------------------------------- */ /* Content Template: loop-item-in-single-client-tax-grid - end */ /* ----------------------------------------- */