/* ------- PORTFOLIO STYLES ------ */

article.elementor-portfolio-item {
    overflow:visible;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    box-shadow:0px 4px 20px 0px rgba(0,0,0,.2);
}

article.elementor-portfolio-item:hover, article.elementor-portfolio-item:active, article.elementor-portfolio-item:focus {
    box-shadow:0px 30px 60px 0px rgba(0,0,0,.1);
    -ms-transform:translateY(-5px) !important; /* IE 9 */
    -webkit-transform:translateY(-5px) !important; /* Safari */
    transform:translateY(-5px) !important;
}

.elementor-portfolio-item__overlay {
    opacity:1;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}

.elementor-widget-portfolio a .elementor-portfolio-item__overlay {
    background-color:rgba(195,166,144,0);
    background-image:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%);
}

.elementor-portfolio-item__title {
    position:absolute;
    bottom:15px;
    left:0;
    padding:0 20px;
    text-align:left;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}

.elementor-portfolio-item__overlay:hover, .elementor-portfolio-item__overlay:active, .elementor-portfolio-item__overlay:focus {
    background-image:none !important;
    background-color:rgba(195,166,144,0.7) !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}

.elementor-portfolio-item__overlay:hover .elementor-portfolio-item__title, .elementor-portfolio-item__overlay:active .elementor-portfolio-item__title, .elementor-portfolio-item__overlay:focus .elementor-portfolio-item__title {
    font-size:20px !important;
    bottom:25px;
    left:5px;
}

#case-study-buttons .elementor-button {
    width:250px;
    max-width:100%;
}

/*-----------------------------------------
TABLETS 895px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width: 895px) {
    
    /*------PORTFOLIO SECITON------*/
	
    #home-portfolio .elementor-posts-container {
        grid-column-gap:50px;
        grid-row-gap:30px;
    }
    
}

/*-----------------------------------------
MOBILES 767 (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width: 767px) {

    /*------- PORTFOLIO STYLES -------*/
	
    article.elementor-portfolio-item {
        max-width:400px;
        width:100%;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .elementor-portfolio__filter {
        padding-top:0;
    }

}