/* ----------------------------------------- */ /* View slug: case-study-duplicate - start */ /* ----------------------------------------- */ .button-res { text-align: right; font-family: lab grotesque; color: #000; background-color: #f0f2f1!important; font-size: 13px; } .button-res input.wpv-reset-trigger.js-wpv-reset-trigger.btn { padding: 0px; color: #000; background-color: #f0f2f1!important; } .label-group h2{ line-height: 2.3em; font-size: 15px; font-family: "Lab Grotesque",Arial,Helvetica,Sans-Serif;c color: #3d3e44; } .label-group { float : left; width: 5%; height:auto; } .cat-group { width: 23.75%; height:auto; float: left; } .sector-group { width: 23.75%; height:auto; float: left; } .product-group { width: 23.75%; height:auto; float: left; } .location-group { width: 23.75%; height:auto; float: left; } .form-group { margin-right: 2%; } .form-control { height: 50px; padding: 1px 12px; font-weight: 500; font-size: 16px; line-height: 2.3em; color: #555555; background-color: #ffffff; border: none!important; } @media only screen and (max-width: 361px) { .label-group { width: 100%; } .cat-group { width: 100%; height:auto; float: left; } .sector-group { width: 100%; height:auto; float: left; } .product-group { width: 100%; height:auto; float: left; } .location-group { width: 100%; height:auto; float: left; } } /* ----------------------------------------- */ /* View slug: case-study-duplicate - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-case-study-duplicate - start */ /* ----------------------------------------- */ h4 { padding-top: 5%; padding-bottom: 8%; font-family: "Lab Grotesque",Arial,Helvetica,Sans-Serif; font-size: 18px; text-transform: uppercase; color: #fff!important; letter-spacing: -0.03em; line-height: 1.3; } a{ color:#000; } .hover-effect a { color: #fff!important; vertical-align: bottom; } .hover-effect h3 { position: absolute; bottom: 0; left: 0; text-transform: uppercase; font-size: 25px; display: none; color: #fff; font-family: TradeGothicLTPro-BdCn20; z-index:1; } .hover-effect:hover h3 { position: absolute; left:5%; bottom: 5%; text-transform: uppercase; font-size: 25px; display: inline-block; padding: 5%; color: #fff; font-family: TradeGothicLTPro-BdCn20; z-index:1; vertical-align: bottom!important; letter-spacing: -0.03em; line-height: 1.1; } .img-before-overaly { position: relative; display: inline-block; background: #fff; display: inline-block; } .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 */ /* ----------------------------------------- */