/**
Theme Name: Astra ESMA
Author: Nickolas Bossinas
Author URI: http://wpastra.com/
Description: Child theme for Astra, A very lightweight and beautiful theme made to work with Page Builders.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

body.page-template-page_effect .ast-primary-header-bar {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
}

body.ast-desktop.page-template-page_effect .astra-menu-animation-slide-up>.menu-item:hover>.sub-menu {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);	
}

body.page-template-page_effect footer.site-footer {
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);	
}

.site-content.with-effect {
	position: relative;
}

.site-content.with-effect article.page {
	background: none;
}

.site-content-effect-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: -1;
	overflow: hidden;
}

.site-content-effect {
	--offsetx: 0;
	--offsety: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat-y;
	opacity: 0.1;
	transform: translate(calc(var(--offsetx) / 2), 0);
	animation: bgnd-offset-anim 120s infinite linear; 
}

.effect-title-image-wrapper {
	height: 200px;
	position: relative;
	margin-bottom: 30px !important;
}

.effect-title-image-wrapper-inner {
	height: 200px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}

.effect-title-image {
	--offsetx: 0;
	--offsety: 0;
	background-repeat: no-repeat;
	transform: translate(calc(var(--offsetx) / 2), 0);
	animation: bgnd-offset-anim 120s infinite linear; 
}

@keyframes bgnd-offset-anim {
	0%   { transform: translate(calc(var(--offsetx) / 2), 0); }
	25%  { transform: translate(0, calc(var(--offsety) / 2)); }
	50%  { transform: translate(calc(var(--offsetx) / 2), var(--offsety)); }
	75%  { transform: translate(var(--offsetx), calc(var(--offsety) / 2)); }
	100% { transform: translate(calc(var(--offsetx) / 2), 0); }
}