/*!
Theme Name: Alessa
Theme URI: https://demo.shadow-themes.com/wp/alessa
Author: Shadow Themes
Author URI: https://shadow-themes.com
Description: Alessa Portfolio Theme for the WordPress by Shadow Themes.
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

-----------------
Table of Contents
-----------------
01. GENERAL
    1.1 - Wordpress Core
    1.2 - Wordpress Blocks
    1.3 - Text meant only for screen readers
    1.4 - Grid and Structure
    1.5 - Format
    1.6 - Disable Selection
    1.7 - Magic Cursor
    1.8 - PhotoSwipe Lightbox

02. TYPOGRAPHY
    2.1 - Headings & Paragraphs
    2.2 - Blockquotes
    2.3 - Pullquote
    2.4 - Tables
    2.5 - Lists

03. FORMS & FIELDS
    3.1 - General
    3.2 - Alessa Custom Select

04. HEADER
    4.1 - General
    4.2 - Layout 01
    4.3 - Layout 02
    4.4 - Layout 03
    4.5 - Layout 04
    4.6 - Layout 05
    4.7 - Layout 06
    4.8 - Main Menu
    4.9 - Sub Menu
        4.9.1 - Sub Menu Links
        4.9.1 - Sub-Menu Show

05. CONTENT
    5.1 - General
    5.2 - Sidebar
    5.3 -
/*DELETED ABOVE*/

/* --- Slider Gallery --- */
.alessa-slider-wrap {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	height: 100vh;
    position: relative;
	overflow: hidden;
}
.alessa-slider {
    cursor: grab;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.alessa-slider.is-grabbed {
    cursor: grabbing;
}
.alessa-slider-item {
    overflow: hidden;
    display: flex;
}
.alessa-slider-item--image,
.alessa-slider-overlay,
.alessa-slider-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.alessa-slider-overlay {
    pointer-events: none;
    z-index: 5;
}
.alessa-slider-item--image {
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.alessa-slider-captions--yes .alessa-slider-title,
.alessa-slider-descr--yes .alessa-slider-description {
    display: block;
}
.alessa-slider .alessa-slider-item {
    will-change: opacity, transform;
}
.alessa-slider .alessa-slider-item .alessa-slider-item--image {
    will-change: transform;
}

/* Fitting Type */
.alessa-slider--cover .alessa-slider-item .alessa-slider-item--image {
    background-size: cover;
}
.alessa-slider--fit-all .alessa-slider-item .alessa-slider-item--image {
    background-size: contain;
}
.alessa-slider--fit-h .alessa-slider-item .alessa-slider-item--image{
    background-size: 100% auto;
}
.alessa-slider--fit-v .alessa-slider-item .alessa-slider-item--image{
    background-size: auto 100%;
}

/* Slides */
.alessa-slider.ia-animating .alessa-slider-item {
    transition-timing-function: ease-in-out;
}
.alessa-slider.ia-animating.is-dropped .alessa-slider-item {
    transition-timing-function: ease-out;
}
.alessa-slider[data-type="simple"] .alessa-slider-item,
.alessa-slider[data-type="parallax"] .alessa-slider-item {
    display: none;
}
.alessa-slider[data-type="simple"] .alessa-slider-item.is-active,
.alessa-slider[data-type="parallax"] .alessa-slider-item.is-active {
    display: flex;
}
.alessa-slider[data-type="fade"] .alessa-slider-item {
    opacity: 0;
}
.alessa-slider[data-type="fade"] .alessa-slider-item.is-active {
    opacity: 1;
}

.alessa-slider[data-type="fade"].is-animating .alessa-slider-item {
	transition: opacity 1000ms;
}
.alessa-slider[data-type="simple"].is-animating .alessa-slider-item {
	transition: transform 1000ms;
}
.alessa-slider[data-type="parallax"].is-animating .alessa-slider-item {
	transition: transform 1000ms;
}
.alessa-slider.is-animating .alessa-slider-item .alessa-slider-item--image {
	transition: transform 1000ms;
}

/* Slider Controls */
.alessa-slider-controls {
	width: 100%;
	height: 80px;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 33;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
}

body.alessa-frosted-glass .shadowcore-post-slider-item .shadowcore-slider-content,
body.alessa-frosted-glass .alessa-slider-descr-wrap,
body.alessa-frosted-glass .alessa-slider-controls {
	-webkit-backdrop-filter: saturate(150%) blur(12px);
	backdrop-filter: saturate(150%) blur(12px);
}
.alessa-slider-controls > div {
	display: flex;
	width: 50%;
}
.alessa-slider-controls > div.alessa-slider-controls-lp {
	justify-content: flex-start;
}
.alessa-slider-controls > div.alessa-slider-controls-rp {
	justify-content: flex-end;
}
.alessa-slider-controls > div.alessa-slider-controls-mp {
	width: 80px;
}
.alessa-slider-controls > div.alessa-slider-controls-mp a {
	transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.alessa-slider-controls > div > a {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.alessa-slider-controls > div > a i {
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
}
.alessa-slider-controls--play i.dashicons-controls-play,
.alessa-slider-controls--play i.dashicons-controls-pause {
	display: none;
}
.alessa-slider-controls--play i.dashicons-controls-play {
	transform: translate(2px, 1px);
}
.alessa-slider-wrap:not(.is-playing) .alessa-slider-controls--play i.dashicons-controls-play,
.alessa-slider-wrap.is-playing i.dashicons-controls-pause {
	display: block;
}
.alessa-slider-controls--play svg {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -25px;
	pointer-events: none;
}
.alessa-slider-controls--play svg circle.alessa-icb {
	transition: opacity 0.3s;
	will-change: opacity;
}
.alessa-slider-wrap.is-paused svg circle.alessa-icb,
.alessa-slider-wrap:not(.is-playing) svg circle.alessa-icb {
	opacity: 0;
	transition: opacity 0.3s, stroke-dashoffset 0.3s!important;
}
.alessa-slider-wrap.is-playing.is-paused svg circle.alessa-icb {
	transition: opacity 0.3s, stroke-dashoffset 0.3s!important;
}
.alessa-slider-controls--title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 40px;
	padding-right: 40px;
	transition: transform 0.3s;
	will-change: transform;
}
.alessa-show-info .alessa-slider-controls--title {
	transform: translateY(-100%);
}
.alessa-slider-controls--title h6 {
	margin: 0 0 4px 0;
}

.alessa-psc-slider-nav {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: block;
	z-index: 33;
	display: flex;
	justify-content: flex-end;
}
.alessa-psc-slider-nav > a {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: 10px;
	position: relative;
}

/* Slider Description */
.alessa-slider-descr-wrap {
	position: absolute;
	transition: transform 0.3s, opacity 0.3s;
	will-change: transform, opacity;
	bottom: 120px;
	left: 40px;
	border-radius: 24px;
	z-index: 11;
	max-width: 33vw;
	border: 1px solid #17171920;
	pointer-events: none;
	opacity: 0;
	transform: translateY(40px);
}
.alessa-show-info .alessa-slider-descr-wrap {
	pointer-events: all;
	opacity: 1;
	transform: translateY(0);
}
.alessa-single-pmb-above .alessa-slider-descr {
	position: relative;
	z-index: 5;
	padding: 33px 40px 30px 40px;
}
.alessa-slider-descr h3 {
	margin: 0 0 0 0;
}
.alessa-slider-descr .alessa-slider-descr--title {
	margin-bottom: 17px;
}
.alessa-slider-descr-wrap > a {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 7;
}
.alessa-slider-descr-wrap > a i {
	font-size: 24px;
	line-height: 1;
	display: block;
	width: 24px;
	height: 24px;
}
a.alessa-slider-descr--close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.75;
}
a.alessa-slider-descr--close:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.75);
}
a.alessa-slider-descr--close i {
	font-size: 24px;
	line-height: 1;
	width: 24px;
	height: 24px;
}

/* Slider and Ribbon Title */
.alessa-ribbon-title-wrap {
    z-index: 5;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	backface-visibility: hidden;
	overflow: hidden;
	max-width: calc(100% - 40px);
}
.alessa-single-pmb-short .alessa-slider-title,
.alessa-ribbon-title {
	padding: 17px 30px 17px 30px;
}
.is-rounded .alessa-ribbon-item .alessa-ribbon-title {
	border-radius: 0 24px 0 24px;
}
body.alessa-frosted-glass .alessa-single-pmb-short  .alessa-slider-title,
body.alessa-frosted-glass .alessa-ribbon-title {
	-webkit-backdrop-filter: saturate(150%) blur(12px);
	backdrop-filter: saturate(150%) blur(12px);
}
.alessa-single-pmb-short .alessa-slider-title h6,
.alessa-ribbon-title h6 {
	margin: 0 0 12px 0;
}
.alessa-single-pmb-short .alessa-slider-title h6:last-child,
.alessa-ribbon-title h6:last-child {
	margin: 0 0 3px 0;
}

.alessa-single-pmb-short .alessa-slider-title-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 40px;
	z-index: 5;
}
.alessa-single-pmb-short .alessa-slider-title-wrap .alessa-slider-title {
	border-radius: 12px;
	padding: 17px 30px 17px 30px;
	max-width: 50%;
}
body.alessa-frosted-glass .alessa-single-pmb-short .alessa-slider-title-wrap .alessa-slider-title {
	-webkit-backdrop-filter: saturate(150%) blur(12px);
	backdrop-filter: saturate(150%) blur(12px);
}