/*
 Theme Name:   Homelife Advantage Property Management
 Theme URI:    https://advantagepm.ca/ 
 Description:  Customized theme for Homelife Advantage Property Management
 Author:       FirstPage Marketing
 Author URI:   https://www.firstpagemarketing.com
 Template:     hello-elementor
 Version:      1.1.21
*/

/* jetMenu Back Button Fix */
.jet-mobile-menu__controls div[aria-label="Back to Prev Items"] i:before {
        content: "\f0a8";
}

.main-header-band--bg {
    background-color: #C2CCD5 !important;
}

.main-header-band--bg #logo-color {
    display: inline-block !important;
}

.main-header-band--bg #logo-white {
    display: none !important;
}

.main-header-band--bg #menu-color-adjust .elementor-nav-menu--main a.elementor-item {
    color: #000 !important;
}

.main-header-band--bg #logo-color-adjust .elementor-icon {
    color: #000 !important;
}


/* Offset Green Border on Images */
.green-border img {
	z-index: 2;
	position: relative;
}
.green-border:before {
	position: absolute;
	height: 100%;
	width: 100%;
	top: -20px;
	right: -20px;
	border: 1px var( --e-global-color-secondary ) solid;
	content: '';
	z-index: 1;
	border-radius: 10px;
}

@media (max-width: 767px) {
	.green-border {
		padding: 20px 20px 0 0 !important;
	}
	.green-border:before {
		height: 90%;
	    width: 90%;
	    top: 0;
	    right: 0px;
	}
}

/* Bottom Margin for UL and OL */
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol, .elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol {
	margin-bottom: 0.9em;
	text-align: left;
}

/* Inline Image Styling */
img.alignleft {
	max-width: 50% !important;
	margin: 0 30px 30px 0;
}

img.alignright {
	max-width: 50% !important;
	margin: 0 0 30px 30px;
}

img.aligncenter {
	margin: 0 auto 30px;
}

img.alignnone {
	margin: 0 0 30px 0;
}

@media (max-width: 1024px) {

    #main-header-band {
        background-color: #186085 !important;
    } 

    .main-header-band--bg #logo-color {
        display: none !important;
    }

    .main-header-band--bg #logo-white {
        display: inline-block !important;
    }

}

@media (max-width: 768px) {
	img.alignleft, img.alignright, img.aligncenter, img.alignnone {
		display: block;
		margin: 0 auto 30px;
		max-width: 100% !important;
		float:none;
	}

}

/* Elementor Animation Improvements */
@keyframes fadeInDownFPM {
    from {
        opacity: 0;
        transform: translate3d(0,-60px,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}
.fadeInDown {
    animation-name: fadeInDownFPM !important;
}

@keyframes fadeInLeftFPM {
    from {
        opacity: 0;
        transform: translate3d(-60px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeftFPM !important;
}

@keyframes fadeInRightFPM {
    from {
        opacity: 0;
        transform: translate3d(60px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRightFPM !important;
}

@keyframes fadeInUpFPM {
    from {
        opacity: 0;
        transform: translate3d(0,60px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUpFPM !important;
}