/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Styles for the popup */
    .popup {
		display: none;
		position: fixed;
		top: 50%;
		left: 56%;
		transform: translate(-50%, -50%);
		background-color: #F6F5E8;
		border: 1px solid #00C78B;
		z-index: 999;
		padding: 0;
		transition: opacity 0.6s ease, visibility 0s linear 0.6s;
    }

    .popup.active {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.6s ease, visibility 0s linear;
    }

    .close-btn {
	    position: absolute;
	    bottom: 30vh;
	    left: 3vw;
	    cursor: pointer;
	    font-size: 2vw;
		color: #00C78B !important;
		width:3vw;
		height:3vw;
	}
.close-btn span {
    font-family: "calibri", sans-serif !important;
    padding-left: 0.5vw;
    line-height: 1.8vw;
    position: absolute;
}
 
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
iframe#popup-iframe {
		width: 88vw;
		height: 100vh;	
	}

    /* Loading indicator */
    .loading-indicator {
        position: absolute;
        top: 50%;
        left: 56%;
        transform: translate(-50%, -50%);
        display: none; /* Hide by default */
    }

/* Style for pending status */
.store-status-pending svg {
    fill: yellow;
}

/* Style for Building 1 sold status */
.page-id-102 .store-status-sold svg {
    fill: #FF5C3E;
}
.page-id-102 g polygon, .page-id-102 g rect.cls-8 {
  fill: white !important;
}
.page-id-102 .sold polygon.cls-8, .page-id-102 .sold rect.cls-8 {
  fill: #FF5C3E !important;
  opacity: 0.8;
}
.page-id-102 .pending polygon.cls-8, .page-id-102 .pending rect.cls-8 {
  fill: #D3CD8B !important;
  opacity: 0.8;
}
/* Style for Building 1 sold status */
#Building_2 .store-status-sold svg {
    fill: #FF5C3E;
}
#Building_2 g polygon, #Building_2 g rect.cls-3 {
  fill: white !important;
}
#Building_2 .sold polygon.cls-3, #Building_2 .sold rect.cls-3 {
  fill: #FF5C3E !important;
  opacity: 0.8;
}
#Building_2 .pending polygon.cls-3, #Building_2 .pending rect.cls-3 {
  fill: #D3CD8B !important;
  opacity: 0.8;
}