/*
Theme Name: Location Master Child Theme
Theme URI: https://inboundrem.com/
Description: Location Master WordPress theme. Sample child theme.
Author: Peyovski
Author URI: https://inboundrem.com/
Template: localpro
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/**
 * Header
 */
/* Logo Switch */
body:not(.scrolled) .site-logo.site-logo-dark {
    display: none;
}

body.scrolled .site-logo.site-logo-light {
    display: none;
}

@media only screen and (max-width: 1023px) {
    body #site-header-inner {
        display: block;
    }
}

/* Sticky Header */
#site-header, #site-header .e-con-inner {
	width: 100% !important;
	transition: all .45s cubic-bezier(.4, 0, .2, 1);
}

body.scrolled #site-header {
	min-height: 62px;
	margin-bottom: -62px;
	background-color: #fff;
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
}

body.scrolled #site-header .e-con-inner {
	padding: 5px 0;
}

#site-header:before {
	pointer-events: none;
}

body.scrolled #site-header:before {
	opacity: 0;
}

#site-header .site-logo {
	transition: transform cubic-bezier(.4, 0, .2, 1);
}

body.scrolled #site-header .site-logo {
	transform: scale(.8);
}

/**
 * Off Canvas Side Panel
 */
#side-panel .e-off-canvas {
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1.5s;
			transition-delay: 1.5s;
	--e-off-canvas-content-overflow: visible;
}

#side-panel .e-off-canvas__main {
	opacity: 1 !important;
	visibility: visible !important;
}

@media screen and (min-width: 1024px) {
	#side-panel .e-off-canvas__content {
		min-width: 760px;
	}
}

#side-panel .e-off-canvas[aria-hidden=false] {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.4s, visibility 0.4s;
			transition: opacity 0.4s, visibility 0.4s;
}

/* Overlay */
#side-panel .e-off-canvas .e-off-canvas__overlay {
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
			clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	-webkit-transition: -webkit-clip-path 1.3s cubic-bezier(0.75, 0, 0.24, 0.9);
			transition: clip-path 1.3s cubic-bezier(0.75, 0, 0.24, 0.9);
}

#side-panel .e-off-canvas[aria-hidden=false] .e-off-canvas__overlay {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

@media (max-width: 767px) {
	#side-panel .e-off-canvas .e-off-canvas__overlay {
		display: none;
	}
}

/* Close Button */
#side-panel .e-close-btn {
	opacity: 0;
    transform: scale3d(.3, .3, .3);
	transition: opacity 0.3s ease,
				transform 0.3s ease,
				background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#side-panel .e-close-btn svg {
	width: 18px;
	height: 18px;
}

#side-panel .e-off-canvas[aria-hidden=false] .e-close-btn {
	opacity: 1;
	transform: scale3d(1, 1, 1);
	transition-delay: 1.4s;
}

#side-panel .e-close-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
	padding: 0;
    border-radius: 50%;
}

@media only screen and (max-width: 1023px) {
	#side-panel .e-close-btn a {
		width: 45px;
		height: 45px;
	}
}

/* Panels */
#side-panel .e-panel {
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.4s ease, opacity 0.4s ease;
}

/**
 * Tabs Panel
 */
#side-panel .e-panel-tabs {
	max-height: 100vh;
	background-color: #fff;
	transition-delay: 0.4s;
	z-index: 10;
}

#side-panel .e-off-canvas[aria-hidden=false] .e-panel-tabs {
	opacity: 1;
	transform: translateX(0);
	transition: transform 0.4s ease 0.8s, opacity 0.4s ease 0.8s, background-image ease-in-out 0.4s 0s;
}


@media (max-width: 767px) {
	#side-panel .e-panel-tabs, #side-panel .e-off-canvas[aria-hidden=false] .e-panel-tabs {
		transition-delay: 0s;
	}
}

/* Tabs Panel Wrap */
#side-panel .e-tabs-wrap {
    max-height: calc(100vh - 150px);
}

@media (max-width: 1024px) {
    #side-panel .e-tabs-wrap {
        max-height: calc(100vh - 100px);
    }
}

@media (max-width: 768px) {
    #side-panel .e-tabs-wrap {
        max-height: calc(100vh - 90px);
    }
}

/* Logo */
#side-panel .e-panel-logo {
	opacity: 0;
    transform: translate3d(0, -100%, 0);
	transition: opacity 0.5s ease,
				transform 0.5s ease;
	transition-delay: 0s;
}

#side-panel .e-off-canvas[aria-hidden=false] .e-panel-logo {
	opacity: 1;
    transform: translate3d(0, 0, 0);
	transition-delay: 1.2s;
}

/* Menu */
#side-panel .e-panel-menu {
	opacity: 0;
    transform: translate3d(-100%, 0, 0);
	transition: opacity 0.5s ease,
				transform 0.5s ease;
	transition-delay: 0s;
}

#side-panel .e-off-canvas[aria-hidden=false] .e-panel-menu {
	opacity: 1;
    transform: translate3d(0, 0, 0);
	transition-delay: 1.2s;
}

/* Contacts */
#side-panel .e-panel-contacts {
	opacity: 0;
    transform: translate3d(0, 100%, 0);
	transition: opacity 0.5s ease,
				transform 0.5s ease;
	transition-delay: 0s;
}

#side-panel .e-off-canvas[aria-hidden=false] .e-panel-contacts {
	opacity: 1;
    transform: translate3d(0, 0, 0);
	transition-delay: 1.2s;
}

@media (max-width: 767px) {
	#side-panel .e-close-btn,
	#side-panel .e-panel-logo,
	#side-panel .e-panel-menu,
	#side-panel .e-panel-contacts {
		transition-delay: 0s;
	}
	
	#side-panel .e-off-canvas[aria-hidden=false] .e-close-btn,
	#side-panel .e-off-canvas[aria-hidden=false] .e-panel-logo,
	#side-panel .e-off-canvas[aria-hidden=false] .e-panel-menu,
	#side-panel .e-off-canvas[aria-hidden=false] .e-panel-contacts {
		transition-delay: 0.3s;
	}
}

/* Scroll fades */
#side-panel .e-panel-shadows {
	position: static;
	pointer-events: none;
}

#side-panel .e-panel-tabs .e-tabs-top-shadow,
#side-panel .e-panel-tabs .e-tabs-bottom-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 45px; /* thickness of the fade */
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 2; /* above content, below fixed headers if any */
}

#side-panel .e-tabs-top-shadow {
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

#side-panel .e-tabs-bottom-shadow {
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

#side-panel .e-panel-tabs.show-top .e-tabs-top-shadow {
  opacity: 1;
}

#side-panel .e-panel-tabs.show-bottom .e-tabs-bottom-shadow {
  opacity: 1;
}

/**
 * Content Panel
 */
#side-panel .e-panel-content {
	background-color: #F0F0F0;
	transition-delay: 0.2s;
	z-index: 9;
}

@media (max-width: 767px) {
	#side-panel .e-panel-content {
		display: none;
	}
}

#side-panel .e-panel-content .owl-carousel .owl-item {
	max-height: 100vh;
    overflow-x: auto;
}

#side-panel .e-off-canvas[aria-hidden=false] .e-panel-content {
	opacity: 1;
	transform: translateX(0);
	transition-delay: 1.2s;
}

/* Submenu */
.e-panel-submenu a {
    border-radius: 6px;
}

.e-panel-submenu a:hover, .e-panel-submenu a.elementor-item-active {
    background-color: #e5e5e5;
}


/**
 * Buttons
 */
.arrow-button .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.arrow-button .elementor-button-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

.arrow-button a:hover .elementor-button-icon {
    right: 15px;
}