Cases | Fresno Marketing & Advertising Agency

/* ----------------------------------------- */ /* View slug: cases - start */ /* ----------------------------------------- */ .portfolio-list { width: 90%; margin: 0 auto; } .portfolio-list .col-sm-6 { padding: 5px !important; } /* ----------------------------------------- */ /* View slug: cases - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in Cases - start */ /* ----------------------------------------- */ .portfolio-item { background-size: cover !important; height: 300px; position: relative; overflow: hidden; } .portfolio-item:before { content: ""; position: absolute; z-index: 1; left:0; right:0; top:0; bottom:0; background: rgba(199,60,64,1); opacity: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .portfolio-item:hover:before { content: ""; opacity: .90; } .portfolio-item figure { position: relative; font-size: 1.2vw; color: #fff; text-align: center; opacity: 0; top: 60%; z-index: 10; transform: translateY(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .portfolio-item:hover figure { top: 50%; transform: translateY(-50%); font-size: 2vw; color: #fff; opacity: 1; } .portfolio-item figure p { font-size: 20px; color: #fff; font-weight: 400; } .portfolio-item a { position: absolute; left:0; right:0; top:0; bottom:0; z-index: 100; } /* ----------------------------------------- */ /* Content Template: Loop item in Cases - end */ /* ----------------------------------------- */