/**
Theme Name: Cutter's Landscaping
Author: Blackhawk Digital Marketing
Author URI: https://blackhawkdm.com/
Description: A customized theme for Cutter\'s Landscaping Company
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cutters-landscaping
Template: astra
*/

/**
 * Portfolio Archive Listing Style
**/
.cutters-portfolio-archive-listing-container {
    width: 100%;
	max-width: 1440px;
	position: relative;
	margin: 0 auto;
}
.cutters-portfolio-archive-listing-container .cutters-portfolio-archive-listing-thumbnail-container .overlay-container .title-line-inner-container h5{
	color: #fff !important;	
}
.ast-page-builder-template .ast-article-post {
	margin-bottom: 0;
}
.post-type-archive .cutters-portfolio-archive article{
	margin-bottom: 0 !important;
}
.ast-grid-common-col {
	min-height: 100%;
	padding: 0 !important;
}
.cutters-portfolio-archive{
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: auto;
}
.cutters-portfolio-archive-listing{
    width: 25%;
}
/*.cutters-portfolio-archive-listing-thumbnail-container {*/
/*	width: 25%;*/
/*	float: left;*/
/*	position: relative;*/
/*}*/

.cutters-portfolio-archive-listing-thumbnail {
	position: relative;
	width: 100%;
}

.overlay-container {
	position: absolute;
	width: 150%;
	height: 66.7%;
	transform: rotate(-90deg);
	transform-origin: top left;
}

.overlay {
    width: 100%;
	height: 100%;
    background: linear-gradient(287.4deg, rgba(0,0,0,0.58) 0%, rgba(0,0,0,0) 46.6%);
	position: relative;
    transition: ease 0.3s linear;
}

.cutters-portfolio-archive-listing-thumbnail-container:hover  .overlay {
    background: rgba(0,0,0,0.3);
}

.title-line-container {
    top: 86%;
    position: relative;
    width: 95%;
    margin: 0 auto;
}

.title-line-inner-container {
    display: inline-flex;
    width: 100%;
}

h5.cutters-portfolio-archive-listing-title {
    color: #ffffff;
}

.cutters-portfolio-archive-listing-title {
    float: right;
}

.line {
    border-top: 2px solid #ffffff;
    flex-grow: 100;
    margin-right: 10px;
    margin-top: 20px;
    transform: scaleX(0);
    transition-delay: 0s;
    transition-property: transform; 
    transition-duration: 0.3s;
}

.overlay:hover .line {
    transform: scaleX(1);
    transform-origin: right;
}

@media (max-width: 768px) {
	.overlay {
    	background: rgba(0,0,0,0.3);
	}
	
	.line {
		border-top: 2px solid #ffffff;
    	margin-right: 10px;
    	margin-top: 15px;
		transform: scaleX(1);
	}
	
	h5.cutters-portfolio-archive-listing-title {
		font-size: 16px;
	}
    .cutters-portfolio-archive-listing{
        width: 50%;
    }	
}

@media (max-width: 480px) {
	/*.cutters-portfolio-archive-listing-thumbnail-container {*/
	/*	width: 50% !important;*/
	/*}*/
	.title-line-container {
    	top: 84% !important;
	}
	
	.line {
		margin-top: 16px !important;
	}
	h5.cutters-portfolio-archive-listing-title {
		font-size: 14px;
	}
}
/* Buttons */
@media (max-width: 767px) {
   #primary-btn .container{
        text-align: left;
    }
	#primary-btn .primary-btn{
		padding: 9px 20px;
	}
	body .container .primary-btn{
		padding: 9px 20px;
	}
	.elementor-form #form-button{
		padding: 9px 20px;
	}
}
/* END Buttons */