ul.sub-menu li.menu-item a:hover{
background-color:#e1b261 !important;
text-decoration: unset !important;
} .image-container-custom-001::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transform: rotateX(90deg);
transform-origin: center;
transition: transform 0.6s, opacity 0.6s;
z-index: 1;
} .image-container-custom-001:hover::before {
opacity: 1;
transform: rotateX(0);
}
.image-container-custom-001:hover::after {
opacity: 1;
} .image-container-custom-001::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity:0;
pointer-events: none; background: linear-gradient(
to top,
transparent 0%,
transparent calc(30px - 1px),
#e1b261 calc(30px - 1px),
#e1b261 calc(30px + 1px),
transparent calc(30px + 1px),
transparent 100%
),
linear-gradient(
to left,
transparent 0%,
transparent calc(100% - 30px - 1px),
#e1b261 calc(100% - 30px - 1px),
#e1b261 calc(100% - 30px + 1px),
transparent calc(100% - 30px + 1px),
transparent 100%
);
} .image-container-custom-001::before,
.image-container-custom-001::after {
pointer-events: none; }