/* ==================================================
   Project Gallery
================================================== */

.awd-project-gallery {

    max-width: 100%;
    margin: 4rem auto 0rem;

}

/* Desktop */
.awd-gallery-sizer,
.awd-gallery-card {

    width: calc((100% - 60px) / 3);

}

/* Tablet */
@media (max-width:1023px){

    .awd-gallery-sizer,
    .awd-gallery-card{

        width: calc((100% - 30px) / 2);

    }

}

/* Mobile */
@media (max-width:767px){

    .awd-gallery-sizer,
    .awd-gallery-card{

        width:100%;

    }

}


.awd-gallery-card {

    overflow: hidden;

}

.awd-gallery-card img {

    display: block;
    width: 100%;
    height: auto;

}

.awd-gallery-card a {

    display: block;
    position: relative;

}

.awd-gallery-card:hover img {

    /* transform: scale(1.02); */
}
.awd-gallery-card a{
    position: relative;
    display: block;
}
.awd-gallery-card a::after{
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: .6s all;
    transition-property: all;
}

.awd-gallery-card a:hover::after{
    background-color: rgba(0,0,0,0.5);
}
.awd-project-page .awd-back-link-wrap a.awd-back-link{
   color: #444444; 
}

/* For Enter Animation */
.awd-gallery-card {
    overflow: hidden;
}

.awd-gallery-image {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(0.92);
    opacity: 0;

     transition:
        transform 2.2s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 1.5s ease;

    will-change: transform, opacity;
}

.awd-gallery-image.is-visible {
    transform: scale(1);
    opacity: 1;
}


.awd-gallery-sizer,
.awd-gallery-card {

    width: calc((100% - 60px) / 3);

}

/* Tablet */

@media (max-width: 1023px) {

    .awd-project-gallery {

        column-count: 2;

    }
    .awd-project-gallery{
        column-gap: 10px;
    }
    .awd-gallery-card{
        margin: 0 0 3px;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .awd-project-gallery {

        column-count: 1;
        column-gap: 10px;

    }

    .awd-gallery-card {

        margin-bottom: 3px;

    }

}