/* NEWS STYLES */

.news-layout {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1.5rem;
}

.news-listing {
	min-height:400px;
	background-size:cover;
	background-position:bottom center;
}


.news-listing-heading-wrapper, 
.news-listing-heading-wrapper h3 {
	transition: all ease 200ms;
}

.news-listing-heading-wrapper:hover {
	background-color:var(--gold);
}

.news-listing-heading-wrapper:hover h3 {
	color:var(--dark-blue)!important;
}

@media(max-width: 980px) {
	.news-layout {
		grid-template-columns:1fr 1fr;
	}
}

@media only screen and (max-width:650px) and (min-width:450px) {
	.project-listing {
		background-position:center!important;
	}
}

@media(max-width: 650px) {
	.news-layout {
		grid-template-columns:1fr;
	}
	.news-listing-heading-wrapper .heading-4 {
		font-size:20px;
		line-height: 25px;
	}
}

/* PORTFOLIO STYLES */
.portfolio-layout {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1.5rem;
}

.project-listing {
	min-height:400px;
	background-size:cover;
	background-position:bottom center;
}


.project-listing-heading-wrapper, 
.project-listing-heading-wrapper h3 {
	transition: all ease 200ms;
}

.project-listing:hover .project-listing-heading-wrapper {
	background-color:var(--gold);
}

.project-listing:hover .project-listing-heading-wrapper h3 {
	color:var(--dark-blue)!important;
}

@media(max-width: 980px) {
	.portfolio-layout {
		grid-template-columns:1fr 1fr;
	}
}

@media(max-width: 650px) {
	.portfolio-layout {
		grid-template-columns:1fr;
	}
	.project-listing-heading-wrapper .heading-4 {
		font-size:20px;
		line-height: 25px;
	}
}

/* SERVICES STYLES */

.services-layout {
        display: flex;
        flex-direction: column;
        gap: 2rem;
		padding:80px 0;
    }

    .service-title-group {
        display: grid;
        grid-template-columns: 100px 50%;
        gap: .5rem;
        align-items: center;
    }


@media(max-width: 980px) {
	.service-content p {
		overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5; 
           line-clamp: 5; 
   -webkit-box-orient: vertical;
		transition:all ease 200ms;
		font-size:14px;
		line-height:25px;
	}
	
	.service-content p.open {
		overflow: auto;
   		display: block;
	}
	
}