/* ----------------------------------------- */ /* Plantilla de contenido: loop-item-in-marcas-mujerglobal - inicio */ /* ----------------------------------------- */ .contenedor-imagen-marca { width: 100%; margin: 0px; padding: 0px; position: relative; border: 1px solid white; border-radius: 5px; } .contenedor-imagen-marca-sub { width: auto; margin: 4px; padding: 0px; position: relative; background-color: #ffffff; } .contenedor-hover-marca { z-index: 3; position: absolute; top: 0; left: 0; display: block; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; opacity: 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; -ms-transition: .3s ease; transition: .3s ease; } .contenedor-hover-marca::before { content: '\e050'; position: absolute; top: 60%; left: 50%; display: inline-block; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; -ms-transition: .3s ease; transition: .3s ease; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 32px; font-family: 'ET-Extra' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 32px; color: #ffffff; } .contenedor-imagen-marca-sub a:hover .contenedor-hover-marca { opacity: 1; } .contenedor-imagen-marca-sub a:hover .contenedor-hover-marca::before { top: 50%; } /* ----------------------------------------- */ /* Plantilla de contenido: loop-item-in-marcas-mujerglobal - fin */ /* ----------------------------------------- */