/* *
 * XElementor Layered Heading
 * Layered heading elements for Elementor.
 * Exclusively on https://1.envato.market/glitch-heading-elementor
 * *
 * @copyright       (C) 2019 - 2022 XforWooCommerce ( https://merkulov.design/ ). All rights reserved.
 * @license         Envato License 
 * @contributors    Nenad Mihajlovic
 * @support         https://xelementor.com
 * */
/* Imports
--------------------------------------------- */
.xel-layered-heading {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.xel-layered-heading {
		overflow: hidden;
	}
}

.xel-layered-heading .xel-layered-heading-title-1,
.xel-layered-heading .xel-layered-heading-title-2 {
	position: absolute;
	margin-left: -2rem;
	left: 50%;
}

.xel-layered-heading .xel-layered-heading-title-1 {
	bottom: 50%;
}

.xel-layered-heading .xel-layered-heading-title-2 {
	top: 50%;
}

.xel-layered-heading img {
	position: relative;
	max-width: 50%;
}

@media screen and (max-width: 1024px) {
	.xel-layered-heading img {
		max-width: 100%;
		margin-left: -50%;
	}
}

.xel-layered-heading h1,
.xel-layered-heading h2,
.xel-layered-heading h3,
.xel-layered-heading h4,
.xel-layered-heading h5,
.xel-layered-heading h6 {
	margin: 0;
}