/* ----------------------------------------- */ /* View slug: case-study-duplicate - start */ /* ----------------------------------------- */ .button-res { text-align: right; font-family: lab grotesque; color: #000; background-color: #f0f2f1!important; font-size: 12px; } .button-res input.wpv-reset-trigger.js-wpv-reset-trigger.btn { padding: 0px; color: #000; background-color: #f0f2f1!important; } .label-group { float : left; width: 10%; height:auto; } .label-group h2{ line-height: 2.3em; font-size: 14px; font-family: "Lab Grotesque",Arial,Helvetica,Sans-Serif;c color: #3d3e44; } .cat-group { width: 30%; height:auto; float: left; } .sector-group { width: 30%; height:auto; float: left; } .product-group { width: 30%; height:auto; float: left; } .form-group { margin-right: 2%; } .form-control { height: 50px; padding: 1px 12px; font-size: 14px; line-height: 2.3em; color: #555555; background-color: #ffffff; border: none!important; } /* ----------------------------------------- */ /* View slug: case-study-duplicate - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-case-study-duplicate - start */ /* ----------------------------------------- */ h4 { padding-top: 8%; padding-bottom: 8%; font-family: "Lab Grotesque",Arial,Helvetica,Sans-Serif; font-size: 18px; text-transform: uppercase; color: #fff!important; } a{ color:#000; } .hover-effect a { color: #fff!important; vertical-align: bottom; } .hover-effect { vertical-align: bottom; } .hover-effect h3 { position: absolute; left:5%; text-transform: uppercase; font-size: 25px; display: none; padding-top: 75%!important; color: #fff; font-family: TradeGothicLTPro-BdCn20; z-index:1; } .hover-effect:hover h3 { position: absolute; left:5%; min-height: 80px; text-transform: uppercase; font-size: 25px; display: inline-block; padding: 5%; color: #fff; font-family: TradeGothicLTPro-BdCn20; z-index:1; } .img-before-overaly { position: relative; display: inline-block; background: #fff; display: inline-block; } .img-before-overaly > img { vertical-align: middle; } .img-before-overaly::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height:100%; background: #004d77; opacity: 0; transition: .5s ease; } .img-before-overaly:hover::before { opacity: 0.80; } .hover-effect { padding-top: 5%; } /* ----------------------------------------- */ /* Content Template: loop-item-in-case-study-duplicate - end */ /* ----------------------------------------- */