.portfolio .gb-query-loop-wrapper {
margin: 0 -3px 48px;
}
.portfolio .gb-query-loop-wrapper > div {
width: 33.3%;
padding: 3px;
}
.portfolio .gb-query-loop-item .gb-inside-container {
position: relative;
padding: 0;
height: 100%;
}
.portfolio .gb-query-loop-item figure {
margin-bottom: 0;
height: 100%;
width: 100%;
}
.portfolio .gb-query-loop-item figure a:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(0.12deg, #000000 0.1%, rgba(0, 0, 0, 0) 99.9%);
opacity: 0;
transition: 1s;
}
.portfolio .gb-query-loop-item h2 a:before,
.portfolio .gb-query-loop-item .gb-heading2 a:before {
content: "";
display: block;
height: 50px;
width: 50px;
margin: auto;
background: url(https://lunas.pro/wp-content/themes/generatepress_child/src/portfolio-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: brightness(0) invert(1);
margin-bottom: 30px;
opacity: 0;
transition: 0.5s;
}
.portfolio .gb-query-loop-item img {
height: 100%;
width: 100%;
}
.portfolio .gb-query-loop-item .gb-headline {
position: absolute;
bottom: 0;
padding: 30px;
cursor: pointer;
opacity: 0;
transition: 0.5s;
}
.portfolio .gb-query-loop-item .gb-headline a {
text-decoration: none !important;
}
.portfolio .gb-button-wrapper {
justify-content: center;
}
.portfolio .gb-query-loop-item .gb-inside-container:hover > .gb-headline,
.portfolio .gb-query-loop-item .gb-inside-container:hover > h2 a:before,
.portfolio
.gb-query-loop-item
.gb-inside-container:hover
> .gb-heading2
a:before,
.portfolio .gb-query-loop-item .gb-inside-container:hover > figure a:before {
opacity: 1;
}
@media (max-width: 781px) {
.portfolio .gb-query-loop-wrapper {
display: flex;
margin: 0 -3px 48px;
}
.portfolio .gb-query-loop-wrapper > div {
flex-basis: 100%;
height: 386px;
padding: 0;
}
.portfolio .gb-query-loop-item .gb-headline {
padding: 20px;
}
.portfolio .gb-query-loop-item figure a:after {
height: 74px;
width: 74px;
}
.portfolio .gb-query-loop-wrapper > div {
width: 100%;
}
.portfolio .gb-button-wrapper {
margin-top: 0;
}
}