/*  Main '/' page  */

.entry-title{
    display: none;
}
.entry-content, h3{
    margin: 0 !important;
}
.grid-container{
    margin: 0 !important;
    width: inherit !important;
    max-width: 100% !important;
}
.site-content{
    padding: 0 !important;
}
/* Blurred container */
/* overlay for the two images */
.works-div{
    overflow: hidden;
    height: calc(100vh - 100px);
}

.overlay {
    border-image-source: linear-gradient(hsl(0 100% 0% / 0.5), hsl(0 100% 0% / 0.5));
    /* border-image-source: linear-gradient(hsl(0 0% 50% / 0.6), hsl(0 0% 50% / 0.9));    PILKA */
    /* border-image-source: linear-gradient(hsl(30 89% 55% / 0.6), hsl(30 89% 55% / 0.6));  GELTONA*/
    border-image-slice: fill 1; /* Slice the entire gradient */
    border-image-width: 1px; /* Adjust the border width */
    border-image-repeat: stretch; /* or round, space */
}
/* animation of the main conts coming into their places */

#image-div1 {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

#image-div2 {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Inside shadow of image-div on hover*/
.image-div{
    transition: box-shadow 0.5s ease-in-out;
}
.image-div:hover {
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); /* Use a lower initial blur */
}
.image-div:hover {
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.8); /* Then expand to full blur */
}
#image-div1.active, #image-div2.active{
    opacity: 1;
    transform: translateX(0);
}


/* About Us */
.about-us{
    box-shadow: 0px 0px 6px #FBFBFB;
}

.image-split{
    display: flex;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}


/* triangles */
.image-split figure {
    width: 100%; /* Each takes half the screen */
    height: 100%;
    position: absolute;
    overflow: hidden; /* Ensures images don’t overflow */
}

.image-split figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* triangles going to their places */
.img1 {
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    opacity: 0.2;
    transform: translate(-100px, 100px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.img1.active {
    opacity: 1;
    transform: translate(0, 0);
}

.img2 {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    opacity: 0.2;
    transform: translate(100px, -100px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.img2.active{
    opacity:1;
    transform: translate(0, 0);
}


/* Contact us */

.contact{
    box-shadow: inset 0px 0px 15px black;
}

.contact-left img{
    filter: invert();
}
.contact-left{
    box-shadow: inset 0px 0px 15px black;
}