/*!
Theme Name: Alessa Child
Theme URI: http://demo.shadow-themes.com/wp/alessa
Author: Shadow Themes
Author URI: http://shadow-themes.com
Description: Alessa Portfolio Child Theme by Shadow Themes.
Template: alessa
Version: 1.0
License: Themeforest
License URI: -
Text Domain: alessa
Tags: animated, creative, dark, fullscreen, gallery, modern, parallax, photo, photographer, photography, portfolio, showcase, slider, blog, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, translation-ready
*/

/* --- Page Intro --- */
.elementor-editor-active .alessa-page-intro-wrap {
    display: none;
}
.alessa-page-intro-wrap {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    will-change: opacity;
    transition: opacity 0.3s;
    overflow: hidden;
    background: #000000;
}
.alessa-page-intro-wrap.faded {
    opacity: 0;
    pointer-events: none;
}
.alessa-page-intro-wrap div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    will-change: opacity, transform;
    transform: scale(1.5);
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    background: no-repeat center;
    background-size: cover;
}
.alessa-page-intro-wrap div.is-init {
    opacity: 1;
    transform: scale(1);
}
body.has-intro:not(.intro-finished) {
	overflow: hidden;
}
body.has-intro:not(.elementor-editor-active) main#alessa-main-wrap {
    transition: opacity 1s, transform 0.3s;
    will-change: opacity, transform;
    opacity: 0;
}
body.has-intro.intro-finished:not(.elementor-editor-active) main#alessa-main-wrap {
    opacity: 1;
}

@media (orientation: portrait) {
	.alessa-page-intro-wrap div {
		background-size: contain;
	}
}