/*
Theme Name: Hello Elementor Child
Theme URI: https://www.gripconsultant.in/
Description: Child theme of Hello Elementor for GRIP Consultant.
Author: GRIP Consultant
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* --- Learning Solutions template polish (scoped, affects nothing else) --- */
/* Card visuals live on .elementor-element-populated, so hover styles target it. */
.grip-card > .elementor-element-populated {
	height: 100%;
	transition: transform .3s ease, box-shadow .3s ease;
}

.grip-card:hover > .elementor-element-populated {
	transform: translateY(-6px);
	box-shadow: 0 18px 44px rgba(7, 4, 0, .16);
}

.grip-card--dark:hover > .elementor-element-populated {
	box-shadow: 0 18px 44px rgba(235, 156, 41, .18);
}

.grip-card--pop:hover .elementor-icon {
	color: #EB9C29;
}

.grip-ls .elementor-icon-box-icon .elementor-icon {
	transition: color .3s ease, transform .3s ease;
}

.grip-card:hover .elementor-icon-box-icon .elementor-icon {
	transform: scale(1.12);
}

.grip-ls a {
	color: inherit;
	text-decoration: none;
}

.grip-ls a:hover {
	color: #EB9C29;
}

.grip-hero .elementor-button {
	box-shadow: 0 10px 30px rgba(7, 4, 0, .25);
}

.grip-hero .elementor-heading-title,
.grip-hero .elementor-widget-text-editor {
	text-shadow: 0 2px 18px rgba(7, 4, 0, .45);
}

/* --- photography --- */
.grip-img .elementor-widget-container,
.grip-gallery .elementor-widget-image {
	overflow: hidden;
	border-radius: 16px;
}

.grip-img img {
	display: block;
	width: 100%;
	transition: transform .6s ease;
}

.grip-img:hover img {
	transform: scale(1.06);
}

.grip-gallery .grip-img img {
	height: 300px;
	object-fit: cover;
}

/* --- stats band --- */
.grip-stats .elementor-counter {
	text-align: center;
}

.grip-stats .elementor-counter-title {
	text-transform: uppercase;
}

.grip-stats .elementor-column + .elementor-column {
	border-left: 1px solid rgba(156, 26, 51, .18);
}

@media (max-width: 1024px) {
	.grip-gallery .grip-img img {
		height: 220px;
	}
}

@media (max-width: 767px) {
	.grip-card {
		margin-bottom: 18px;
	}

	.grip-stats .elementor-column + .elementor-column {
		border-left: 0;
	}

	.grip-stats .elementor-column {
		margin-bottom: 22px;
	}
}