/**
* Theme Name: greenbuilt Child Demo
* Description: This is a child theme of greenbuilt.
* Author: cmsmasters
* Author URI: 
* Template: greenbuilt
* Version: 1.0.0
*/


/* Premium Project Filter Tabs */
.project-tabs-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 0 60px;
}

.project-tabs {
	display: inline-flex;
	background: #8b867512;
	padding: 10px;
	border-radius: 50px;
	gap: 14px;
	border: 1px solid #ddd;
}

.project-tab-btn {
	background: #8b8675;
	border: none;
	outline: none;
	padding: 16px 40px;
	font-size: 16px;
	border-radius: 50px;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	letter-spacing: 1px;
	font-family: inherit;
	color: #fff;
	text-transform: uppercase;
}

.project-tab-btn:hover {
	color: #fff !important;
	background: #8b8675d6;
}

.project-tab-btn.active {
	background: #5b7e3b;
}

/* Animations */
.fade-in-active {
	animation: fadeInSlideUp 0.65s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes fadeInSlideUp {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.dark-mode .project-tabs {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.project-card-details {
	order: 3 !important;
	display: flex !important;
	gap: 8px !important;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

.project-detail-line {
	font-size: 13.5px !important;
	line-height: 1.4 !important;
	color: #222;
	white-space: nowrap !important;
}

.project-detail-line strong {
	font-weight: 600 !important;
}

.project-detail-type {
	font-size: 14px !important;
	color: #222 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-weight: 600 !important;
	line-height: 1.2;
}

.project-detail-type i {
	font-size: 14px !important;
}


.cmsmasters-blog__post {
	background: #f5f4f1;
	border-radius: 50px !important;
	padding: 16px !important;
	border: 1px solid #ddd;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	overflow: hidden !important;
}

.cmsmasters-blog__post:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 16px 35px rgba(0, 0, 0, 0.08) !important;
	border-color: var(--cmsmasters-colors-hover, #000000) !important;
}

/* Image styling inside the card */
.cmsmasters-blog__post .cmsmasters-widget-image__wrap {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 50px !important;
	width: 100% !important;
	aspect-ratio: 12 / 10 !important;
}

.cmsmasters-blog__post .cmsmasters-widget-image__wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50px !important;
	transition: transform 0.5s ease !important;
}

.cmsmasters-blog__post:hover .cmsmasters-widget-image__wrap img {
	transform: scale(1.05) !important;
}


/* Content block styling */
.cmsmasters-blog__post .cmsmasters-widget-title {
	padding: 0 10px 10px !important;
}

.cmsmasters-blog__post .cmsmasters-widget-title .elementor-widget-container {
	display: flex !important;
	flex-direction: column !important;
}

.cmsmasters-blog__post .entry-title {
	order: 2 !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	margin: 10px 0 !important;
	line-height: 1.25 !important;
	border-top: 1px solid #5b7e3b;
	border-bottom: 1px solid #5b7e3b;
	padding: 10px 0;
}

.cmsmasters-blog__post .cmsmasters-widget-title p {
	order: 1 !important;
	/* Move location to top */
	font-size: 14px !important;
	color: #222 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-weight: 500 !important;
}

.blogs .cmsmasters-blog__post .entry-title {
	border-top: 0 !important;
	border-bottom: 0 !important;
	padding: 0 !important;
}

.blogs .cmsmasters-blog__post .cmsmasters-widget-title p {
	margin-top: 20px !important;
}

/* Dark mode overrides for cards */
body.dark-mode .cmsmasters-blog__post {
	background: rgba(255, 255, 255, 0.03) !important;
	border-color: rgba(255, 255, 255, 0.07) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

body.dark-mode .project-card-details {
	border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-mode .project-detail-type {
	color: #fff !important;
}

@media (max-width: 991px) {
	.project-tabs-container {
		padding: 0 15px 30px;
		margin: 0;
	}

	.project-tabs {
		flex-wrap: wrap;
		padding: 15px;
		border-radius: 10px;
	}
}

@media (max-width: 767px) {
	.project-tab-btn {
		padding: 10px 30px;
		font-size: 14px;
	}
}