/* ----------------------------------------- */ /* View: Market areas View - start */ /* ----------------------------------------- */ .market-area { padding-left: 5px; padding-right: 5px; } .market-area .market-area-image { position: relative; width: 100%; height: 200px; background-repeat: no-repeat; background-size: 100%; background-position: center; background-blend-mode: multiply; text-align: center; vertical-align: middle; } .market-area .market-area-image { background-color: #000; } .market-area .market-area-image img { width: 100%; height: 200px; } .market-area .market-area-image h3 { color: #ffffff; position: absolute; top: 0; /* left: 20%; */ margin: auto; left: 00; right: 0; vertical-align: middle; bottom: 0; } .market-area .market-area-image h3:hover { background-color: rgba(0,0,0,0.5); } .market-area .market-area-image h3 span { top: 40%; position: absolute; left: 0; right: 0; } /* ----------------------------------------- */ /* View: Market areas View - end */ /* ----------------------------------------- */