/* 
Theme Name: Music For Global Change
Theme URI: https://musicforglobalchange.com/
Author: Freelance-Creator
Author URI: https://www.freelance-creator.com/
Template: astra
Version: 1.0.0
*/

/* Book style slide */
@view-transition {
	navigation: auto;
}

::view-transition-old(root) {
	animation: page-turn-out 0.5s ease-in forwards;
	transform-origin: left center;
}

::view-transition-new(root) {
	animation: page-turn-in 0.5s ease-out forwards;
	transform-origin: right center;
}

@keyframes page-turn-out {
	from { transform: rotateY(0deg); opacity: 1; }
	to   { transform: rotateY(-90deg); opacity: 0; }
}

@keyframes page-turn-in {
	from { transform: rotateY(90deg); opacity: 0; }
	to   { transform: rotateY(0deg); opacity: 1; }
}

/* Heading lines */
.heading-lined .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 15px;
	white-space: nowrap;
}

.heading-lined .elementor-heading-title::before,
.heading-lined .elementor-heading-title::after {
	content: '';
	flex: 1;
	height: 1px;
	background-color: #cccccc;
}

.heading-lined-white .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 15px;
	white-space: nowrap;
}

.heading-lined-white .elementor-heading-title::before,
.heading-lined-white .elementor-heading-title::after {
	content: '';
	flex: 1;
	height: 1px;
	background-color: #ffffff;
}

@media (max-width: 1024px) {
	.heading-lined .elementor-heading-title,
	.heading-lined-white .elementor-heading-title {
		white-space: normal;
	}
}

/* Gallery */
.elementor-image-gallery .gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	transform: translateZ(0);
}

.elementor-image-gallery .gallery-icon {
	margin: 0 !important;
	overflow: hidden;
	border-radius: 4px;
}

.elementor-image-gallery .gallery-item img {
	display: block;
	width: 100% !important;
	height: 140px !important;
	object-fit: cover !important;
	border-radius: inherit;
	transform: scale(1) translateZ(0);
	transform-origin: center center;
	transition: transform 0.35s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.elementor-image-gallery .gallery-item:hover img {
	transform: scale(1.05) translateZ(0);
}

.elementor-image-gallery .gallery-item:hover .gallery-icon {
	transition: box-shadow 0.3s ease;
}